@charset "UTF-8";

.col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.col-2 .col-2-item {
  width: 48.5%;
}

.col-2 .col-2-item:first-child {
  margin-right: 3%;
}

.col-by-4.mod .col-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2em;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-6 {
  margin-top: .6em !important;
}

.mt-22 {
  margin-top: 2.2em !important;
}

.w-full {
  width: 100% !important;
}

@media only screen and (max-width: 767.98px) {
  .col-2 {
    display: block;
  }

  .col-2 .col-2-item {
    width: 100%;
    margin: 0;
  }

  .col-by-4.mod .col-box {
    margin: 0 15px 15px 0;
    width: calc((100% - (15px)) / 2);
  }

  .col-by-4.mod .col-box:nth-of-type(2n) {
    margin-right: 0;
  }

  .col-by-4.mod .cd-2-pdf .txt-box .ttl span:after,
  .col-2-item .cd-2-pdf .txt-box .ttl span::after{
    display: inline-block;
    position: static;
    margin-left: 6px;
  }

  .tab-2.mod .tab-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-bottom: none;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  }

  .tab-2.mod .tab-box .tab {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%;
    height: auto;
    margin: 0;
    padding: 1em .6em;
    font-size: 1.3rem;
  }

  .tab-2.mod .tab-box .tab {
    border-top: 1px solid #ddd;
  }

  .tab-2.mod .tab-box .tab:nth-child(1),
  .tab-2.mod .tab-box .tab:nth-child(2) {
    border-top: none;
  }

  .tab-2.mod .tab-box .tab:nth-child(odd){
    border-right: 1px solid #ddd;
  }

  .sp-mt-1 {
    margin-top: 1em !important;
  }

  .sp-mt-16 {
    margin-top: 1.6em !important;
  }

  .sp-w-full {
    width: 100% !important;
  }

  .ttl .mod_s_fz16 {
    font-size: 1.4rem;
  }

  .cd-2-pdf .img-box img {
    width: 100%;
  }
  .tab-2 .tab-box li:nth-of-type(2), .tab-2 .tab-box li:nth-of-type(5) {
    border-left: none;
    border-right: none;
  }
}