.lower { overflow: hidden; }

/* ---------- 下層MV ---------- */
.lower-mv {
  position: relative;
  margin-top: var(--header-h);
  min-height: 360px;
  display: flex;
  align-items: center;
  background: #f4f6f3;
  overflow: hidden;
}
@media (min-width: 1921px) {
.lower-mv{
  min-height: 460px;
}
}
.lower-mv__bg {
  position: absolute;
  inset: 0 0 0 40%;
  background-size: cover;
  background-position: center;
  background-color: #c9d2c7;
  clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%);
}
.lower-mv__inner {
  position: relative;
  z-index: 2;
  padding-block: 64px;
}
.lower-mv__title {
  font-size: clamp(30px, 5.4vw, 54px);
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1.12;
  color: var(--ink);
}
.lower-mv__en {
  display: block;
  margin-top: 12px;
  font-family: var(--font-en);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .24em;
  color: var(--green-600);
}

/* ---------- 下層セクション共通 ---------- */
.csec { --csec-pad: 96px; padding-block: var(--csec-pad); }
.csec + .csec { padding-top: 0; }
.csec.csec--pt { padding-top: var(--csec-pad); }

.cheading { margin-bottom: 44px; }
.cheading__ttl {
  font-size: clamp(24px, 3.4vw, 34px);
  font-weight: 700;
  letter-spacing: .05em;
  margin-top: 14px;
}

.ph {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  color: #9aa39a;
  background-color: #e9ece8;
  background-image: linear-gradient(135deg, rgba(0,0,0,.03) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.03) 50%, rgba(0,0,0,.03) 75%, transparent 75%);
  background-size: 22px 22px;
  overflow: hidden;
}
.ph__label {
  font-family: var(--font-en);
  font-size: 12px;
  letter-spacing: .18em;
}

/* ---------- レスポンシブ ---------- */
@media (max-width: 767px) {
  .lower-mv { min-height: 240px; }
  .lower-mv__bg { inset: 0; clip-path: none; opacity: .3; }
  .lower-mv__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(244,246,243,.6), rgba(244,246,243,.15));
  }
  .lower-mv__inner { padding-block: 36px; }

  .csec { --csec-pad: 64px; }
  .cheading { margin-bottom: 32px; }
}
