@charset "UTF-8";
/**************************************/
/* -------------------------
 * 下層MV
 * ------------------------- */
.under-mv--wide {
  aspect-ratio: 1680/1020;
}
@media (max-width: 834px) {
  .under-mv--wide {
    margin-bottom: 5rem;
  }
}

.under-mv__img--wide {
  width: 100%;
  height: auto;
  aspect-ratio: 1540/600;
  -o-object-fit: cover;
     object-fit: cover;
}

.under-mv__img-wrap {
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 834px) {
  .under-mv__img-wrap {
    width: 100%;
  }
}

/* -------------------------
 * 色
 * ------------------------- */
:root {
  --accent-color: #84cac6;
  --sub-color: #a8d7d4;
}

.accent-color {
  color: var(--accent-color);
}

.sub-color {
  color: var(--sub-color);
}

/* -------------------------
 * フォント
 * ------------------------- */
.f22 {
  font-size: 2.2rem;
}
@media (max-width: 834px) {
  .f22 {
    font-size: 1.75em;
  }
}

h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

/* -------------------------
 * レイアウト
 * ------------------------- */
.under {
  padding-bottom: 20rem;
  border-bottom: 1px solid #dfdedc;
}
@media (max-width: 834px) {
  .under {
    padding-bottom: 6rem;
  }
}

@media (max-width: 834px) {
  .under-sec {
    padding-block: 4.5rem !important;
  }
}

img {
  vertical-align: bottom;
}

.under-sec__ttl-wrap--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.under-sec__ttl-wrap--center .sec-mess__jp {
  margin-bottom: 3rem;
}
@media (max-width: 834px) {
  .under-sec__ttl-wrap--center .sec-mess__jp {
    margin-bottom: 2rem;
  }
}

.under-sec__ttl-wrap--with-en .sec-mess__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.sec-mess__symbol {
  font-weight: 100;
}/*# sourceMappingURL=under.css.map */