/* ===== ファーストビュー：左に縦書きのキャッチと本文、右に写真3枚の重なり（大きな写真を右上、縦長と横長の写真を重ねる） ===== */
.fv { overflow: hidden; }
.fv__in { position: relative; max-width: 14.4rem; min-height: 7.1rem; margin: 0 auto; }

.fv__catch {
  position: absolute;
  z-index: 20;
  left: 4.2rem;
  top: 0.9rem;
  height: max-content;
  writing-mode: vertical-rl;
  font-feature-settings: "vpal";
  font-size: max(22px, min(0.4rem, 42px));
  font-weight: 300;
  letter-spacing: 0.1em;
  line-height: 1.3;
}
.fv__catch span { padding-top: 2em; }

.fv__txt {
  position: relative;
  z-index: 15;
  width: fit-content;
  height: max-content;
  margin-left: 1.1rem;
  padding-top: 1.5rem;
  writing-mode: vertical-rl;
  font-feature-settings: "vpal";
  font-size: max(13px, min(0.16rem, 18px));
  line-height: 2;
}

.fv__img { position: absolute; pointer-events: none; }
.fv__img .ie { width: 100%; }
.fv__i1 { z-index: 10; top: 0.7rem; right: 0; width: 6.4rem; }
.fv__i1 .ie { border-radius: 10px; aspect-ratio: 618 / 420; }
.fv__i2 { z-index: 12; top: 4.55rem; right: 0.9rem; width: 3.1rem; }
.fv__i2 .ie { aspect-ratio: 257 / 187; }
.fv__i3 { z-index: 11; top: 2.4rem; left: 6.1rem; width: 2.5rem; }
.fv__i3 .ie { aspect-ratio: 240 / 330; }

/* タブレット：写真の重なりを上の右寄りに、その下の左寄りに縦書きのキャッチと本文 */
@media (min-width: 768px) and (max-width: 1023px) {
  .fv__in { max-width: none; min-height: 10.9rem; padding-top: 0.9rem; }
  .fv__i1 { top: 0.9rem; right: 0; width: 5.4rem; }
  .fv__i1 .ie { border-radius: 10px 0 0 10px; }
  .fv__i3 { top: 3.4rem; left: 2.9rem; width: 2rem; }
  .fv__i2 { top: 4.1rem; right: 0.4rem; width: 2.6rem; }
  .fv__catch { top: 6.9rem; left: 3.6rem; }
  .fv__txt { margin-left: 0.7rem; padding-top: 6.6rem; padding-bottom: 0.4rem; }
}

@media (max-width: 767px) {
  .fv__in { min-height: 0; }
  .fv__catch { top: 1.2rem; left: 0.25rem; font-size: min(0.26rem, 28px); }
  .fv__catch span { padding-top: 1em; }
  .fv__txt { margin: 0 auto; padding-top: 6.9rem; font-size: min(0.15rem, 17px); }
  .fv__i1 { top: 1.44rem; right: -0.54rem; width: 2.96rem; }
  .fv__i1 .ie { border-radius: 10px 0 0 10px; aspect-ratio: 618 / 420; }
  .fv__i2 { top: 3.75rem; right: auto; left: 0.25rem; width: 1.55rem; }
  .fv__i3 { top: 3.6rem; left: auto; right: 0.3rem; width: 1.65rem; }
}