@charset "UTF-8";
/* =========================================================
   TOP v0.4 案：FV動画の質感に合わせたビジュアル＋アクセシビリティ改善
   ベースカラー（黒・セージ・クリーム・黄）とフォント（Anton＋ゴシック）は維持
   役割：黒＝写真・映像の場面／セージ＝読む場面
   ========================================================= */
.v04{
  --night:#111311;
  --night-2:#191c19;
  --muted-on-night:#b9bdb6;   /* 黒地での補足（9.8:1） */
  --rule-night:rgba(255,255,255,.14);
  --rule-sage:rgba(255,255,255,.32);
}
/* セージ地の文字はすべて白（5.2:1以上）。補足も透明度で薄くしない */
.v04 .bg-sage,.v04 .bg-sage-dark{color:#fff}
.v04 .bg-sage .sec-sub,.v04 .bg-sage-dark .sec-sub,
.v04 .bg-sage .note,.v04 .bg-sage-dark .note{color:#fff}
/* リンク：セージ地では白＋下線。黄色は黒地だけ */
.v04 .bg-sage a.text-link,.v04 .bg-sage-dark a.text-link{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.v04 .night a.text-link{color:var(--yellow)}
/* フォーカス：どの地でも見える二重線 */
.v04 a:focus-visible,.v04 button:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px var(--night)}

/* 黒の場面 */
.v04 .night{background:var(--night);color:#fff}
.v04 .night-2{background:var(--night-2);color:#fff}
.v04 .night .muted{color:var(--muted-on-night)}

/* 余白のリズム：読む場面は広く、写真の場面は0 */
.v04 .sec-read{padding:150px 0}
.v04 .sec-tight{padding:96px 0}
@media (max-width:767px){.v04 .sec-read{padding:88px 0}.v04 .sec-tight{padding:64px 0}}

/* 見出し：Antonを大きく、周りの余白を広く */
.v04 .big-title{font-family:var(--font-head);font-weight:400;font-size:clamp(48px,7.2vw,104px);line-height:.95;letter-spacing:.01em;margin:0;color:var(--heading);text-transform:uppercase}
.v04 .kicker{display:block;font-family:var(--font-head);font-size:14px;letter-spacing:.2em;margin-bottom:18px;color:var(--muted-on-night)}
.v04 .bg-sage .kicker,.v04 .bg-sage-dark .kicker{color:#fff}
.v04 .jp-lead{font-size:clamp(16px,1.4vw,18px);line-height:2.05;max-width:640px;margin:0}

/* ヒーロー直下の帯（動画の上には何も置かない） */
.v04 .film-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px var(--gutter);background:var(--night);border-bottom:1px solid var(--rule-night);font-size:12px;color:var(--muted-on-night);letter-spacing:.06em}
.v04 .film-bar button{background:none;border:1px solid var(--rule-night);color:#fff;font-size:12px;padding:6px 12px;cursor:pointer;letter-spacing:.06em}
.v04 .film-bar button:hover{border-color:#fff}

/* 導入（黒） */
.v04 .intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:end}
.v04 .intro .big-title span{display:block}
/* 黄色にする行は .accent で指定（日本語の小見出しを足しても色が外れないように） */
.v04 .intro .big-title .accent{color:var(--yellow)}
@media (max-width:1023px){.v04 .intro{grid-template-columns:1fr;gap:32px}}

/* 在庫（黒地・箱を使わない） */
.v04 .stock-head{display:flex;justify-content:space-between;align-items:end;gap:16px;border-bottom:1px solid var(--rule-night);padding-bottom:20px;margin-bottom:36px}
.v04 .stock-head .count{font-size:14px;color:var(--muted-on-night)}
.v04 .stock-head .count b{font-family:var(--font-head);font-weight:400;font-size:44px;color:#fff;margin:0 6px;line-height:1}
.v04 .night .cards{gap:36px 28px}
.v04 .night .card{background:transparent;border:0}
.v04 .night .card__img{aspect-ratio:4/3}
.v04 .night .card__body{padding:16px 0 0}
.v04 .night .card__name{font-size:16px}
.v04 .night .card__meta{color:var(--muted-on-night)}
.v04 .night .card__price{border-top:1px solid var(--rule-night)}
.v04 .night .card__breakdown{color:var(--muted-on-night)}
.v04 .night .badge{background:rgba(0,0,0,.78)}
.v04 .night .type-links{border-top:1px solid var(--rule-night);margin-top:48px}
.v04 .night .type-links li{border-bottom:1px solid var(--rule-night)}
.v04 .night .type-links a small{color:var(--muted-on-night)}
.v04 .night .sample-note{background:transparent;border-left-color:var(--rule-night);color:var(--muted-on-night)}

/* 全面のディテール写真（寄り） */
.v04 .bleed{position:relative;height:min(78vh,760px);min-height:360px;background:#000 center/cover no-repeat}
.v04 .bleed figcaption{position:absolute;left:var(--gutter);bottom:-34px;font-size:12px;color:var(--muted-on-night);letter-spacing:.06em}
@media (max-width:767px){.v04 .bleed{height:56vh}}
.v04 .bleed-wrap{background:var(--night);padding-bottom:56px}

/* ABOUT（セージ・読む場面） */
.v04 .about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
.v04 .about img{width:100%;aspect-ratio:4/5;object-fit:cover}
.v04 .about p{margin:0 0 1.3em;line-height:2.05}
.v04 .about .big-title{margin-bottom:40px}
@media (max-width:1023px){.v04 .about{grid-template-columns:1fr;gap:40px}.v04 .about img{aspect-ratio:3/2}}

/* RESTORE & REBUILD（行で見せる。箱なし） */
.v04 .rr-rows{margin-top:56px;border-top:1px solid var(--rule-sage)}
.v04 .rr-row{display:grid;grid-template-columns:200px minmax(0,1fr) 360px;gap:48px;align-items:center;padding:32px 0;border-bottom:1px solid var(--rule-sage)}
.v04 .rr-row .lbl{font-family:var(--font-head);font-size:34px;letter-spacing:.04em;line-height:1}
.v04 .rr-row h3{margin:0 0 8px;font-size:19px}
.v04 .rr-row p{margin:0;font-size:15px;line-height:1.9}
.v04 .rr-row img{width:100%;aspect-ratio:16/9;object-fit:cover}
@media (max-width:1023px){.v04 .rr-row{grid-template-columns:1fr;gap:16px}.v04 .rr-row img{order:-1}}

/* FILM（映像を枠の中で見せる） */
.v04 .film{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center}
.v04 .film .frame{width:min(100%,960px);margin:40px 0 24px;border:1px solid var(--rule-night);padding:14px}
.v04 .film .frame .yt{aspect-ratio:16/9}
.v04 .film .meta{font-size:13px;color:var(--muted-on-night);letter-spacing:.06em}
.v04 .film .meta b{color:#fff;font-weight:700}

/* はじめての方へ（セージ濃・読む） */
.v04 .qa{border-top-color:var(--rule-sage)}
.v04 .qa dd{border-bottom-color:var(--rule-sage);color:#fff}

/* RENTAL / WE BUY（写真が主役の2枠・黒） */
.v04 .two-up{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--night)}
.v04 .two-up a{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;color:#fff;text-decoration:none}
.v04 .two-up img{width:100%;height:100%;object-fit:cover;transition:opacity .3s}
.v04 .two-up .cap{position:absolute;left:0;right:0;bottom:0;padding:120px 40px 36px;background:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,0))}
.v04 .two-up .cap b{display:block;font-family:var(--font-head);font-weight:400;font-size:clamp(36px,4vw,56px);line-height:1;letter-spacing:.02em}
.v04 .two-up .cap span{display:block;margin-top:10px;font-size:14px}
.v04 .two-up a:hover img{opacity:.85}
@media (max-width:767px){.v04 .two-up{grid-template-columns:1fr}.v04 .two-up .cap{padding:80px 20px 24px}}

/* EVENT（全面写真の帯：文字は濃いグラデーションの上） */
.v04 .band::before{background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.72))}

/* ACCESS */
.v04 .access-wrap .info dt{color:#fff}
.v04 .access-wrap .info a{color:#fff;text-decoration:underline}
.v04 .access-wrap .map{border-color:var(--rule-sage);color:#fff}
.v04 .film-bar button{white-space:nowrap;flex:none}
@media (max-width:767px){.v04 .film-bar{font-size:11px}.v04 .film-bar span{text-align:right}}

/* =========================================================
   サブページ（v0.4の作りに合わせる）
   ========================================================= */
/* 本文のセージ地では補足色も白（コントラスト確保）。黒地では薄い灰 */
.v04{--text-dim:#ffffff;--line:rgba(255,255,255,.32)}
.v04 .night,.v04 .night-2,.v04 .price-panel{--text-dim:#b9bdb6;--line:rgba(255,255,255,.14)}
.v04 a.text-link{color:#fff;text-decoration:underline;text-underline-offset:4px}
.v04 .night a.text-link{color:var(--yellow)}
.v04 .tbd{border-color:#fff;color:#fff}
.v04 .night .tbd{border-color:var(--yellow);color:var(--yellow)}
.v04 .rr-label,.v04 .menu-item__en{color:#fff}
.v04 .night .rr-label,.v04 .night .menu-item__en{color:var(--yellow)}

/* ページ冒頭：黒の導入（TOPの導入と同じ型）＋全面写真 */
.v04 .page-intro{padding:120px 0 96px}
.v04 .page-intro .crumb{padding:0 0 40px;color:var(--muted-on-night)}
.v04 .page-intro .crumb a{color:var(--muted-on-night)}
.v04 .page-intro .intro{align-items:end}
@media (max-width:767px){.v04 .page-intro{padding:64px 0 56px}}

/* 見出し（セクション）：Antonのラベル＋日本語見出し */
.v04 .sec-label{display:block;font-family:var(--font-head);font-size:14px;letter-spacing:.2em;margin-bottom:12px}
.v04 .night .sec-label{color:var(--muted-on-night)}
.v04 .sec-jp{font-size:clamp(24px,2.6vw,32px);font-weight:700;line-height:1.45;margin:0 0 36px;letter-spacing:.03em}

/* 区切り線の一覧（facts／表）をセージ・黒の両方で */
.v04 .facts dt{color:#fff;opacity:.85}
.v04 .night .facts dt{color:var(--muted-on-night);opacity:1}
.v04 .spec th{background:rgba(0,0,0,.14);color:#fff}
.v04 .price-table th{background:rgba(0,0,0,.14);color:#fff}

/* 車両詳細：上部（写真と価格）は黒 */
.v04 .d-top{padding:40px 0 96px}
.v04 .d-top .d-head{padding:8px 0 28px}
.v04 .d-top .d-lead{color:var(--muted-on-night)}
.v04 .d-top .pattern-switch,.v04 .d-top .sample-note{color:var(--muted-on-night);border-color:var(--rule-night);background:transparent}
.v04 .price-panel{background:var(--night-2);border-top-color:var(--yellow-line)}
.v04 .d-section > h2.jp{border-bottom-color:var(--rule-sage)}
.v04 .night .d-section > h2.jp{border-bottom-color:var(--rule-night)}
.v04 .cards--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1023px){.v04 .cards--3{grid-template-columns:repeat(2,1fr)}}

/* 快適化メニュー：黒地で写真が主役 */
.v04 .night .menu-list{border-top-color:#fff}
.v04 .night .menu-item{border-bottom-color:var(--rule-night)}
.v04 .night .menu-item__price{border-left-color:var(--rule-night)}
.v04 .night .menu-item p{color:#fff}

/* 動画の並び（黒） */
.v04 .night .vids figcaption small{color:var(--muted-on-night)}

/* フォーム（セージ地） */
.v04 .form-rough input,.v04 .form-rough select,.v04 .form-rough textarea{background:rgba(0,0,0,.22);border-color:rgba(255,255,255,.45);color:#fff}
.v04 .form-rough label em{background:#fff;color:var(--ink)}
.v04 .form-rough .file{border-color:rgba(255,255,255,.45);color:#fff}
.v04 .license-box{border-color:var(--rule-sage);color:#fff}
.v04 .terms{color:#fff}
.v04 .rough-note{color:var(--muted-on-night);background:transparent;border-left-color:var(--rule-night)}
.v04 .lineup{border-top-color:var(--rule-sage)}
.v04 .lineup div{border-bottom-color:var(--rule-sage)}

/* ---------- SEO対応（2026-10-24）：見出しの日本語、全面写真のimg化、車両名の英字 ---------- */
/* 英字見出しの下に、同じ見出しの一部として日本語を小さく添える */
.v04 .big-title .h-jp,.v04 .sec-title .h-jp,.v04 .intro .big-title .h-jp,.v04 .intro .big-title span.h-jp:last-child{display:block;font-family:var(--font-jp,"Noto Sans JP",sans-serif);font-weight:700;font-size:15px;line-height:1.6;letter-spacing:.08em;text-transform:none;color:var(--text-dim);margin-top:14px}
.v04 .sec-title .h-jp{font-size:14px;margin-top:8px}
.v04 .bg-sage .h-jp,.v04 .bg-sage-dark .h-jp,.v04 .band .h-jp{color:#fff}
/* 全面写真：背景画像からimg要素へ（見た目は同じ） */
.v04 .bleed img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
/* 車両名の英字は見出しの外 */
.d-title-en{font-family:var(--font-head);font-weight:400;font-size:clamp(15px,1.9vw,21px);letter-spacing:.08em;color:var(--yellow);margin:12px 0 0;line-height:1.4}
.d-title-en+.d-title{margin-top:2px}

/* ---------- TOP導入：店名の行（2026-10-25） ---------- */
.v04 .intro .big-title .h-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin-top:10px;color:#fff}
.v04 .h-name b{font-family:var(--font-head);font-weight:400;font-size:clamp(24px,2.4vw,32px);letter-spacing:.1em;line-height:1.1}
.v04 .h-name small{font-family:"Noto Sans JP",sans-serif;font-weight:700;font-size:13px;letter-spacing:.12em;color:var(--text-dim)}
.v04 .intro .big-title .h-jp{margin-top:28px}

/* ---------- 動画の下の帯：クレジットを「作品名／撮影者」の2行で区切る ---------- */
.v04 .film-bar__credit{margin:0;text-align:right}
.v04 .film-bar__credit span+span::before{content:"—";margin:0 .6em}
@media (max-width:767px){
  .v04 .film-bar{min-height:58px;padding-top:10px;padding-bottom:10px}
  .v04 .film-bar__credit{line-height:1.5}
  .v04 .film-bar__credit span{display:block}
  .v04 .film-bar__credit span+span::before{content:none}
  /* 最初の画面＝ヘッダー＋動画＋帯＋下のボタンバー。見出しがボタンバーで切れないよう、動画の高さを画面に合わせる */
  .v04 .hero{height:calc(100svh - var(--header-h, 60px) - 58px - 58px);min-height:340px}
}

/* ---------- 文章の見直し（2026-10-25） ---------- */
.v04 .btn-row .btn-note{flex-basis:100%;margin:4px 0 0;font-size:13px;color:#fff}
.v04 .qa dd .text-link{margin-left:.5em;white-space:nowrap}
.v04 .steps-text .text-link{white-space:nowrap}

/* ---------- 動画の下の帯：お知らせ1行（2026-10-25 B案） ---------- */
.v04 .news-line{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 auto;color:#fff;text-decoration:none;font-size:13px}
.v04 .news-line__lbl{font-family:var(--font-head);letter-spacing:.14em;color:var(--yellow)}
.v04 .news-line time{font-family:var(--font-head);letter-spacing:.08em;color:var(--muted-on-night)}
.v04 .news-line__ttl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v04 .news-line:hover .news-line__ttl{text-decoration:underline;text-underline-offset:3px}
.v04 .film-bar__right{display:flex;align-items:center;gap:20px;flex:none}
/* PCでも最初の画面に帯が入るよう、動画の高さを帯の分だけ縮める */
.v04 .hero{height:calc(100svh - var(--header-h) - 66px)}
@media (max-width:767px){
  .v04 .film-bar{flex-wrap:wrap;row-gap:10px}
  .v04 .news-line{flex-basis:100%;padding-bottom:10px;border-bottom:1px solid var(--rule-night);font-size:12px}
  .v04 .film-bar__right{flex-basis:100%;justify-content:space-between}
  .v04 .film-bar__credit,.v04 .film-bar__credit span{text-align:left}
  /* 最初の画面＝ヘッダー＋動画＋帯（2段）＋下のボタンバー */
  .v04 .hero{height:calc(100svh - var(--header-h) - 104px - 58px)}
}

/* ---------- ブラッシュアップ（2026-10-25 採用：案1 背景の並び／案4 WORKS／案5 在庫カード／案8 細部＋文字装飾）。案2は不採用 ---------- */

/* 文字装飾①：英字ラベルの前に短い線 */
.v04 .sec-label::before,.v04 .kicker::before{content:"";display:inline-block;width:24px;height:1px;background:currentColor;opacity:.7;vertical-align:middle;margin:-3px 12px 0 0}
.v04 .bg-sage .sec-label,.v04 .bg-deep .sec-label{color:#fff}
/* 文字装飾②：数字を等幅に */
.v04 .num,.v04 time,.v04 .card__meta,.v04 .card__breakdown,.v04 .count,.v04 .info dd,.v04 .spec td{font-variant-numeric:tabular-nums}

/* 案1：続くセージの場面は、余白を詰めて細い線で区切る */
.v04 .is-cont{padding-top:0}
.v04 .is-cont>.wrap{border-top:1px solid var(--rule-sage);padding-top:120px}
@media (max-width:767px){.v04 .is-cont>.wrap{padding-top:72px}}
/* 日本語の見出し（案2で大見出しの代わり） */
.v04 .sec-jp{letter-spacing:.06em}
.v04 .sec-jp small{display:block;margin-top:6px;font-size:14px;font-weight:700;letter-spacing:.08em;color:#fff;opacity:.85}
.v04 .about .sec-jp{margin-bottom:32px}

/* 案1：写真の場面（濃いセージ） */
.v04 .bg-deep{color:#fff}
.v04 .scene-two{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.v04 .scene-two a{display:block;color:#fff;text-decoration:none}
.v04 .scene-two img,.v04 .scene-event img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.v04 .scene-two .sec-label{margin:24px 0 8px}
.v04 .scene-two b{display:block;font-size:22px;letter-spacing:.06em}
.v04 .scene-two .t{display:block;margin-top:6px;font-size:14px}
.v04 .scene-two a:hover b{text-decoration:underline;text-underline-offset:4px}
.v04 .scene-event{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:center;margin-top:120px;padding-top:120px;border-top:1px solid var(--rule-sage)}
.v04 .scene-event p{margin:0 0 28px}
@media (max-width:767px){.v04 .scene-two{grid-template-columns:1fr;gap:48px}.v04 .scene-event{grid-template-columns:1fr;gap:28px;margin-top:72px;padding-top:72px}}

/* 案8：細部 */
.v04 .night .card__img{aspect-ratio:3/2}
.v04 .rr-row img{aspect-ratio:3/2}
.v04 .card__img{overflow:hidden}
.v04 .card__img img{transition:transform .6s ease}
.v04 .card:hover .card__img img{transform:scale(1.03)}
/* 区切り線は本文の幅に合わせる */
.v04 .is-cont>.wrap{border-top:0;position:relative}
.v04 .is-cont>.wrap::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--rule-sage)}
/* 写真の場面：見出しは大きな英字＋日本語 */
.v04 .scene-two .en{display:block;margin-top:28px;font-family:var(--font-head);font-weight:400;font-size:clamp(36px,4vw,56px);line-height:1;letter-spacing:.02em;color:var(--heading)}
.v04 .scene-two .jp{display:block;margin-top:10px;font-size:15px;font-weight:700;letter-spacing:.08em}
.v04 .scene-two a:hover .en{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.v04 .scene-event .sec-title{margin-bottom:28px}
.v04 .bg-deep .h-jp{color:#fff}

/* 案4：WORKS＝左に一覧、右に大きな寄りの写真1枚（スクロールしても写真が残る） */
.v04 .works-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:64px;align-items:start;margin-top:56px}
.v04 .works-grid .rr-rows{margin-top:0}
.v04 .works-grid .rr-row{grid-template-columns:190px minmax(0,1fr);gap:32px;padding:28px 0}
.v04 .works-photo{position:sticky;top:calc(var(--header-h) + 32px);margin:0}
.v04 .works-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.v04 .works-photo figcaption{margin-top:12px;font-family:var(--font-head);font-size:13px;letter-spacing:.2em;color:#fff;opacity:.8}
@media (max-width:1023px){.v04 .works-grid{grid-template-columns:1fr;gap:40px}.v04 .works-photo{position:static;order:-1}.v04 .works-photo img{aspect-ratio:3/2}.v04 .works-grid .rr-row{grid-template-columns:1fr;gap:8px}}

/* 案5：在庫カードの仕様の行（順番固定・等幅数字）と「NEW」の文字 */
.v04 .card__spec{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:2px 0;font-size:12px;color:var(--muted-on-night);font-variant-numeric:tabular-nums}
.v04 .card__spec li+li::before{content:"";display:inline-block;width:1px;height:10px;background:currentColor;opacity:.5;margin:0 8px;vertical-align:-1px}
.v04 .card__new{margin-left:10px;font-family:var(--font-head);font-weight:400;font-size:13px;letter-spacing:.14em;color:var(--yellow);vertical-align:1px}
/* 仕様は2列×2行で固定（折り返しで区切り線が行頭に来ないように） */
.v04 .card__spec{display:grid;grid-template-columns:repeat(2,max-content);column-gap:18px;row-gap:0}
.v04 .card__spec li+li::before{content:none}
@media (max-width:767px){.v04 .card__spec{column-gap:10px;font-size:11px}}
.v04 .cards>.card{min-width:0}
@media (max-width:767px){.v04 .card__spec{grid-template-columns:minmax(0,1fr)}}

/* A2：ACCESSの地図の箱＝店内の写真。押すと地図を読み込む */
.v04 .map--photo{background:#111 center/cover no-repeat;border:0;justify-content:flex-end;align-items:flex-start;padding:24px}
.v04 .map--photo::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0) 55%)}
.v04 .map--photo>*{position:relative}
.v04 .map--photo span{color:#fff}
/* A4：導入の店名はロゴの画像 */
.v04 .h-logo{display:block;width:clamp(150px,15vw,200px);height:auto}
.v04 .intro .big-title .h-name{align-items:flex-end}
/* 提供写真（2026-10-25）：縦長に切り抜くときの人の位置 */

.v04 .works-photo img{object-position:52% 60%}

/* ABOUT（2026-10-25確定）：横長の写真を切らずに大きく（文章4：写真6） */
.v04 .about{grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:64px}
.v04 .about img,.v04 .about img.about-photo{aspect-ratio:3/2;object-position:50% 50%}
@media (max-width:1023px){.v04 .about{grid-template-columns:1fr;gap:40px}}

/* FV（2026-10-25）：静止画はFV動画「GOATBROS FACTORY PROMOTION」のサムネイル。PCは画面いっぱい、スマホは写真の比率のまま全体を見せる（黒い余白を出さない） */
.v04 .hero{background:#000 url(../images/v4/hero-pv.jpg) center/cover no-repeat}
@media (max-width:767px){.v04 .hero{height:auto;min-height:0;aspect-ratio:16/9;background-size:cover;background-position:center}}
/* スマホは動画を流さない（静止画のみ）ので、停止ボタンは出さない */
@media (max-width:767px){.v04 .js-hero-toggle{display:none}}

/* ---------- スマホのサブページの崩れ修正（2026-10-25） ---------- */
/* 代表の写真：横長の写真を縦長に切らない */
.v04 .profile{grid-template-columns:380px 1fr}
.v04 .profile img.photo{width:100%;aspect-ratio:3/2;object-fit:cover;border:0;display:block}
@media (max-width:767px){
  /* 冒頭の全面写真：縦長に切らず、写真の比率で見せる */
  .v04 .bleed{height:auto;min-height:0;aspect-ratio:3/2}
  /* 手順の一覧：見出しと説明を縦に積む（説明が番号の下に回り込まないように） */
  .v04 .steps-text{padding-left:1.4em}
  .v04 .steps-text li{margin-bottom:16px}
  .v04 .steps-text b{display:block;min-width:0;margin-bottom:2px}
  /* 2列の並び（書類がある場合／ない場合など）は1列に */
  .v04 .two-col{grid-template-columns:1fr!important;gap:40px}
  /* 代表の写真は幅いっぱい */
  .v04 .profile{grid-template-columns:1fr}
  .v04 .profile img.photo{max-width:none}
  /* 車両名の見出し：1文字だけ次の行に落ちないよう少し小さく */
  .v04 .d-title{font-size:22px;word-break:keep-all;overflow-wrap:anywhere}
}

/* 動画の下の帯：撮影者名は出さない（2026-10-28）。スマホは停止ボタンも出さないので、お知らせがなければ帯ごと隠す */
@media (max-width:767px){
  .v04 .film-bar__right{display:none}
  .v04 .news-line{padding-bottom:0;border-bottom:0}
  .v04 .film-bar:not(:has(.news-line)){display:none}
}

/* 全面写真の下の英字を外したので、そのための余白もなくす（2026-10-28） */
.v04 .bleed-wrap{padding-bottom:0}