/*! --------------------------------------------------------------------
------------------------------------------------------------------------
about
------------------------------------------------------------------------
--------------------------------------------------------------------- */
/* ========================================================
.sec-about
======================================================== */
.sec-about:first-child {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .sec-about:first-child {
    margin-top: 48px;
  }
}

.sec-about:last-child {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .sec-about:last-child {
    margin-bottom: 48px;
  }
}

.sec-about + .sec-about {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .sec-about + .sec-about {
    margin-top: 48px;
  }
}

.sec-about .main-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 767px) {
  .sec-about .main-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}

.sec-about:nth-child(2n) .main-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .sec-about:nth-child(2n) .main-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.sec-about .txt-block {
  width: 60%;
}
@media screen and (max-width: 767px) {
  .sec-about .txt-block {
    width: 100%;
  }
}

.sec-about .ttl-parts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.sec-about .ttl-parts__ico {
  width: 80px;
  padding-bottom: 4px;
}
@media screen and (max-width: 1020px) {
  .sec-about .ttl-parts__ico {
    width: 64px;
  }
}
@media screen and (max-width: 767px) {
  .sec-about .ttl-parts__ico {
    width: 56px;
  }
}

.sec-about .ttl-parts__ttl {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .sec-about .ttl-parts__ttl {
    margin-left: 12px;
  }
}

.sec-about .description-parts {
  margin-top: 12px;
  line-height: 1.7;
}

.sec-about .img-block {
  width: 40%;
}
@media screen and (max-width: 767px) {
  .sec-about .img-block {
    width: 100%;
  }
}/*# sourceMappingURL=about.min.css.map */