/* FV（画面に固定。写真の上に大きな英字3行） */
.mv { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; min-height: 600px; z-index: 0; overflow: hidden; background: var(--dark); color: var(--on-dark); }
.mv__bg { position: absolute; inset: 0; }
.mv__bg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%; }
.mv__bg::after { content: ""; position: absolute; inset: 0; background: rgba(4, 9, 24, .5); transition: background 1.2s ease .3s; }
body:not(.is-loaded) .mv__bg::after { background: rgba(4, 9, 24, 1); }
.is-capture .mv__bg::after { background: rgba(4, 9, 24, .5) !important; }

/* 英字3行は左下にそろえて積む。説明とボタンは右下 */
.mv__ttl { position: absolute; left: 6vw; bottom: 70px; font-size: 11rem; line-height: .8; letter-spacing: -.04em; white-space: nowrap; }
.mv__row { display: block; }
.mv__row .ch-w { margin-bottom: -.12em; padding-bottom: .12em; }
.mv__row .ch { transform: translateY(105%); }
.is-loaded .mv__row .ch, .is-capture .mv__row .ch { transform: none; }
.mv__row--2 .ch { transition-delay: .14s; }
.mv__row--3 .ch { transition-delay: .28s; }
.mv__ttl::before { content: ""; display: block; width: 64px; height: 1px; background: currentColor; margin: 0 0 34px 8px; transform: scaleX(0); transform-origin: left; transition: transform 1s var(--ease) .5s; }
.is-loaded .mv__ttl::before, .is-capture .mv__ttl::before { transform: none; }

.mv__dtl { position: absolute; right: 6vw; bottom: 168px; width: 250px; font-size: .8667rem; font-weight: 700; line-height: 1.8; letter-spacing: .04em; opacity: 0; transform: translateY(14px); transition: opacity 1s var(--ease) .6s, transform 1s var(--ease) .6s; }
.mv__br { display: none; }
.mv__btn { position: absolute; right: 6vw; bottom: 76px; opacity: 0; transform: translateY(14px); transition: opacity 1s var(--ease) .75s, transform 1s var(--ease) .75s; }
.is-loaded .mv__dtl, .is-loaded .mv__btn, .is-capture .mv__dtl, .is-capture .mv__btn { opacity: 1; transform: none; }

@media (max-width: 1200px) { .mv__ttl { font-size: calc((100vw - 376px) / 826 * 100 + 66px); } }
@media (max-width: 750px) {
  .mv { height: 81.28vh; min-height: 560px; }
  .mv__ttl { left: 24px; bottom: 206px; line-height: .84; }
  .mv__ttl::before { margin-bottom: 22px; margin-left: 4px; }
  .mv__dtl { left: 28px; right: auto; bottom: 150px; width: auto; font-size: 12px; }
  .mv__btn { left: 28px; right: auto; bottom: 52px; }
}

/* FV の下にかぶさる本文 */
.main { position: relative; z-index: 1; pointer-events: none; }
.main > * { pointer-events: auto; }
.main__ghost { height: 100vh; min-height: 600px; pointer-events: none; }
.main__body { z-index: 0; border-radius: 28px 28px 0 0; margin-top: -28px; }
@media (max-width: 750px) {
  .main__ghost { height: 81.28vh; min-height: 560px; }
    }