/* FV: 左に英字の3行と説明、右に縦長の写真（写真は下へはみ出す） */
.mv { padding-top: 150px; }
.mv .wrap { display: grid; grid-template-columns: minmax(0, 1fr) 40%; column-gap: 6%; align-items: end; }
.mv__head { padding-bottom: 5rem; }
.mv__lead { font-family: var(--en-min); font-size: 3.7vw; letter-spacing: .02em; line-height: 1.45; white-space: nowrap; }
.mv__text { max-width: 30em; margin-top: 2.4rem; padding-left: 1.6rem; border-left: 1px solid var(--line); font-size: 12px; letter-spacing: .04em; line-height: 2.1; }
.mv__image { border-radius: 2px; margin-bottom: -4rem; clip-path: inset(100% 0 0 0); transition: clip-path 1.4s cubic-bezier(.65, 0, .2, 1) .3s; }
body.is-load .mv__image, .is-capture .mv__image { clip-path: inset(0); }
.mv__image::before { content: ""; display: block; padding-top: 128%; }
@media (min-width: 1423px) { .mv__lead { font-size: 53px; } }
@media (max-width: 1000px) { .mv { padding-top: 120px; } .mv__text { font-size: 11px; } }
@media (max-width: 680px) {
  .mv { padding-top: 90px; }
  .mv .wrap { display: flex; flex-direction: column-reverse; }
  .mv__image { width: 82%; margin: 0 0 0 auto; }
  .mv__image::before { padding-top: 124%; }
  .mv__head { padding: 0 0 1rem; margin-top: 2.4rem; }
  .mv__lead { font-size: 9.2vw; line-height: 1.35; }
  .mv__text { margin-top: 20px; padding-left: 14px; font-size: 11px; }
}