@charset "UTF-8";
/* =====
 * FV（メインビジュアル）
=================================================================== */
/* ===== ALL ===== */
#Billboard {position: relative;height: 43.6875em;overflow: hidden;background: #fff;}
/* スライダー（Swiper クロスフェード＋Ken Burns。矢印・ドットなし。5枚 mv_01〜05_pc.webp）*/
#Billboard .swiper {position: absolute;inset: 0;}
#Billboard .swiper-wrapper,
#Billboard .swiper-slide {margin: 0;}
#Billboard .swiper-slide figure {height: 100%;margin: 0;overflow: hidden;}
#Billboard figure picture {display: block;height: 100%;}   /* PC／SP 出し分けの <picture> を挟んでも img の height: 100% が効くように（2026-10-01） */
#Billboard figure img {height: 100%;object-fit: cover;object-position: 60% 50%;}
/* Ken Burns：表示中のスライドをゆっくり拡大（is-zoom は index.js が付与。フェードで消えきるまで外さないので縮み戻りが見えない）
 * 時間は autoplay delay（5s）＋フェード（1.5s）以上にして forwards で止める */
#Billboard .swiper-slide.is-zoom img {animation: fvKenBurns 8s linear forwards;}
@keyframes fvKenBurns {from {transform: scale(1);} to {transform: scale(1.1);}}
#Billboard .container {position: relative;z-index: 1;padding-top: 0.5em;}
#Billboard .catch {margin: .4em 0 0;font-size: 284.375%;font-weight: 700;line-height: 1.54em;letter-spacing: .1em;text-shadow: 0 0 .5em #fff, 0 0 .5em #fff;}
#Billboard .catch strong {color: var(--green);font-size: 150%;}

/* ===== SP（ワイヤー SP.png 準拠 2026-09-17：写真全面 23em（322px@390）にテキストを中央重ね。タグ「買いたい、借りたい、売りたい。」20px＋キャッチ 19px 2行、いずれも中央揃え）===== */
@media (width < 769px) {
  #Billboard {height: 23em;padding: 0;background: var(--green-pale);}
  #Billboard figure img {object-position: center 62%;}
  #Billboard .container {display: flex;flex-direction: column;justify-content: end;width: 100%;height: 100%;padding: 0 1.43em 1em;text-align: center;}
  #Billboard .catch {margin: 0;font-size: 165%;line-height: 1.55;letter-spacing: .04em;}
}