/* ===== 戦略マップ広告 LP v3（2026-09-29 ノートLP）=====
   v2（04451fee）の情報設計・コピー・値はそのまま。見た目だけを作り直した（v2 の上書きではなく全面の書き直し）。
   出所（画像名は scratchpad/ref_v3 のボード。対応表は docs/design/strategy-map-ad-lp-20260928/V3_REFERENCE_MAP.md）:
   - FV の分割・生成り＋墨＋朱・細い字で階層: gal_taylorhare_retry_pc_fv
   - 節の間の大きな余白・1節に1つの主張: apple_macbookpro_pc_below・apple_jp_pc_below
   - 左＝何か／右＝いくらかの罫線の行（理由・強み・行の CTA）: stripe_jp_pc_below
   - 横線だけの図と表・色は1色（比較表・図）: rentcast_sample_p3_pc_fv・rentcast_sample_p4_pc_fv
   - 小さいラベル＋明朝の値・節ごとに地色を替える: gal_secretgarden_pc_below・gal_secretgarden_sp_below
   - 番号付きの一覧（相談の流れ）: gal_superpower_pc_below
   - SP の下端の全幅の帯（追従 CTA）: apple_macbookpro_sp_fv
   - 注記・対象者を灰色の小さい文字で1行に: notion_ja_pc_below（最下部の実績の1行）
   Web フォントは使わない（システムの明朝・ゴシック）。カード（枠＋角丸＋影の箱）は作らない。区切りは地色・罫線・余白だけ。 */
:root{
  /* v7（代表判断 2026-09-30 23:2x・配色）: 前回の黒ベース（Dark Card Grid の暗い地）は不採用。方向は「安心感・上質・信頼感」＝生成り × セージ × 落ち着いた金。
     カードの組み・情報の階層は Dark Card Grid のまま残し、色だけを置き換えた（置き換え表は設計書 V5_STRUCTURE.md §26-3）。
     生の色コードはこの :root の「色の素（--c-…）」にだけ置く。本文の CSS は役割の変数（--ground・--ink・--accent …）と金のグラデーション（--gold-grad）だけを使う。
     代表の6色: Ivory #FAF9F4（生成り・ベース）・Greige #D9D2C6・Light Stone #CFC6B8（区切り）・Sage Green #5F7059（メイン）・Dusty Olive #8A967A（サブ）・Champagne Gold #C9A96B（アクセント）。
     AA のために足した同じ系統の値: --c-sage-deep #46553F（濃い面の地。生成りの文字 7.6:1・白 8.0:1・金の CTA との差 3.6:1）・--c-ink #27301F（生成りの上の本文 13:1）・--c-ink-2 #565E4E（補足 6.4:1）・--c-gold-ink #7A5E2C（金の文字 5.8:1）。
     生の Sage #5F7059 の上の白い文字は 5.3:1（AA）。Dusty Olive と Champagne Gold は生成りの上で文字の AA に足りない（2.96・2.13）ので、文字には使わず線・面・CTA の地だけに使う */
  /* 代表判断（2026-10-01 11:0x）: 緑（セージ・オリーブ）を基調にしない。アイボリー・グレージュ・ストーン・墨に近い文字・温かいチャコールの濃い面・金は控えめなアクセント（置き換え表は設計書 §31）。
     色相はすべて 30〜50°（暖色の無彩色寄り）・緑の範囲（70〜170°）に入る色を置かない */
  --c-ivory:#faf9f4; --c-greige:#d9d2c6; --c-stone:#cfc6b8; --c-graphite:#57524b; --c-taupe:#8c857b; --c-gold:#c9a96b;
  --c-charcoal:#2e2a26; --c-stone-wash:#f1eee8; --c-greige-wash:#f2efe8; --c-paper:#ffffff; --c-line-soft:#e6e1d6; --c-input:#8a857a;
  --c-ink:#2c2824; --c-ink-2:#5c5650; --c-gold-hi:#dcc596; --c-gold-lo:#b99658; --c-gold-ink:#7a5e2c; --c-gray:#7a756d;
  --c-alert:#8c433b; --c-white:#fff;
  /* 代表 10/05 カードUI（代表の確定仕様 02:18・見た目の手本 2つ目 02:20）: 地は暖かい白・白いカードの繊細な影・欄の地と線・チャートは金以外（暖かいストーン）・HERO の暗いオーバーレイ（上30%・中45%・下85%）・ヘッダーと追従の白の半透明・金は HERO の CTA と追従のバーだけ・ほかの主ボタンは黒 */
  --c-page:#f8f9fa; --c-card-line:#efeeec; --c-shadow-a:rgba(28,25,23,.05); --c-shadow-b:rgba(28,25,23,.12); --c-field-bg:#fafaf9; --c-field-line:#e7e5e4; --c-req:#78716c; --c-num:#78716c; --c-rule-thin:#a8a29e;
  --c-slate:#57534e; --c-slate-fill:rgba(87,83,78,.12); --c-slate-soft:#f5f5f4; --c-ring:#e7e5e4; --c-cta-hi:#bfa063; --c-cta-lo:#9e7f43; --c-cta-shadow:rgba(158,127,67,.25); --c-bar-white:rgba(255,255,255,.9);
  --c-dim-top:rgba(0,0,0,.45); --c-dim-mid:rgba(0,0,0,.5); --c-dim-bot:rgba(0,0,0,.6); --c-hero-sub:#e7e5e4; --c-btn-black:#1e1e1e; --c-btn-line:#333333; --c-gold-edge:#7d6233;
  /* 代表の最終仕様 02:32・レーダー 02:38・画面の担当の形 02:3x: マットな金（単色）・格子 #ECEBE8・この家の線 #2C2C2C・塗り 8%・競合中央値の破線 #9CA3AF・※詳細版 #A8A29E・小さな文 #666 */
  --c-matte-gold:#b89658; --c-grid:#ecebe8; --c-chart-ink:#2c2c2c; --c-chart-fill8:rgba(44,44,44,.08); --c-chart-gray:#9ca3af; --c-chart-gray-2:#a8a29e; --c-small:#666666; --c-card-line-60:rgba(231,229,228,.6);
  --c-scrim:rgba(42,38,34,.74); --c-gold-a:rgba(201,169,107,.55); --c-gold-a2:rgba(201,169,107,.16); --c-gold-halo:rgba(201,169,107,.3);
  --c-ivory-a:rgba(250,249,244,.2); --c-ivory-veil:rgba(250,249,244,.06);
  /* 金のグラデーション（CTA の地） */
  --gold-grad:linear-gradient(135deg,var(--c-gold-hi) 0%,var(--c-gold) 48%,var(--c-gold-lo) 100%);
  --cta-grad:linear-gradient(135deg,var(--c-cta-hi) 0%,var(--c-cta-lo) 100%);
  --gold-text:linear-gradient(180deg,var(--c-gold-hi) 0%,var(--c-gold) 62%,var(--c-gold-lo) 100%);
  /* 役割の変数（既定＝生成りの面）。濃い面（V6 の下の帯・V8 の相談の塊）は下の .v5 .weekly-band・.v5 .consult-grid の範囲で同じ名前をセージの濃い値へ置き換える */
  --ground:var(--c-ivory); --field:var(--c-greige-wash); --paper:var(--c-paper);
  --ink:var(--c-ink); --muted:var(--c-ink-2); --rule:var(--c-stone); --rule-soft:var(--c-line-soft); --input-line:var(--c-input);
  --shu:var(--c-gold-ink); --shu-text:var(--c-gold-ink);
  --deep:var(--c-charcoal); --deep-text:var(--c-ink); --deep-muted:var(--c-ink-2); --deep-rule:var(--c-stone); --shu-on-deep:var(--c-gold-ink);
  --error:var(--c-alert);
  --ink-hover:var(--c-charcoal); --placeholder:var(--c-ink-2); --photo-empty:var(--c-greige); --on-photo:var(--c-white); --on-photo-bg:var(--c-scrim);
  --shu-halo:var(--c-gold-halo); --shu-wash:var(--c-gold-a2); --slot-bg:var(--c-greige); --slot-note:var(--c-ink-2);
  --card:var(--c-paper); --card-main:var(--c-stone-wash); --gold:var(--c-gold); --gold-hi:var(--c-gold-hi); --on-gold:var(--c-ink); --comp:var(--c-gray);
  --accent:var(--c-gold-ink); --accent-strong:var(--c-graphite); --taupe:var(--c-taupe);
  /* 余白（v5 の新しい節で使う。v4.1 の残りの px は DS v1.1 の spacing が届いてから置き換える） */
  --section-y:88px; --section-y-md:72px; --section-y-sm:48px; --block-gap:24px; --cell-x:22px; --card-gap:20px; --card-pad:28px;
  /* 第7回 D（2026-09-30 統括の判断）: 書体は戦略マップ本体の正本 scripts/keiri/rent_strategy/design_system.js（見出し BIZ UDPMincho Medium・本文 BIZ UDPGothic・数字 Georgia）に合わせた。
     後ろに第4回の並び（Noto Serif JP・Hiragino・Yu 系）を残す（Mac・BIZ UD の無い環境）。書体は同梱もダウンロードもしない */
  --mincho:"BIZ UDPMincho Medium","BIZ UDPMincho","Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;
  --gothic:"BIZ UDPGothic","Yu Gothic","YuGothic","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;
  --num:Georgia,"BIZ UDPMincho Medium","Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
  font-family:var(--gothic); color:var(--ink); background:var(--ground); font-synthesis:none; scroll-behavior:smooth; scroll-padding-top:80px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-size:16px;line-height:1.85;font-weight:500;background:var(--ground)}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-underline-offset:4px}
button,input,select{font:inherit;color:inherit}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
::selection{color:var(--ground);background:var(--ink)}
.wrap{width:min(1344px,calc(100% - 96px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:30;background:var(--ink);color:var(--ground);padding:10px 16px;text-decoration:none;font-size:14px}
.skip:focus{top:12px}
.preview-note{font-size:12px;line-height:1.5;text-align:center;padding:4px 16px;color:var(--muted);border-bottom:1px solid var(--rule-soft)}
.fine{font-size:12px;line-height:1.8;color:var(--muted)}
h2,h3,h4,summary,.inline-cta>p,.large-copy,.hero-lead{word-break:auto-phrase;text-wrap:balance}
p,dd,small{text-wrap:pretty}

/* ボタン: 墨の四角い面・文字は生成り（TaylorHare の墨＋生成り。角丸とグラデーションは使わない） */
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:56px;padding:0 24px;border:0;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.04em;line-height:1.4;transition:background-color .16s ease,color .16s ease}
.button span[aria-hidden]{font-weight:400}
.button.primary{background:var(--ink);color:var(--ground)}
.button.primary:hover{background:var(--ink-hover)}
.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.button:disabled{opacity:.5;cursor:wait}
.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:var(--muted)}

/* ===== ヘッダーと FV（gal_taylorhare_retry_pc_fv: 左3分の1に文字の列・右3分の2に大きな面） ===== */
.page{position:relative}
.header{position:absolute;top:0;left:0;right:0;z-index:5;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 48px}
.brand{display:inline-flex;align-items:center;gap:14px;min-height:44px;text-decoration:none}
.brand>span{font-family:var(--mincho);font-weight:600;font-size:26px;letter-spacing:.02em;line-height:1}
.brand-dot{color:var(--ink)}
.brand small{font-size:12px;color:var(--muted);letter-spacing:.08em}
.header-cta{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;text-decoration:none;border-bottom:1px solid var(--ink);line-height:1.2}
.hero{display:grid;grid-template-columns:480px minmax(0,1fr)}
.hero-copy{padding:104px 48px 40px}
/* H1 を主役に: 大きく・濃く（明朝の Regular）・字間は詰め気味。地図の見出しは一段小さく細く */
.hero h1{font-family:var(--mincho);font-weight:400;font-size:56px;line-height:1.26;letter-spacing:.01em;color:var(--ink)}
.hero-lead{margin-top:22px;font-size:17px;line-height:1.75}
.hero-description{margin-top:6px;font-size:13px;color:var(--muted)}
/* 相談する理由: 左＝何か・右＝値の罫線の行（stripe_jp_pc_below） */
.hero-reasons{margin-top:22px;border-top:1px solid var(--ink)}
.hero-reasons li{display:flex;align-items:baseline;gap:8px;padding:9px 0;border-bottom:1px solid var(--rule)}
.hero-reasons li>span:first-child{font-size:13px;color:var(--muted);margin-right:auto}
.hero-reasons strong{font-family:var(--mincho);font-weight:400;font-size:24px;line-height:1.35;letter-spacing:.02em;white-space:nowrap}
.hero-reasons .reason-payer{font-size:18px;font-weight:700;white-space:nowrap}
.hero-reasons-note a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--muted)}
.hero-button{display:flex;width:100%}
.hero-copy .assurance{margin-top:8px;font-size:14px;color:var(--ink)}
.hero-copy .text-link{margin-top:0}
/* 右の面: 写真の位置に戦略マップを置く。地色の差だけで、枠・角丸・影は無い（上端と右端まで） */
.strategy-preview{background:var(--field);padding:108px 64px 40px}
.preview-top{display:flex;justify-content:space-between;align-items:center}
.preview-top strong{font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--muted)}
.sample-label{display:inline-block;font-size:12px;line-height:1.6;letter-spacing:.06em;color:var(--muted);border:1px solid var(--muted);padding:0 8px}
.subject{margin-top:12px}
.subject h2{font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.4;letter-spacing:0;color:var(--ink)}
.subject p{font-size:13px;color:var(--muted)}
/* 3案: 小さいラベル＋明朝の値の3つ並び（gal_secretgarden_pc_below）。1本の罫線の上に並べ、選んだ案に朱の点 */
.rent-options{border:0;margin:24px 0 0;padding:0;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.rent-options legend{padding:0;font-size:13px;color:var(--ink);margin-bottom:10px;letter-spacing:.02em}
.rent-options label{position:relative;display:block;cursor:pointer;border-top:1px solid var(--ink)}
.rent-options input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.rent-options label>span{display:block;padding:16px 16px 4px 0;height:100%}
.rent-options label+label>span{padding-left:22px;border-left:1px solid var(--rule-soft)}
.rent-options small{display:block;font-size:12px;color:var(--muted)}
.rent-options strong{display:block;font-family:var(--mincho);font-weight:300;font-size:42px;line-height:1.25;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.rent-options strong{white-space:nowrap}
.rent-options strong span{font-family:var(--gothic);font-weight:500;font-size:14px;margin-left:4px;letter-spacing:0;white-space:nowrap}
.rent-options em{font-style:normal;font-size:12px}
.rent-options input:checked+span strong{font-size:58px;font-weight:400}
.rent-options em::before{content:"";display:inline-block;width:13px;height:13px;margin-right:6px;vertical-align:-2px;border:1.5px solid var(--ink);border-radius:50%;box-sizing:border-box;background:transparent}
.rent-options input:checked+span em::before{background:var(--ink);box-shadow:inset 0 0 0 2px var(--field)}
.rent-options label{transition:box-shadow .16s ease}
.rent-options label:hover,.rent-options label:has(input:checked){box-shadow:inset 0 3px 0 var(--ink)}
.rent-options label:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.rent-options label:active>span{opacity:.7}
.rent-options input:checked+span em{color:var(--ink);font-weight:700}
.rent-options input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}
.challenge-mark{display:inline-block;margin-left:8px;font-size:12px;font-weight:700;color:var(--shu-text);border-bottom:1px solid var(--shu);line-height:1.3}
.band-note{margin-top:10px;font-size:12px;color:var(--muted)}
.band-note::before{content:"";display:inline-block;width:14px;height:1px;background:var(--muted);vertical-align:middle;margin-right:8px}
.preview-body{margin-top:26px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:start}
/* 図: 横線だけ・色は対象の朱1色（rentcast_sample_p3_pc_fv） */
.chart-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--rule);padding-top:12px}
.chart-heading h3{font-size:14px;font-weight:700;letter-spacing:.02em}
.chart-heading>span{font-size:12px;color:var(--muted)}
.position-chart{display:block;width:100%;height:auto;margin-top:6px;overflow:visible}
.grid-lines path{stroke:var(--rule);stroke-width:1;fill:none}
.axis-text text{font-family:var(--gothic);font-size:15px;fill:var(--muted)}
.comparison-dot circle{fill:var(--ink)}
.comparison-dot text,.reference-dot text{font-family:var(--gothic);font-size:15px;fill:var(--ink)}
.reference-dot circle{fill:var(--field);stroke:var(--ink);stroke-width:1.5}
#subject-point{transition:transform .4s cubic-bezier(.16,1,.3,1)}
#subject-point .point{fill:var(--shu)}
#subject-point .point-ring{fill:none;stroke:var(--shu);stroke-width:1}
#subject-point text{font-family:var(--gothic);font-size:16px;font-weight:700;fill:var(--shu-text)}
.chart-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:var(--muted)}
.chart-legend .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle;background:var(--ink)}
.chart-legend .dot.target{background:var(--shu)}
.chart-legend .dot.reference{background:transparent;border:1.5px solid var(--ink)}
.strategy-answer{border-top:1px solid var(--rule);padding-top:12px}
.answer-label{font-size:12px;color:var(--muted);letter-spacing:.06em}
.strategy-answer h3{margin-top:6px;font-family:var(--mincho);font-weight:400;font-size:16px;line-height:1.55}
.strategy-answer>p{margin-top:8px;font-size:13px;line-height:1.85}
.review-line{margin-top:14px;padding-top:10px;border-top:1px solid var(--rule-soft);font-size:13px;line-height:1.8}
.review-line strong{display:block;font-size:12px;letter-spacing:.06em}
.sample-foot{margin-top:18px;font-size:12px;color:var(--muted)}

/* 対象者: 灰色の小さい文字で1行に（notion_ja_pc_below の最下部の1行） */
.situations{border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft)}
.situations .wrap{display:flex;align-items:center;gap:32px;padding:20px 0}
.situations p{font-family:var(--mincho);font-size:16px}
.situations ul{display:flex;flex-wrap:wrap}
.situations li{font-size:13px;color:var(--muted);padding:0 16px;line-height:1.6}
.situations li+li{border-left:1px solid var(--rule)}

/* ===== 節（apple_macbookpro_pc_below: 節の間を大きく空け、1節に1つの主張） ===== */
.section{padding-block:80px}
.section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:end}
.section-intro h2,.faq-section>h2{font-family:var(--mincho);font-weight:300;font-size:44px;line-height:1.36;letter-spacing:.01em}
.section-intro>p{font-size:14px;line-height:2}
/* 比較（rentcast_sample_p4_pc_fv: 横線だけの表。選んだ列だけ朱の細い線） */
.comparison-workspace{margin-top:44px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;border-top:1px solid var(--ink);padding-top:32px}
.compare-left>h3{font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.5}
.compare-left>p:not(.fine){margin-top:6px;font-size:14px;color:var(--muted)}
.competitor-picker{margin-top:22px;border-top:1px solid var(--rule)}
.competitor-picker button{position:relative;display:flex;width:100%;align-items:center;justify-content:space-between;min-height:52px;padding:8px 0 8px 26px;background:none;border:0;border-bottom:1px solid var(--rule);text-align:left}
.competitor-picker button>span{display:flex;align-items:baseline;gap:12px}
.competitor-picker strong{font-size:14px}
.competitor-picker small{font-size:12px;color:var(--muted)}
.competitor-picker b{display:none}
.competitor-picker button::before{content:"";position:absolute;left:0;top:50%;width:14px;height:14px;margin-top:-7px;border:1.5px solid var(--ink);border-radius:50%;box-sizing:border-box;background:transparent}
.competitor-picker button:hover::before{background:var(--rule)}
.competitor-picker button[aria-pressed="true"]::before{background:var(--ink);box-shadow:inset 0 0 0 2px var(--ground)}
.competitor-picker button[aria-pressed="true"] strong{font-weight:700}
.competitor-picker button:active>span{opacity:.7}
.competitor-picker button:hover strong{text-decoration:underline;text-underline-offset:4px}
.compare-left .fine{margin-top:12px}
.position-note{margin-top:28px;border-top:1px solid var(--rule);padding-top:14px}
.position-note>span{font-size:12px;color:var(--muted);letter-spacing:.06em}
.position-note h4{margin-top:4px;font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.5}
.position-note p{margin-top:6px;font-size:14px}
.comparison-table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.comparison-table caption{text-align:left;font-size:12px;color:var(--muted);padding-bottom:10px}
.comparison-table caption span{margin-left:8px;color:var(--muted);border:1px solid var(--muted);padding:0 6px;letter-spacing:.06em}
.comparison-table th,.comparison-table td{padding:14px 12px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.comparison-table thead th{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);border-top:2px solid transparent}
.comparison-table thead th small{display:block;font-size:12px;font-weight:500;color:var(--muted)}
.comparison-table tbody th{font-size:13px;font-weight:500;color:var(--muted);padding-left:0}
.comparison-table thead th:first-child{padding-left:0}
.comparison-table tbody td:first-of-type{font-weight:700}
.comparison-table .row-rent td{font-family:var(--mincho);font-size:16px;font-weight:400}
.comparison-table .row-rent td:first-of-type{font-weight:600}
.comparison-table[data-selected="a"] [data-col="a"],.comparison-table[data-selected="b"] [data-col="b"],.comparison-table[data-selected="c"] [data-col="c"]{color:var(--ink);font-weight:700}
.comparison-table[data-selected="a"] thead [data-col="a"],.comparison-table[data-selected="b"] thead [data-col="b"],.comparison-table[data-selected="c"] thead [data-col="c"]{border-top-color:var(--ink)}
.comparison-table thead th{border-top-width:3px}
.compare-right .fine{margin-top:12px}
/* 3つの判断: 罫線で区切った1本（カードにしない） */
.decision-strip{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.decision-strip>div{padding:22px 32px 0 0}
.decision-strip>div+div{padding-left:32px;border-left:1px solid var(--rule-soft)}
.decision-strip h3{font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.5}
.decision-strip p{margin-top:8px;font-size:14px}
/* 行の CTA: 左に一文・右端に主ボタン（stripe_jp_pc_below の「節の見出しの右端に主ボタン」） */
.inline-cta{margin-top:44px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 32px;border-top:1px solid var(--rule);padding-top:28px}
.inline-cta>p{font-family:var(--mincho);font-weight:400;font-size:28px;line-height:1.5}
.inline-cta>small{grid-column:1 / -1;justify-self:end;font-size:14px;color:var(--ink)}

/* ===== ウィクレポ: 地色を深い色に替えた節（gal_secretgarden_pc_below の節ごとの地色・apple_macbookpro_pc_below の暗い面） ===== */
.weekly-section{background:var(--deep);color:var(--deep-text);padding-block:80px}
.weekly-section a:focus-visible{outline-color:var(--deep-text)}
.weekly-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start}
.weekly-grid h2{font-family:var(--mincho);font-weight:300;font-size:44px;line-height:1.36;letter-spacing:.01em}
.weekly-grid .large-copy{margin-top:20px;font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.6}
.weekly-grid>div>p:not(.large-copy){margin-top:18px;font-size:14px;line-height:2;max-width:32em}
/* 週次レポートの見本: 箱にしない。上の罫線と横線だけ。数字は小さいラベル＋大きな数字（rentcast_sample_p3_pc_fv） */
.weekly-sheet{border-top:1px solid var(--deep-text);padding-top:20px}
.sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sheet-heading h3{font-size:16px;font-weight:700}
.weekly-section .sample-label{color:var(--deep-muted);border-color:var(--deep-muted)}
.week-period{margin-top:4px;font-size:12px;color:var(--deep-muted)}
.weekly-numbers{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--deep-rule);border-bottom:1px solid var(--deep-rule)}
.weekly-numbers>div{padding:16px 0}
.weekly-numbers>div+div{padding-left:24px;border-left:1px solid var(--deep-rule)}
.weekly-numbers dt{font-size:12px;color:var(--deep-muted)}
.weekly-numbers dd{font-family:var(--mincho);font-weight:300;font-size:44px;line-height:1.2;font-variant-numeric:tabular-nums}
.weekly-numbers dd small{font-family:var(--gothic);font-weight:500;font-size:13px;margin-left:4px}
.report-judgment{margin-top:22px}
.report-judgment>span{font-size:12px;color:var(--deep-muted);letter-spacing:.06em}
.report-judgment h4{margin-top:4px;font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.5}
.report-judgment p{margin-top:6px;font-size:14px}
.next-check{margin-top:18px;padding-top:14px;border-top:1px solid var(--deep-rule)}
.next-check strong{font-size:12px;letter-spacing:.06em}
.next-check p{font-size:14px}
.weekly-section .fine{margin-top:16px;color:var(--deep-muted)}
.weekly-cta{margin-top:44px;display:flex;align-items:center;gap:24px;border-top:1px solid var(--deep-rule);padding-top:28px}
.weekly-cta .button.primary{background:var(--deep-text);color:var(--deep)}
.weekly-cta .button.primary:hover{background:var(--paper)}
.weekly-cta small{font-size:14px;color:var(--deep-text)}

/* ===== 強み: 左＝何か・右＝説明と条件の2列の罫線の行（stripe_jp_pc_below） ===== */
.strengths{margin-top:40px;border-top:1px solid var(--ink)}
.strengths article{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr;column-gap:48px;padding:22px 0;border-bottom:1px solid var(--rule)}
.strengths h3{grid-row:1 / span 2;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;font-size:14px;font-weight:700;line-height:1.6}
.strengths .strength-label{flex-basis:100%}
.strengths h3 strong{display:inline-block;margin-top:4px;font-family:var(--mincho);font-weight:400;font-size:44px;line-height:1.3}
.strengths .strength-payer{display:inline-block;font-size:28px;font-weight:700;white-space:nowrap}
.strengths p{font-size:14px;line-height:1.9;align-self:end}
.strengths small{display:block;margin-top:8px;font-size:12px;color:var(--muted)}

/* ===== 信頼: 地色を明るい面に替える（gal_secretgarden_pc_below） ===== */
.trust-section{background:var(--field);padding-block:72px}
.trust-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px}
.trust-section h2{font-family:var(--mincho);font-weight:300;font-size:44px;line-height:1.4}
.trust-section h2+p{margin-top:18px;font-size:14px;line-height:2}
.trust-section .text-link{margin-top:10px}
.trust-detail{border-top:1px solid var(--ink);padding-top:20px}
.trust-detail h3{font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.5}
.trust-detail p{margin-top:10px;font-size:14px}
.trust-detail .award{margin-top:18px;padding-top:14px;border-top:1px solid var(--rule);font-size:16px;line-height:1.8;color:var(--ink);font-weight:500}

/* ===== FAQ: 見出しと罫線の一覧（参考なし・出どころは v2 の details/summary と罫線の決まり） ===== */
.faq-section{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.faq-list{border-top:1px solid var(--ink)}
.faq-list details{border-bottom:1px solid var(--rule)}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 0;font-size:16px;font-weight:700;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";font-family:var(--gothic);font-weight:400;font-size:20px;color:var(--muted);line-height:1}
.faq-list details[open] summary::after{content:"−"}
.faq-list details p{padding:0 0 22px;font-size:14px;line-height:1.95;max-width:40em}

/* ===== 相談: 明るい面。流れは番号付きの一覧（gal_superpower_pc_below の 01〜04） ===== */
.consult-section{background:var(--field);padding-block:80px;border-top:1px solid var(--rule-soft)}
.consult-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start}
.consult-copy h2{font-family:var(--mincho);font-weight:300;font-size:44px;line-height:1.36;letter-spacing:.01em}
.consult-copy .large-copy{margin-top:16px;font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.5}
.consult-copy>p:not(.large-copy):not(.assurance){margin-top:16px;font-size:14px;line-height:2}
.consult-steps{margin-top:24px;border-top:1px solid var(--rule);counter-reset:step}
.consult-steps li{counter-increment:step;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:8px;padding:12px 0;border-bottom:1px solid var(--rule)}
.consult-steps li::before{content:"0" counter(step);grid-row:1 / span 2;font-family:var(--mincho);font-weight:400;font-size:28px;line-height:1.2;color:var(--ink)}
.consult-steps strong{font-size:14px}
.consult-steps span{font-size:13px;color:var(--muted)}
.consult-copy .assurance{margin-top:20px;font-size:13px;color:var(--muted)}
#consult-form{border-top:2px solid var(--ink);padding-top:24px}
#consult-form h3{font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.5}
.form-note{margin-top:2px;font-size:12px;color:var(--muted)}
#consult-form>label:not(.consent){display:block;margin-top:18px;font-size:14px;font-weight:700}
#consult-form>label>span{margin-left:6px;font-size:12px;color:var(--ink)}
#consult-form>label>small{margin-left:6px;font-size:12px;font-weight:500;color:var(--muted)}
#consult-form input:not([type=checkbox]),#consult-form select{display:block;width:100%;min-height:52px;margin-top:6px;padding:12px 14px;border:1px solid var(--input-line);border-radius:0;background:var(--paper);font-size:16px}
#consult-form input::placeholder{color:var(--placeholder)}
#consult-form [aria-invalid="true"]{border-color:var(--error);border-width:2px}
.input-help{display:block;margin-top:6px;font-size:12px;color:var(--muted)}
.field-error{display:block;font-size:12px;color:var(--error);min-height:0}
.field-error:not(:empty){margin-top:6px}
.consent{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:22px;font-size:14px}
.consent input{width:22px;height:22px;margin:0;flex:none;accent-color:var(--ink)}
.consent b{margin-left:6px;font-size:12px;color:var(--ink)}
.submit-button{width:100%;margin-top:24px}
#consult-form>.fine{margin-top:10px}
.error-summary{margin-top:14px;padding:12px 16px;border-left:3px solid var(--error);background:var(--paper);font-size:14px;color:var(--error)}
.form-review{margin-top:20px;border-top:1px solid var(--ink);padding-top:18px}
.form-review h4{font-size:16px}
.form-review dl{margin-top:10px;display:grid;grid-template-columns:8em minmax(0,1fr);gap:6px 12px}
.form-review dt{font-size:13px;color:var(--muted)}
.form-review dd{font-size:14px;word-break:break-all}
.form-review p{margin-top:12px;font-size:13px}
.form-review .button{margin-top:14px}

/* ===== フッター ===== */
.footer{border-top:1px solid var(--rule)}
.footer-inner{display:flex;align-items:center;gap:32px;padding:36px 0 48px}
.footer .brand>span{font-size:22px}
.footer p{font-size:13px;color:var(--muted)}
.footer a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
.footer-inner>small{margin-left:auto;font-size:12px;color:var(--muted)}
.mobile-cta{display:none}
@media (min-width:1101px){
  .header.is-fixed{position:fixed;height:60px;background:var(--ground);border-bottom:1px solid var(--rule)}
  .header.is-fixed .header-cta{background:var(--ink);color:var(--ground);border-bottom:0;padding:0 18px;font-size:14px;font-weight:700}
}
.noscript-note{position:fixed;left:0;right:0;bottom:0;margin:0;padding:12px 20px;background:var(--ink);color:var(--ground);font-size:13px}
.desktop-break{display:inline}

/* ===== iPad 横（1024）: 左の列を狭く、右の面の中を1列に ===== */
@media (max-width:1100px){
  .wrap{width:calc(100% - 64px)}
  .hero{grid-template-columns:400px minmax(0,1fr)}
  .header{padding:0 32px}
  .hero-copy{padding:96px 32px 28px}
  .hero h1{font-size:46px}
  .hero-lead{margin-top:18px;font-size:16px}
  .hero-description{font-size:12px;letter-spacing:-.01em}
  .hero-reasons{margin-top:18px}
  .hero-reasons li{padding:8px 0}
  .hero-reasons strong{font-size:21px}
  .strategy-preview{padding:100px 36px 32px}
  .preview-body{grid-template-columns:minmax(0,1fr);gap:20px}
  .rent-options strong{font-size:34px}
  .rent-options input:checked+span strong{font-size:46px}
  .section{padding-block:72px}
  .section-intro{gap:40px}
  .section-intro h2,.faq-section>h2,.weekly-grid h2,.consult-copy h2{font-size:44px}
  .comparison-workspace{gap:40px}
  .weekly-section,.consult-section{padding-block:72px}
  .weekly-grid,.consult-grid,.trust-grid{gap:56px}
  .faq-section{gap:40px}
  .mobile-cta{display:flex;justify-content:flex-end;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--ink);padding:10px 32px calc(10px + env(safe-area-inset-bottom))}
  .mobile-cta .button{min-height:48px;padding:0 22px;font-size:15px;background:var(--ground);color:var(--ink);min-width:360px}
  .mobile-cta.is-hidden{display:none}
  .footer-inner{padding-bottom:96px}
}
/* ===== iPad 縦（768・820）: 1列に積む ===== */
@media (max-width:900px){
  .header{position:relative;height:64px;padding:0 32px}
  .hero{grid-template-columns:minmax(0,1fr)}
  .hero-copy{padding:20px 32px 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px}
  .hero-copy>h1{grid-column:1;grid-row:1 / span 3}
  .hero-copy>.hero-lead,.hero-copy>.hero-description{grid-column:2}
  .hero-copy>.hero-lead{margin-top:6px}
  .hero-copy>.hero-reasons,.hero-copy>.hero-reasons-note,.hero-copy>.hero-button,.hero-copy>.assurance,.hero-copy>.text-link{grid-column:1 / -1}
  .strategy-preview{padding:32px 32px 32px}
  .preview-body{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px}
  .section-intro,.comparison-workspace,.weekly-grid,.trust-grid,.faq-section,.consult-grid{grid-template-columns:minmax(0,1fr)}
  .section-intro{gap:20px}
  .comparison-workspace{gap:40px}
  .strengths article{grid-template-columns:minmax(0,4fr) minmax(0,6fr);column-gap:32px}
  .section{padding-block:56px}
  .weekly-section,.consult-section,.trust-section{padding-block:56px}
  .competitor-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:0}
  .competitor-picker button{min-height:60px;padding:8px 6px 8px 28px;border-top:1px solid var(--rule)}
  .competitor-picker button+button{border-left:1px solid var(--rule-soft)}
  .competitor-picker button::before{left:8px}
}
/* ===== SP（390）: 見出し → 問い → 理由 → 主CTA → 3案と架空の注記までを最初の1画面に ===== */
@media (max-width:600px){
  body{font-size:14px}
  .wrap{width:calc(100% - 40px)}
  .preview-note{padding:3px 14px}
  .header{height:52px;padding:0 20px}
  .brand{gap:10px}
  .brand>span{font-size:22px}
  .brand small{letter-spacing:.02em}
  .header-cta{font-size:12px}
  .hero-copy{display:block;padding:10px 20px 14px}
  .hero h1{font-size:32px;line-height:1.28;letter-spacing:0}
  .hero-lead{margin-top:10px;font-size:15px;line-height:1.65}
  .hero-description,.hero-copy .text-link{display:none}
  .hero-reasons{margin-top:12px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1.15fr);border-bottom:1px solid var(--rule)}
  .hero-reasons li{display:block;min-width:0;border-bottom:0;padding:7px 8px 7px 0}
  .hero-reasons li+li{padding-left:8px;border-left:1px solid var(--rule)}
  .hero-reasons li>span:first-child{display:block;font-size:12px;line-height:1.4;white-space:normal;word-break:auto-phrase}
  .hero-reasons strong{display:block;font-size:18px;line-height:1.35;white-space:nowrap}
  .hero-reasons .reason-payer{display:block;font-size:15px;line-height:1.3}
  .hero-button{min-height:50px;font-size:14px;padding:0 18px}
  .hero-copy .assurance{margin-top:6px;line-height:1.5}
  .strategy-preview{padding:14px 20px 22px}
  .subject{margin-top:6px}
  .subject h2{font-size:16px;font-weight:400}
  .subject p{font-size:12px}
  .rent-options{margin-top:10px}
  .rent-options legend{margin-bottom:6px}
  .rent-options label>span{padding:10px 6px 2px 0}
  .rent-options label+label>span{padding-left:10px}
  .rent-options label+label input:checked+span::before{left:10px}
  .rent-options strong{font-size:26px}
  .rent-options input:checked+span strong{font-size:32px}
  .rent-options strong span{font-size:12px;margin-left:2px}
  .challenge-mark{margin-left:4px}
  .band-note{margin-top:6px}
  .preview-body{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px}
  .axis-text text,.comparison-dot text,.reference-dot text{font-size:20px}
  #subject-point text{font-size:21px}
  .situations .wrap{display:block;padding:18px 0}
  .situations ul{margin-top:8px}
  .situations li{padding:0 10px;font-size:12px}
  .situations li:first-child{padding-left:0}
  .section{padding-block:40px}
  .section-intro h2,.faq-section>h2,.weekly-grid h2,.consult-copy h2,.trust-section h2{font-size:28px;line-height:1.45}
  .section-intro>p{font-size:14px;line-height:1.95}
  .desktop-break{display:none}
  .comparison-workspace{margin-top:24px;gap:24px;padding-top:18px}
  .position-note{margin-top:18px}
  .competitor-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:0;margin-top:14px}
  .competitor-picker button{min-height:64px;padding:8px 4px 8px 24px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
  .competitor-picker button+button{border-left:1px solid var(--rule-soft)}
  .competitor-picker button::before{left:6px}
  .competitor-picker button>span{display:block}
  .competitor-picker small{display:block}
  .compare-left>h3{font-size:16px}
  .comparison-table{font-size:13px;table-layout:fixed}
  .comparison-table caption{font-size:13px}
  .comparison-table th,.comparison-table td{padding:10px 3px;word-break:auto-phrase;overflow-wrap:anywhere}
  .comparison-table thead th{font-size:13px}
  .comparison-table thead th small{font-size:13px;line-height:1.35}
  .comparison-table tbody th{font-size:13px;width:17%}
  .comparison-table .row-rent td{font-size:14px}
  .decision-strip{grid-template-columns:minmax(0,1fr);margin-top:28px}
  .decision-strip>div{padding:12px 0 0}
  .decision-strip>div+div{padding-left:0;border-left:0;margin-top:12px;border-top:1px solid var(--rule-soft)}
  .decision-strip p{margin-top:4px}
  .decision-strip h3{font-size:20px}
  .inline-cta{grid-template-columns:minmax(0,1fr);margin-top:28px}
  .inline-cta>p{font-size:20px}
  .inline-cta .button{width:100%;font-size:14px}
  .inline-cta>small{justify-self:start}
  .weekly-section,.consult-section{padding-block:40px}
  .weekly-grid{gap:28px}
  .weekly-grid .large-copy{font-size:20px}
  .weekly-numbers>div+div{padding-left:14px}
  .weekly-numbers dd{font-size:28px}
  .weekly-cta{display:block;margin-top:28px}
  .weekly-cta .button{width:100%;font-size:14px}
  .weekly-cta small{display:block;margin-top:10px}
  .strengths{margin-top:36px}
  .strengths article{grid-template-columns:minmax(0,1fr);padding:14px 0}
  .strengths .strength-payer{font-size:20px}
  .strengths h3{grid-row:auto}
  .strengths h3 strong{font-size:28px}
  .strengths p{margin-top:10px;font-size:14px}
  .trust-section{padding-block:40px}
  .trust-grid{gap:20px}
  .trust-detail{padding-top:14px}
  .trust-detail h3{font-size:20px}
  .trust-detail .award{margin-top:12px;padding-top:10px}
  .faq-section{gap:28px}
  .faq-list summary{font-size:14px;min-height:56px}
  .faq-list details p{font-size:14px}
  .consult-grid{gap:32px}
  .consult-copy .large-copy{font-size:20px}
  .consult-copy>p:not(.large-copy):not(.assurance){font-size:14px}
  .footer-inner{flex-wrap:wrap;gap:8px 20px;padding:24px 0 96px}
  .footer-inner>small{margin-left:0;width:100%}
  .mobile-cta{display:block;padding:10px 20px calc(10px + env(safe-area-inset-bottom))}
  .mobile-cta .button{width:100%;min-width:0;padding:0 18px;font-size:14px}
}
/* 360px 以下: 3案の値と単位（万円）を1行のまま列に収める（統括 15:09） */
@media (max-width:360px){
  .rent-options label>span{padding-right:4px}
  .rent-options label+label>span{padding-left:8px}
  .rent-options strong{font-size:22px}
  .rent-options input:checked+span strong{font-size:26px}
  .rent-options strong span{margin-left:1px}
}
@media (prefers-reduced-motion:reduce){
  :root{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* ===== v4（2026-09-29 ノートLP）: 代表の7段（A1 FV → A2 悩み → A3 答え → A4 実物 → A5 なぜ AFTY → A6 得るもの → A7 CTA）と Hero 案3 =====
   v3.1 の見た目の決まりのまま（カード0・罫線と地色・朱は「この家」と「挑戦」だけ・12px 以上・4.5:1・44px）。
   Hero 案3 の出所: re_savills_pc_below（写真の帯の下端に数字の面を半分重ねる）・re_listing_elliman_pc_fv（写真の左下のピル）・arch_deiterhaus_pc_below（写真の角からはみ出す面） */
.photo-wrap{position:absolute;overflow:hidden;background:var(--photo-empty)}
.photo-wrap .photo{display:block;width:100%;height:100%;object-fit:cover}
.photo-tag{position:absolute;z-index:7;margin:0;font-size:12px;line-height:1.5;color:var(--on-photo);background:var(--on-photo-bg);padding:3px 10px;border-radius:3px}
.v4 .header-cta{background:var(--ground);padding:0 12px}
.stage-title{font-family:var(--mincho);font-weight:300;font-size:44px;line-height:1.36;letter-spacing:.01em}
/* A1 Hero 案3 */
.hero.hero3{position:relative;display:block;min-height:874px}
.hero3 .hero-copy{position:relative;z-index:6;width:480px;padding:104px 48px 40px}
.hero3 .hero-visual{position:absolute;left:496px;top:0;right:0;bottom:0}
.hero3 .photo-wrap{left:0;top:0;right:0;height:560px}
.hero3 .photo-wrap .photo{object-position:50% 40%}
.hero3 .photo-tag{right:48px;top:96px}
.hero3 .pill{position:absolute;z-index:6;left:40px;top:388px;margin:0;display:inline-flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--ink);border-radius:999px;padding:6px 16px 6px 12px;font-size:13px}
.hero3 .pill i{width:11px;height:11px;border-radius:50%;background:var(--shu);box-shadow:0 0 0 4px var(--shu-halo)}
.hero3 .pill b{color:var(--shu-text)}
/* 要約の面: 枠・影・角丸なし（カードにしない）。写真の下端に半分重ね、写真の角から外へはみ出す */
.hero-summary{position:absolute;z-index:5;left:40px;right:48px;top:448px;margin:0;background:var(--paper);padding:18px 26px 14px}
.hs-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.hs-top strong{font-family:var(--mincho);font-weight:600;font-size:15px;letter-spacing:.04em}
.hs-top strong span{font-weight:400;margin-left:12px}
.hs-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;margin-top:12px;border-top:1px solid var(--ink)}
.hs-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-self:start}
.hs-plans>label{padding:14px 12px 4px 0}
.hs-plans>label+label{padding-left:16px;border-left:1px solid var(--rule-soft)}
.hs-plans>label.on{box-shadow:inset 0 3px 0 var(--ink)}
.hs-plans small{display:block;font-size:12px;color:var(--muted)}
.hs-plans b.v{display:block;font-family:var(--mincho);font-weight:400;font-size:36px;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.hs-plans>label.on b.v{font-size:46px}
.hs-plans b.v span{font-family:var(--gothic);font-weight:500;font-size:13px;margin-left:3px}
.hs-plans em{font-style:normal;font-size:12px}
.hs-plans>label.on em{font-weight:700}
.hs-fig{padding-top:10px}
.hs-fig-head{font-size:13px;font-weight:700}
.mini-chart{display:block;width:100%;height:auto}
.subject-mini .point{fill:var(--shu)}
.subject-mini .point-ring{fill:none;stroke:var(--shu);stroke-width:1}
.subject-mini text{font-family:var(--gothic);font-size:16px;font-weight:700;fill:var(--shu-text)}
/* Hero の小さな図: 1280px 幅で実寸 12px 以上になるよう viewBox 上 25px（1440 で約 15px） */
.mini-chart .axis-text text,.mini-chart .comparison-dot text,.mini-chart .reference-dot text,.mini-chart .subject-mini text{font-size:25px}
/* 1280 未満は図を畳み、3案だけ見せる（図の文字が 12px を割るため） */
@media (max-width:1279px){ .hs-body{grid-template-columns:minmax(0,1fr)} .hs-fig{display:none} }
.hs-foot{display:flex;justify-content:space-between;gap:16px;margin-top:8px;font-size:12px;color:var(--muted)}
/* A2 悩み */
.situations-inline{display:flex;align-items:center;gap:28px;padding-bottom:18px;border-bottom:1px solid var(--rule-soft)}
.situations-inline p{font-family:var(--mincho);font-size:16px}
.situations-inline ul{display:flex;flex-wrap:wrap}
.situations-inline li{font-size:13px;color:var(--muted);padding:0 14px;line-height:1.6}
.situations-inline li+li{border-left:1px solid var(--rule)}
.worries h2{margin-top:36px;font-family:var(--mincho);font-weight:300;font-size:44px;line-height:1.36}
.worry-list,.gain-list{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.worry-list li,.gain-list li{padding:22px 28px 6px 0}
.worry-list li+li,.gain-list li+li{padding-left:28px;border-left:1px solid var(--rule-soft)}
.worry-list .no,.gain-list .no{display:block;font-family:var(--mincho);font-weight:400;font-size:28px;line-height:1;color:var(--muted)}
.worry-list p,.gain-list p{margin-top:12px;font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.5;word-break:auto-phrase;text-wrap:balance}
/* A3 答え */
.answer-section .decision-strip .no{display:block;font-family:var(--mincho);font-size:20px;line-height:1;color:var(--muted);margin-bottom:8px}
/* A4 実物 */
.sample-section .strategy-preview{margin-top:32px;padding:28px 32px 28px;background:var(--field)}
.subject .subject-title{font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.4}
.chart-heading h4{font-size:14px;font-weight:700;letter-spacing:.02em}
.strategy-answer h4{margin-top:6px;font-family:var(--mincho);font-weight:400;font-size:16px;line-height:1.55}
.sample-section .comparison-workspace{margin-top:48px}
.case-and-next{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.case{border-top:1px solid var(--ink);padding-top:20px}
.part-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.part-head h3,.sample-section .sheet-heading h3{font-family:var(--mincho);font-weight:400;font-size:20px}
.case-sub{margin-top:4px;font-size:13px;color:var(--muted)}
.case-steps{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule)}
.case-steps li{position:relative;padding:12px 10px 6px 0}
.case-steps li+li{padding-left:12px;border-left:1px solid var(--rule-soft)}
.case-steps li.on{box-shadow:inset 0 3px 0 var(--ink)}
.case-steps .stage{display:block;font-size:12px;color:var(--muted)}
.case-steps b.v{display:block;font-family:var(--mincho);font-weight:400;font-size:28px;line-height:1.3;white-space:nowrap}
.case-steps b.v.small{font-size:16px;line-height:1.9}
.case-steps b.v span{font-family:var(--gothic);font-size:12px;margin-left:2px}
.case-steps em{display:block;font-style:normal;font-size:12px;line-height:1.5}
.case .fine{margin-top:12px}
.sample-section .weekly-sheet{border-top:1px solid var(--ink)}
.sample-section .sheet-name{margin-top:4px;font-size:14px;font-weight:700}
.sample-section .week-period,.sample-section .weekly-numbers dt,.sample-section .report-judgment>span{color:var(--muted)}
.sample-section .weekly-numbers{border-color:var(--rule)}
.sample-section .weekly-numbers>div+div{border-left-color:var(--rule)}
.sample-section .next-check{border-top-color:var(--rule)}
.sample-section .weekly-sheet .fine{color:var(--muted)}
.sample-section .inline-cta{margin-top:56px}
/* A5 なぜ AFTY */
.why-section{padding-top:80px}
.why-top{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;align-items:stretch}
.slot{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:24px;background:var(--slot-bg);color:var(--ink)}
.slot::before{content:"";position:absolute;inset:10px;border:1.5px dashed var(--input-line);pointer-events:none}
.slot-label{font-size:14px;font-weight:700}
.slot-note{font-size:12px;color:var(--slot-note)}
.slot-number{min-height:180px}
.trust-block{border-top:1px solid var(--ink);padding-top:18px}
.trust-block h3{font-family:var(--mincho);font-weight:400;font-size:28px;line-height:1.45}
.trust-block>p{margin-top:10px;font-size:14px}
.trust-block .award{margin-top:14px;padding-top:12px;border-top:1px solid var(--rule);font-size:16px;color:var(--ink)}
.trust-block .trust-bel{font-size:14px}
.why-section .strength-section{margin-top:56px}
.why-section .sub-title{font-family:var(--mincho);font-weight:400;font-size:28px;line-height:1.45}
.why-section .sub-lead{margin-top:8px;font-size:14px}
.why-section .strengths{margin-top:24px}
.strengths article.with-slot{grid-template-rows:auto auto auto}
.strengths .slot-image{grid-column:2;margin-top:14px;min-height:190px}
.weekly-band{margin-top:80px;background:var(--deep);color:var(--deep-text);padding-block:72px}
.weekly-band a:focus-visible{outline-color:var(--deep-text)}
.weekly-band .weekly-grid{align-items:end}
.weekly-title{font-family:var(--mincho);font-weight:300;font-size:44px;line-height:1.4}
.weekly-band .large-copy{margin-top:16px;font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.6}
.weekly-band .weekly-grid>div>p:not(.large-copy){font-size:14px;line-height:2;margin-top:12px}
/* A6 得るもの */
/* A6 は A2（悩み）と同じ3行の型。地の色（field）で「悩みの答え」側と分かるようにする */
.gains-band{background:var(--field)}
.gains{padding-top:96px}
.gains .gain-list .no{color:var(--ink)}
/* iPad 横 */
@media (max-width:1100px){
  .hero3 .hero-copy{width:400px;padding:96px 32px 28px}
  .hero3 .hero-visual{left:416px}
  .hero3 .photo-wrap{height:500px}
  .hero-summary{left:24px;right:32px;top:420px;padding:14px 18px 12px}
  .hs-body{grid-template-columns:minmax(0,1fr)}
  .hs-fig{display:none}
  .hs-plans b.v{font-size:30px} .hs-plans>label.on b.v{font-size:38px}
  .stage-title,.worries h2{font-size:44px}
  .why-top{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:32px}
  .case-and-next{gap:36px}
}
/* iPad 縦 */
@media (max-width:900px){
  .hero.hero3{min-height:0}
  .hero3 .hero-copy{width:auto;padding:20px 32px 28px}
  .hero3 .hero-visual{position:relative;left:auto;top:auto;padding-bottom:24px}
  .hero3 .photo-wrap{position:relative;height:380px}
  .hero3 .pill{left:32px;top:300px}
  .hero-summary{position:relative;left:auto;right:auto;top:auto;margin:-40px 32px 0}
  .case-and-next,.why-top{grid-template-columns:minmax(0,1fr)}
  .worry-list li,.gain-list li{padding-right:16px}
  .worry-list li+li,.gain-list li+li{padding-left:16px}
  .worry-list p,.gain-list p{font-size:20px}
}
/* SP */
@media (max-width:600px){
  .hero3 .hero-copy{padding:10px 20px 14px}
  .hero3 .hero-visual{padding-bottom:12px}
  .hero3 .photo-wrap{height:190px}
  .hero3 .photo-wrap .photo{object-position:50% 46%}
  .hero3 .photo-tag{right:10px;top:8px;padding:2px 8px}
  .hero3 .pill{left:12px;top:138px;font-size:12px;padding:4px 12px 4px 10px}
  .hero-summary{margin:-26px 12px 0;padding:10px 14px 8px}
  .hs-top strong span{display:none}
  .hs-top strong{font-size:14px}
  .hs-body{margin-top:8px}
  .hs-plans>label{padding:8px 6px 2px 0}
  .hs-plans>label+label{padding-left:8px}
  .hs-plans b.v{font-size:22px} .hs-plans>label.on b.v{font-size:26px}
  .hs-plans b.v span{font-size:12px;margin-left:1px}
  .hs-foot{display:block;margin-top:4px}
  .hs-foot span+span{display:none}
  .stage-title,.worries h2{font-size:28px;line-height:1.45}
  .situations-inline{display:block}
  .situations-inline ul{margin-top:8px}
  /* SP は折り返した行の頭に区切り線が出るので、線をやめて間隔だけにする */
  .situations-inline ul{display:flex;flex-wrap:wrap;gap:2px 16px}
  .situations-inline li{padding:0;font-size:12px}
  .situations-inline li+li{border-left:0}
  .worries h2{margin-top:24px}
  .worry-list,.gain-list{grid-template-columns:minmax(0,1fr);margin-top:20px}
  .worry-list li,.gain-list li{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:baseline;padding:14px 0 10px}
  .worry-list li+li,.gain-list li+li{padding-left:0;border-left:0;border-top:1px solid var(--rule-soft)}
  .worry-list p,.gain-list p{margin-top:0;font-size:20px}
  .worry-list .no,.gain-list .no{font-size:20px}
  .sample-section .strategy-preview{margin-top:20px;padding:16px 14px}
  .case-and-next{margin-top:36px;gap:32px}
  .case-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-steps li:nth-child(3){padding-left:0;border-left:0}
  .case-steps li:nth-child(n+3){border-top:1px solid var(--rule-soft)}
  .why-section{padding-top:48px}
  .why-top{margin-top:20px;gap:20px}
  .slot-number{min-height:120px}
  .strengths .slot-image{grid-column:auto;min-height:150px}
  .why-section .strength-section{margin-top:36px}
  .why-section .sub-title,.trust-block h3{font-size:20px}
  .weekly-band{margin-top:48px;padding-block:44px}
  .weekly-title{font-size:28px}
  .weekly-band .large-copy{font-size:20px}
  .gains{padding-top:48px}
}

/* T 信頼の帯（v4.1 の正。17:0x に v4-B として足した）: 地の色（field）と罫だけ。カード・影・角丸なし。CTA なし */
.trust-band{background:var(--field);border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft)}
.tb-inner{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:32px;row-gap:10px;align-items:center;padding-block:26px 20px}
.tb-head{font-family:var(--mincho);font-size:16px;font-weight:600;letter-spacing:.04em}
.tb-list{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}
.tb-list li{padding:2px 24px;border-left:1px solid var(--rule)}
.tb-list li:first-child{border-left:0;padding-left:0}
.tb-list small{display:block;font-size:12px;color:var(--muted);line-height:1.6}
.tb-list strong{display:inline-block;font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.4;white-space:nowrap}
.tb-note{grid-column:2;font-size:12px;color:var(--muted)}
@media (max-width:1100px){ .tb-inner{grid-template-columns:minmax(0,1fr)} .tb-note{grid-column:1} .tb-list strong{font-size:20px} }
@media (max-width:600px){
  .tb-inner{padding-block:18px 14px;row-gap:6px}
  .tb-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .tb-list li{padding:10px 0 8px 14px}
  .tb-list li.tb-award{grid-column:1/-1;padding:4px 0 10px;border-bottom:1px solid var(--rule-soft)}
  .tb-list li:nth-child(2){border-left:0;padding-left:0}
  .tb-list strong{font-size:20px}
}

/* A4 の図の文字（UI 点検 R-1・17:29）: 320〜1440 のすべての幅で実寸 12px 以上（実寸 = 文字の大きさ × 図の幅 ÷ 560）
   ・1101 以上: 図は2列の左（1101 で幅約 513px）× 15 単位 = 13.7px 以上（v3.1 のまま）／901〜1100: 図は1列（全幅）
   ・900 以下: 図と募集戦略を1列にして図を全幅に（601 で幅 473px × 15 = 12.7px・768 で 17px）
   ・600 以下は単位を上げる: 481〜600 は 18（481 で 13.3px）・381〜480 は 22（390 で 12.7px）・380 以下は 28（320 で 12.6px） */
@media (max-width:900px){ .sample-section .preview-body{grid-template-columns:minmax(0,1fr);gap:20px} }
@media (max-width:600px){ .position-chart .axis-text text,.position-chart .comparison-dot text,.position-chart .reference-dot text,.position-chart #subject-point text{font-size:18px} }
@media (max-width:480px){ .position-chart .axis-text text,.position-chart .comparison-dot text,.position-chart .reference-dot text,.position-chart #subject-point text{font-size:22px} }
@media (max-width:380px){ .position-chart .axis-text text,.position-chart .comparison-dot text,.position-chart .reference-dot text,.position-chart #subject-point text{font-size:28px} }
/* 差し込み枠（UI 点検の任意・17:29）: 面の色と破線の箱をやめ、上下の破線だけにする（カードに見えない形） */
.slot{background:none;padding:18px 0;border-top:1.5px dashed var(--input-line);border-bottom:1.5px dashed var(--input-line)}
.slot::before{content:none}

/* v4.1（代表判断 v4）
   D-6 PC: Hero を 50px 低く（874 → 824）。1440×900 で信頼の帯の頭（y≈851）が最初の画面に見える */
@media (min-width:1101px){ .hero.hero3{min-height:824px} }
/* 信頼の帯の中身（受賞・管理戸数・平均賃料・注記）。v4-B の札と伏せ字は外した（D-3） */
.tb-award .award{font-size:14px;line-height:1.5;color:var(--ink)}
.tb-award .award strong{display:block;margin-top:2px}
.tb-sub{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
.tb-list strong span{font-family:var(--gothic);font-weight:500;font-size:14px;margin-left:3px}
.tb-note{color:var(--muted)}
/* D-4: 「なぜ AFTY か」は見出しの直後に強み3つ（どう違うか）。リノベーション事例へのリンクはリフォーム・CG の行に */
.why-section .strength-section{margin-top:28px}
.why-section .strengths{margin-top:0}
.strengths article.with-slot{grid-template-rows:auto auto auto auto}
.strengths article .text-link{grid-column:2;justify-self:start;margin-top:8px}
.strengths .slot-image{min-height:140px}
/* D-5 iPad 縦（≤900）: 理由3点を横3列に・写真を 380 → 240px。768×1024 で3案の値が最初の画面に入る */
@media (min-width:601px) and (max-width:900px){
  .hero-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--rule)}
  .hero-reasons li{display:block;min-width:0;border-bottom:0;padding:10px 14px 10px 0}
  .hero-reasons li+li{padding-left:14px;border-left:1px solid var(--rule)}
  .hero-reasons li>span:first-child{display:block;margin-right:0}
  .hero-reasons strong{display:block}
  .hero-reasons .reason-payer{display:block;font-size:16px}
}
@media (max-width:900px){ .hero3 .photo-wrap{height:240px} .hero3 .pill{top:168px} }
@media (max-width:600px){
  .strengths article .text-link{grid-column:auto}
  .strengths .slot-image{min-height:110px}
  /* D-5 SP: 写真を 190 → 120px・要約の面を 10px 多く重ねる。390×740 で3案の値が最初の画面に入る */
  .hero3 .photo-wrap{height:120px}
  .hero3 .pill{top:46px}
  .hero-summary{margin-top:-42px}
  /* 統括 18:0x: 390×740 で「架空の見本」の注記も最初の画面に（余白で 12px 上げる。FV の文字と写真は削らない） */
  .hero3 .hero-copy{padding-bottom:8px}
}

/* 320・360 幅（統括 18:2x）: 文字は小さくしない。360 では FV の安心の一文を1行に収め（左右の余白 20 → 16px・字間 0）、3案の値を 740 の中へ。320 は入らない（V4_STRUCTURE §21） */
@media (max-width:360px){ .hero3 .hero-copy{padding-left:16px;padding-right:16px} .hero-copy .assurance{letter-spacing:0}
  /* 320 で写真の札と「この家」のピルが2行に折れ、要約の面に重なっていた → 札は括弧の中を畳み（FV の面の「架空の見本」の注記が同じ最初の画面にある）、ピルは1行に */
  .hero3 .photo-tag .tag-long{display:none} .hero3 .photo-tag .tag-short{display:inline} .hero3 .pill{white-space:nowrap} .hero3 .pill .pill-name{display:none} }

/* ===== v5（代表の構成修正 v5・18:4x）: 見た目の決まりは v3.1〜v4.1 のまま（カード0・罫と地の色・朱は「この家」と「挑戦」だけ・12px 以上） ===== */
/* V2 戦略マップで分かること: 小さな図4つ。文章で説明しない */
.knows-section{padding-top:var(--section-y)}
.knows-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.knows-grid{margin-top:26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink)}
.know{margin:0;min-width:0;padding:18px var(--cell-x) 22px;border-left:1px solid var(--rule-soft)}
.know:first-child{border-left:0;padding-left:0}
.know figcaption{display:flex;align-items:baseline;gap:10px;font-size:14px;font-weight:700}
.know-no{font-family:var(--mincho);font-weight:400;font-size:20px;color:var(--muted)}
.kp-bars{margin-top:16px;display:grid;gap:12px}
.kp-bars li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;row-gap:6px}
.kp-name{font-size:13px;color:var(--muted)}
.kp-name .challenge-mark{margin-left:6px}
.kp-bars b.v{font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.2;white-space:nowrap}
.kp-bars .main b.v{font-size:28px}
.kp-bars b.v span{font-family:var(--gothic);font-weight:500;font-size:12px;margin-left:2px}
.kp-bar{grid-column:1 / -1;display:block;height:8px;width:var(--w);background:var(--rule)}
.kp-bars .main .kp-bar{background:var(--ink)}
.radar{display:block;width:100%;max-width:360px;height:auto;margin-top:8px;overflow:visible}
.radar .ring{fill:none;stroke:var(--rule-soft)}
.radar .spoke{stroke:var(--rule-soft)}
.radar .comp{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:7 5}
.radar .subj{fill:var(--shu-wash);stroke:var(--shu);stroke-width:2.5}
.radar text{font-family:var(--gothic);font-size:20px;fill:var(--ink)}
.radar-legend{display:flex;gap:18px;margin-top:6px;font-size:12px;color:var(--muted)}
.radar-legend i{display:inline-block;vertical-align:middle;margin-right:6px}
.radar-legend .k-subj{width:10px;height:10px;border-radius:50%;background:var(--shu)}
.radar-legend .k-comp{width:18px;border-top:2px dashed var(--ink)}
.kd-vs{margin-top:14px;font-size:13px;color:var(--muted)}
.kd-rows{margin-top:6px;border-top:1px solid var(--rule)}
.kd-rows li{display:grid;grid-template-columns:4.5em minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:9px 0;border-bottom:1px solid var(--rule-soft);font-size:14px}
.kd-rows b{font-family:var(--mincho);font-weight:400;font-size:20px;white-space:nowrap}
.kd-rows em{font-style:normal;font-size:12px;line-height:1.6;padding:0 6px;border:1px solid var(--ink);color:var(--ink)}
.kd-rows .minus em,.kd-rows .even em{border-color:var(--rule);color:var(--muted)}
.kpi-head{margin-top:14px;font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.5}
.kpi-order{margin-top:10px;border-top:1px solid var(--rule)}
.kpi-order li{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid var(--rule-soft);font-size:14px}
.kpi-order b{min-width:1em;font-family:var(--mincho);font-weight:400;font-size:16px;color:var(--muted)}
/* V3 見本の最後の CTA は V5 へ移した */
.v5 .sample-section{padding-bottom:40px}
/* V4 いまの賃料チェック */
.sim-section{padding-top:var(--section-y-md)}
.sim-head p{margin-top:10px;font-size:14px}
.sim-grid{margin-top:var(--block-gap);padding-top:var(--block-gap);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:stretch;border-top:1px solid var(--ink)}
.sim-inputs h3,.sim-result h3{font-size:14px;font-weight:700}
.sim-inputs label{display:block;margin-top:14px;font-size:13px;font-weight:700}
/* 相談フォームの select と同じ部品（高さ 52・枠 --input-line・地 --paper） */
.sim-inputs select{display:block;width:100%;min-height:52px;margin-top:6px;padding:0 14px;font:inherit;font-size:16px;color:var(--ink);background:var(--paper);border:1px solid var(--input-line);border-radius:0}
.sim-opt{margin-top:22px;border-top:1px solid var(--rule)}
.sim-opt-title{margin-top:12px;font-size:13px;color:var(--muted)}
.sim-opt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
.sim-run{margin-top:24px;width:100%}
.sim-inputs .fine{margin-top:10px}
.sim-result{background:var(--field);padding:24px 28px 20px}
.sim-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sim-tag{font-size:12px;color:var(--muted);border:1px solid var(--rule);padding:1px 8px}
.sim-empty{margin-top:18px;padding:28px 0;font-size:14px;color:var(--muted);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.sim-plans{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.sim-plans li{padding:12px 12px 8px 0}
.sim-plans li+li{padding-left:16px;border-left:1px solid var(--rule-soft)}
.sim-plans li.on{box-shadow:inset 0 3px 0 var(--ink)}
.sim-plans small{display:block;font-size:12px;color:var(--muted)}
.sim-plans b.v{display:block;font-family:var(--mincho);font-weight:400;font-size:32px;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums}
.sim-plans li.on b.v{font-size:38px}
.sim-plans b.v span{font-family:var(--gothic);font-weight:500;font-size:13px;margin-left:3px}
.sim-plans em{font-style:normal;font-size:12px}
.sim-plans li.on em{font-weight:700}
.sim-diff,.sim-policy{margin-top:18px}
.sim-diff h4,.sim-policy h4{font-size:13px;font-weight:700}
.sim-diff h4 small{margin-left:8px;font-size:12px;font-weight:400;color:var(--muted)}
.sim-policy p{margin-top:6px;font-size:14px;line-height:1.8}
.sim-policy .sim-review{font-size:13px;color:var(--muted)}
.sim-note{margin-top:16px;font-size:14px;font-weight:700;color:var(--ink)}
.sim-calc{margin-top:4px;font-size:12px;color:var(--muted)}
/* V5 もっと詳しく知りたい方へ */
.more-section{padding-top:64px;padding-bottom:16px}
.more-lead{margin-top:10px;font-size:14px}
.more-section .inline-cta{margin-top:22px}
/* V6 AFTY 管理のメリット: 証拠（受賞・管理戸数・平均賃料）→ メリット */
.proof{margin-top:26px;padding:22px 24px 16px;background:var(--field);border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft)}
.proof .text-link{margin-top:4px}
.proof .tb-note{margin-top:10px}
.strengths article.with-compare{grid-template-rows:auto auto}
.strengths .fee-v{font-family:var(--mincho);font-weight:400;font-size:20px}
.fee-compare{grid-column:2;margin-top:12px}
.fee-ex{font-size:13px;color:var(--muted)}
.fee-row{display:grid;grid-template-columns:8.5em minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:8px;font-size:14px}
.fee-bar{display:block;height:10px;width:var(--w);background:var(--rule)}
.fee-row.afty .fee-bar{background:var(--ink)}
.fee-row b{font-family:var(--mincho);font-weight:400;font-size:20px;white-space:nowrap}
.fee-compare .fine{margin-top:6px}
.v5 .weekly-band .weekly-grid{grid-template-columns:minmax(0,1fr)}
@media (max-width:1279px){
  .knows-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .know:nth-child(3){border-left:0;padding-left:0}
  .know:nth-child(n+3){border-top:1px solid var(--rule-soft)}
  .radar text{font-size:21px}
}
@media (max-width:900px){
  .sim-grid{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (max-width:600px){
  .knows-section,.sim-section{padding-top:var(--section-y-sm)}
  .knows-grid{grid-template-columns:minmax(0,1fr)}
  .know{border-left:0;padding:16px 0 18px}
  .know+.know{border-top:1px solid var(--rule-soft)}
  .sim-result{padding:18px 14px}
  .sim-opt-grid{grid-template-columns:minmax(0,1fr)}
  .sim-plans li{padding:10px 6px 6px 0}
  .sim-plans li+li{padding-left:8px}
  .sim-plans b.v{font-size:22px}
  .sim-plans li.on b.v{font-size:26px}
  .sim-plans b.v span{font-size:12px;margin-left:1px}
  .more-section{padding-top:40px}
  .proof{padding:16px 14px 12px}
  .fee-compare{grid-column:auto}
  .fee-row{grid-template-columns:minmax(0,1fr) auto}
  .fee-row .fee-bar{grid-column:1 / -1;grid-row:2}
}

/* v5 1回目の見直し */
.radar{max-width:380px}
.kpi-head{word-break:auto-phrase;text-wrap:balance}
.strengths h3{align-content:start}
.sim-step{margin-top:22px;display:flex;align-items:baseline;gap:10px;font-size:14px;font-weight:700;border-bottom:1px solid var(--rule);padding-bottom:6px}
.sim-step b{font-family:var(--mincho);font-weight:400;font-size:14px;letter-spacing:.04em;color:var(--muted)}
.sim-inputs h3+.sim-step{margin-top:12px}
.sim-opt{border-top:0;margin-top:0}
.sim-lead{margin-top:16px;font-size:14px;font-weight:700}
.sim-lead+.sim-plans{margin-top:8px}
.sim-caution{margin-top:6px;display:grid;gap:2px;font-size:12px;line-height:1.7;color:var(--muted)}
.sim-caution li{padding-left:1em;text-indent:-1em}
.sim-caution li::before{content:"※"}
.sim-next{margin-top:10px}
/* 分かることの図: 767px 以下は1列（6角形の文字を 12px 以上に保つため） */
@media (max-width:767px){ .knows-grid{grid-template-columns:minmax(0,1fr)} .know{border-left:0;padding:16px 0 18px} .know:nth-child(n+2){border-top:1px solid var(--rule-soft)} .know:nth-child(3){padding-left:0} }

/* v5.1（営業の CV 点検 F1〜F5。新しい色・書体・部品は増やさない） */
/* F3: 押す前は注記を普通の強さ・押した後は3案のすぐ下で太字 */
.sim-note{margin-top:14px;font-size:14px;font-weight:500;color:var(--muted)}
.sim-result.is-done .sim-note{margin-top:10px;font-weight:700;color:var(--ink)}
.sim-missing{margin-top:18px;padding:22px 0;font-size:14px;font-weight:700;color:var(--ink);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.sim-result .sim-next{margin-top:14px}
.sim-result .sim-caution{margin-top:8px}
.sim-top h3:focus{outline:none}
.sim-top h3:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
/* F4: 1ヶ月分との差の部分（破線の枠。色は増やさない） */
.fee-track{display:flex;align-items:center;min-width:0}
.fee-track .fee-bar{flex:none}
.fee-gap{display:block;flex:none;height:10px;width:var(--w);border:1.5px dashed var(--ink);border-left:0;box-sizing:border-box}
.fee-diff{margin-top:6px;display:flex;align-items:center;gap:8px;font-size:14px}
.fee-diff b{font-family:var(--mincho);font-weight:400;font-size:20px}
.fee-gap-key{display:inline-block;width:22px;height:10px;border:1.5px dashed var(--ink)}
@media (max-width:600px){ .fee-row .fee-track{grid-column:1 / -1;grid-row:2} }
/* F5: 3案の小さい札を語の途中で折らない（Chrome の auto-phrase。Safari は未測定） */
.hs-plans small,.rent-options small,.sim-plans small{word-break:auto-phrase}
/* v5.1: 未選択の「選択してください」が STEP 03 の細い欄で切れないように（入力と結果を半分ずつ・STEP 03 は欄が 180px 未満なら折り返す） */
.sim-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sim-opt-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
@media (max-width:900px){ .sim-grid{grid-template-columns:minmax(0,1fr)} }
@media (max-width:600px){ .sim-opt-grid{grid-template-columns:minmax(0,1fr)} }

/* v5.2（代表判断 v5.1）: 新しい色・書体・部品は増やさない（v4.1 の帯・行・明朝の値の組み合わせ） */
/* 一括査定との違い（短い1ブロック） */
.diff-section{padding-block:56px 40px}
.diff-title{font-family:var(--mincho);font-weight:400;font-size:28px;line-height:1.45}
.diff-grid{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);border-top:1px solid var(--ink)}
.diff-col{padding:16px 24px 14px 0;min-width:0}
.diff-col+.diff-col{padding-left:24px;border-left:1px solid var(--rule)}
.diff-col small{display:block;font-size:13px;color:var(--muted)}
.diff-col strong{display:block;margin-top:2px;font-family:var(--mincho);font-weight:400;font-size:28px;line-height:1.4}
.diff-col:not(.is-afty) strong{color:var(--muted)}
.diff-col p{margin-top:6px;font-size:14px}
.diff-note{padding-top:10px;border-top:1px solid var(--rule-soft);font-size:14px;color:var(--ink)}
/* 証拠（見本の直後）: v4.1 の信頼の帯の組み方 */
.proof-band .text-link{margin-top:2px}
/* V2 の図1: 3案の名前と棒だけ（金額なし） */
.kp-bars li{grid-template-columns:minmax(0,1fr)}
/* 家賃戦略シミュレーションの結果: 幅だけ */
.sim-range{margin-top:8px;padding-top:10px;border-top:1px solid var(--ink);display:flex;align-items:baseline;gap:8px}
.sim-range b.v{font-family:var(--mincho);font-weight:400;font-size:44px;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.sim-range b.v span{font-family:var(--gothic);font-weight:500;font-size:14px;margin-left:4px}
.sim-range-unit{font-size:14px;color:var(--muted)}
.sim-later{margin-top:6px;font-size:13px;color:var(--muted)}
@media (max-width:600px){ .diff-section{padding-block:40px 28px} .diff-title{font-size:20px} .diff-grid{grid-template-columns:minmax(0,1fr)} .diff-col{padding:12px 0 10px} .diff-col+.diff-col{padding-left:0;border-left:0;border-top:1px solid var(--rule)} .diff-col strong{font-size:20px} .sim-range b.v{font-size:28px} }

/* ===== v5.3（代表の追加修正「前半は提案資料・後半は AFTY の価値説明」・統括 AD6-C1）=====
   背景と区切りの見せ方だけを変える。文言・節の順・数字・CTA・data-cta は v5.2 のまま。新しい色・書体・部品・余白の段は足さない（:root の既存の変数だけ）。
   - FV（V1）と D（一括査定との違い）: 今のまま（--ground）。D は資料ゾーンへの入口
   - 資料ゾーン（V2 分かること・V3 見本・E 証拠・V4 シミュレーション・V5 詳しく）: 地は --paper（白）。--field の面は外し、罫（--ink／--rule）・余白・文字組みで区切る。--deep は使わない（主 CTA のボタンだけ今のまま）
   - 価値説明ゾーン（V6 メリット・V7 FAQ・V8 相談）: 地は --ground（第一案）。V6 の --deep の帯は外した（V6・V7 に濃色を使わない。V8 は今も濃色でないので、濃色を新しく入れない） */
/* 節の地の色を画面の端まで敷く。.wrap の内容の幅（min(1344px, 100% − 96px)）はそのまま、外側の余白を padding に置き換える */
.v5 .knows-section,.v5 .sample-section,.v5 .sim-section,.v5 .more-section,.v5 .faq-section{width:auto;margin-inline:0;padding-inline:max(48px,calc((100% - 1344px) / 2))}
.v5 .knows-section,.v5 .sample-section,.v5 .proof-band,.v5 .sim-section,.v5 .more-section{background:var(--paper)}
.v5 .why-section,.v5 .faq-section,.v5 .consult-section{background:var(--ground)}
@media (max-width:1100px){ .v5 .knows-section,.v5 .sample-section,.v5 .sim-section,.v5 .more-section,.v5 .faq-section{padding-inline:32px} }
@media (max-width:600px){ .v5 .knows-section,.v5 .sample-section,.v5 .sim-section,.v5 .more-section,.v5 .faq-section{padding-inline:20px} }
/* V3 戦略マップの見本: --field の面をやめ、資料の頭の太い罫（相談フォームと同じ 2px の墨）で1枚の資料の頭に見せる（下は次の部分の墨の罫で区切る） */
.v5 .sample-section .strategy-preview{background:none;padding:20px 0 0;border-top:2px solid var(--ink)}
.v5 .sample-section .rent-options input:checked+span em::before{box-shadow:inset 0 0 0 2px var(--paper)}
.v5 .sample-section .competitor-picker button[aria-pressed="true"]::before{box-shadow:inset 0 0 0 2px var(--paper)}
.v5 .sample-section .reference-dot circle{fill:var(--paper)}
/* E 証拠: 帯の色で区切らない。白の上で上下の罫だけの「資料の作成者・出典」の行（画面の端までの線にせず、内容の幅の中だけ） */
.v5 .proof-band{border-top:0;border-bottom:0}
.v5 .proof-band .tb-inner{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
/* V4 シミュレーション: 結果の --field の面をやめ、入力と結果の間の縦の罫で分ける（入力欄の面は今のまま） */
.v5 .sim-result{background:none;padding:0 0 0 40px;border-left:1px solid var(--rule)}
/* V5 → V6: 白の資料ゾーンの終わりに余白を残す（既存の余白の段） */
.v5 .more-section{padding-bottom:var(--section-y-sm)}
/* V6 の帯: --deep をやめ、生成りの上の文字組み（大きい明朝の一文）と罫だけ。ボタンは他の主 CTA と同じ墨 */
.v5 .weekly-band{background:none;color:var(--ink);margin-top:var(--section-y-md);padding-block:0}
.v5 .weekly-band a:focus-visible{outline-color:var(--ink)}
.v5 .weekly-cta{border-top-color:var(--rule)}
.v5 .weekly-cta .button.primary{background:var(--ink);color:var(--ground)}
.v5 .weekly-cta .button.primary:hover{background:var(--ink-hover)}
@media (max-width:900px){ .v5 .sim-result{padding:var(--block-gap) 0 0;border-left:0;border-top:1px solid var(--rule)} }
@media (max-width:600px){
  .v5 .sample-section .strategy-preview{padding:14px 0 0}
  .v5 .weekly-band{margin-top:var(--section-y-sm)}
}

/* ===== v5.3.1（ノートUI の独立点検の残件。統括 12:2x）: 色と余白は :root の既存の変数だけ ===== */
/* R2: V6 の帯（CTA）のすぐ下に V7 FAQ が来ていた（PC 80px・SP 40px）→ 帯の下に既存の余白の段を足す */
.v5 .weekly-band{padding-bottom:var(--section-y-sm)}
/* R4（v5.2 から）: PC で固定ヘッダーの上に、FV の文字の列（z-index 6）・要約の面（5）・仮写真の札（7）が描かれていた → ヘッダーをそれより上へ。
   同じ原因で、スクロール 0 のときもロゴ「AFTY.」の中心が FV の文字の列（の上の余白）に覆われて押せなかった（PC1440・iPad1024 で実測）ので、固定の前後とも上にする。
   ヘッダーは透明（固定のときだけ --ground）なので見た目は変わらない。SP・iPad の下の固定 CTA の帯（z-index 20）は変えない */
.v5 .header{z-index:8}


/* ===== 賞基準 第1回（2026-09-30 ノートUI の審査 第0回の指摘・統括）=====
   色は :root の既存の変数だけ・書体は var(--mincho)／var(--gothic) だけ・新しいボタン・カード・角丸・余白の段は作らない。
   動きは transform と opacity だけ・1つの動きは 900ms 以内・言語は1つ（200ms 前後・cubic-bezier(.16,1,.3,1)）・prefers-reduced-motion: reduce ではすべて止める（既存の全体の止め＋下の no-preference の中だけで動かす） */
/* 関門5: 追従 CTA（墨の帯）のフォーカスの輪を、帯の上で見える --ground に */
.mobile-cta a:focus-visible{outline-color:var(--ground)}
/* 3① 和文の組版: 明朝の見出しに palt・字間 .02em／3③ 数字はすべて等幅 */
.hero h1,.stage-title,main h2{font-feature-settings:"palt";letter-spacing:.02em}
body{font-variant-numeric:tabular-nums}
/* 1② 写真の札「この家」から要約の図の「この家」の点への 1px の引き出し線（位置は app.js が測る。図を畳む 1279 以下は出さない） */
.hs-leader{position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;pointer-events:none;overflow:visible}
.hs-leader polyline{fill:none;stroke:var(--ink);stroke-width:1}
@media (max-width:1279px){ .hs-leader{display:none} }
/* 2① 図のラベルが罫に重なっても読めるよう、地の色の縁取り */
.position-chart text,.mini-chart text,.radar text{paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}
/* 2② 軸の名前 */
.chart-axes{margin-top:2px;font-size:12px;color:var(--muted)}
/* 2③ 3案の位置（中抜きの点）と幅の括り。選んだ案には「この家」の朱の点が重なる */
.plan-marks circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.5}
.plan-bracket{fill:none;stroke:var(--ink);stroke-width:1}
/* 2④ 図の文字の大きさの補正（図が広い幅で文字が大きくなりすぎないように。実寸 12px 以上は保つ） */
@media (min-width:1280px){ .position-chart .axis-text text,.position-chart .comparison-dot text,.position-chart .reference-dot text{font-size:13px} .position-chart #subject-point text{font-size:14px} }
@media (min-width:901px) and (max-width:1100px){ .position-chart .axis-text text,.position-chart .comparison-dot text,.position-chart .reference-dot text{font-size:10px} .position-chart #subject-point text{font-size:11px} }
/* 4① V3 の回答の列は図の横で止める／4② 成約事例と次の一手は縦に積み、次の一手の中を2列に */
@media (min-width:1101px){
  .v5 .sample-section .strategy-answer{position:sticky;top:80px}
  .v5 .case-and-next{grid-template-columns:minmax(0,1fr);gap:var(--section-y-sm)}
  .v5 .sample-section .weekly-sheet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;align-items:start}
  .v5 .sample-section .weekly-sheet>*{grid-column:1 / -1}
  .v5 .sample-section .weekly-sheet>.weekly-numbers{grid-column:1;grid-row:4 / span 2}
  .v5 .sample-section .weekly-sheet>.report-judgment{grid-column:2;grid-row:4;margin-top:20px}
  .v5 .sample-section .weekly-sheet>.next-check{grid-column:2;grid-row:5}
}
/* 4③・10② V4 の空の状態の結果の器（押す前から形を見せる。値は —） */
.sim-ghost{margin-top:18px}
.sim-ghost .sim-lead,.sim-ghost .sim-range b.v,.sim-ghost .kd-rows b{color:var(--muted)}
.sim-ghost .kd-rows li{grid-template-columns:4.5em minmax(0,1fr)}
.sim-result.is-done .sim-ghost{display:none}
/* 10① 選んだ項目の数 */
.sim-count{margin-top:22px;font-size:14px;color:var(--muted)}
.sim-inputs .sim-count+.sim-run{margin-top:8px}
/* 4⑤ V8 は見出しを大きく・上の余白を --section-y に */
.v5 .consult-section{padding-top:var(--section-y)}
@media (min-width:1101px){ .v5 .consult-copy h2{font-size:58px;line-height:1.3} }
/* 6① V2 の賃料3案: 棒をやめ、縦の目盛りに3つの点を間隔の比（24.8・23.5・22.5 の差 1.3：1.0）で置く。金額は出さない */
.v5 .kp-bars{position:relative;display:block;height:150px;margin:20px 0 12px 6px;border-left:1px solid var(--ink)}
.v5 .kp-bars li{position:absolute;left:0;display:flex;align-items:center;gap:10px;transform:translateY(-50%)}
.v5 .kp-bars li:nth-child(1){top:0}
.v5 .kp-bars li:nth-child(2){top:56.5%}
.v5 .kp-bars li:nth-child(3){top:100%}
.v5 .kp-bars .kp-bar{order:-1;flex:none;width:11px;height:11px;margin-left:-6px;border-radius:50%;background:var(--paper);border:1.5px solid var(--ink)}
.v5 .kp-bars .main .kp-bar{background:var(--ink)}
.v5 .kp-bars .kp-name{font-size:14px;color:var(--ink)}
.v5 .kp-bars .main .kp-name{font-weight:700}
.know-link{margin-top:6px}
/* 7 V3 の比較表: 選んだ相手の列の左右に 1px の墨の縦罫・「この家」の列に、選んだ相手と比べた強み・弱みの札（kd-rows の札と同じ見た目。値の文字は変えない） */
.comparison-table[data-selected="a"] [data-col="a"],.comparison-table[data-selected="b"] [data-col="b"],.comparison-table[data-selected="c"] [data-col="c"]{box-shadow:inset 1px 0 0 var(--ink),inset -1px 0 0 var(--ink)}
.comparison-table td[data-vs]::after{content:attr(data-vs);display:block;width:max-content;margin-top:4px;font-family:var(--gothic);font-size:12px;font-weight:500;line-height:1.6;padding:0 6px;border:1px solid var(--rule);color:var(--muted)}
.comparison-table td[data-vs="強み"]::after{border-color:var(--ink);color:var(--ink)}
/* 8 1441px 以上: ヘッダーと FV の左右の余白を本文の軸（min(1344px, 100% − 96px) の端）に揃える／1① h1 を流体に（1440 で 56px → 1920 で 72px）・文字の列の幅も比例 */
@media (min-width:1441px){
  .header{padding-inline:max(48px,calc((100% - 1344px) / 2))}
  .hero h1{font-size:clamp(56px,calc(56px + (100vw - 1440px) / 30),72px)}
  .hero3 .hero-copy{width:calc(max(48px,calc((100% - 1344px) / 2)) + 432px + min((100% - 1440px) * .2, 96px));padding-left:max(48px,calc((100% - 1344px) / 2))}
  .hero3 .hero-visual{left:calc(max(48px,calc((100% - 1344px) / 2)) + 448px + min((100% - 1440px) * .2, 96px))}
  .hero-summary,.hero3 .photo-tag{right:max(48px,calc((100vw - 1344px) / 2))}
}
/* 9① 制作メモの文はやめ、写真の枠は静かなラベルだけ */
.strengths .slot-image .slot-label{font-size:12px;font-weight:500;color:var(--muted)}
/* 11② iPad 1024〜1100 も PC と同じ固定ヘッダーの CTA（下の追従帯は出さない。帯の色は R5 の代表判断待ちで変えない） */
@media (min-width:1024px) and (max-width:1100px){
  .header.is-fixed{position:fixed;height:60px;background:var(--ground);border-bottom:1px solid var(--rule)}
  .header.is-fixed .header-cta{background:var(--ink);color:var(--ground);border-bottom:0;padding:0 18px;font-size:14px;font-weight:700}
  .v5 .mobile-cta{display:none}
}
/* 11③ 360 未満: ヘッダーの副題を隠し、CTA を1行に */
@media (max-width:359px){ .header .brand small{display:none} .header-cta{white-space:nowrap} }
/* 5① CTA の hover: 文字に下線・矢印を 3px ずらす（矢印は下線を引かない塊にする） */
.button span[aria-hidden],.header-cta span[aria-hidden],.text-link span[aria-hidden]{display:inline-block}
.button:hover,.header-cta:hover{text-decoration:underline;text-underline-offset:4px}
/* 動き（no-preference の中だけ。reduce では出さない） */
@keyframes afty-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes afty-fade{from{opacity:0}to{opacity:1}}
@keyframes afty-pop{from{transform:scale(.9)}to{transform:none}}
@keyframes afty-ring{0%{opacity:0;transform:scale(.4)}60%{opacity:1}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .button span[aria-hidden],.header-cta span[aria-hidden],.text-link span[aria-hidden]{transition:transform 200ms cubic-bezier(.16,1,.3,1)}
  .button:hover span[aria-hidden],.header-cta:hover span[aria-hidden]{transform:translate(3px,-1px)}
  .text-link:hover span[aria-hidden]{transform:translateY(3px)}
  /* 1③ 読み込みの振付（1回だけ）: 見出し → 要約の面 → 3案の値 → 点の輪が1回広がる */
  .hero h1{animation:afty-rise 700ms cubic-bezier(.16,1,.3,1) both}
  .hero-summary{animation:afty-rise 700ms 150ms cubic-bezier(.16,1,.3,1) both}
  .hs-plans b.v{animation:afty-rise 500ms 350ms cubic-bezier(.16,1,.3,1) both}
  .hs-leader{animation:afty-fade 400ms 600ms cubic-bezier(.16,1,.3,1) both}
  .subject-mini .point-ring{transform-box:fill-box;transform-origin:center;animation:afty-ring 800ms 650ms cubic-bezier(.16,1,.3,1) both}
  /* 5② 3案を選んだとき、値が大きくなる動き（transform） */
  .rent-options input:checked+span strong{transform-origin:0 100%;animation:afty-pop 240ms cubic-bezier(.16,1,.3,1)}
  /* 5③ FAQ を開いたときの答え・5④ シミュレーションの結果の幅・7④ 比較の札の切替 */
  .faq-list details[open]>p{animation:afty-rise 200ms cubic-bezier(.16,1,.3,1)}
  #sim-out-range:not([hidden]) .sim-range,#sim-out:not([hidden]){animation:afty-rise 200ms cubic-bezier(.16,1,.3,1)}
  .comparison-table td[data-vs]::after{animation:afty-fade 160ms cubic-bezier(.16,1,.3,1)}
  /* 5⑤ V2・V3 の図は、画面に入った時に点と線を1回だけ出す（app.js が .motion-on と .is-in を付ける。JS が無ければ最初から見える） */
  .motion-on .know .radar .subj,.motion-on .know .radar .comp{opacity:0;transform:scale(.5);transform-box:view-box;transform-origin:220px 160px}
  .motion-on .know.is-in .radar .subj,.motion-on .know.is-in .radar .comp{opacity:1;transform:none;transition:opacity 600ms cubic-bezier(.16,1,.3,1),transform 600ms cubic-bezier(.16,1,.3,1)}
  .motion-on .know.is-in .radar .comp{transition-delay:120ms}
  .motion-on .know .kp-bars li,.motion-on .know .kd-rows li,.motion-on .know .kpi-order li{opacity:0}
  .motion-on .know.is-in .kp-bars li,.motion-on .know.is-in .kd-rows li,.motion-on .know.is-in .kpi-order li{opacity:1;transition:opacity 400ms cubic-bezier(.16,1,.3,1)}
  .motion-on .know.is-in li:nth-child(2){transition-delay:80ms}
  .motion-on .know.is-in li:nth-child(3){transition-delay:160ms}
  .motion-on .know.is-in li:nth-child(4){transition-delay:240ms}
  .motion-on .preview-figure .comparison-dot,.motion-on .preview-figure .reference-dot,.motion-on .preview-figure .plan-marks{opacity:0}
  .motion-on .preview-figure.is-in .comparison-dot,.motion-on .preview-figure.is-in .reference-dot,.motion-on .preview-figure.is-in .plan-marks{opacity:1;transition:opacity 500ms cubic-bezier(.16,1,.3,1)}
  .motion-on .preview-figure.is-in .plan-marks{transition-delay:200ms}
}
/* 動きは transform と opacity だけ: ボタンの地の色・3案の上の罫は、切り替えの補間をやめて即時に（矢印の transform だけが動く） */
.button,.rent-options label{transition:none}


/* ===== 賞基準 第2回（2026-09-30 ノートUI の審査 第1回の指摘・統括）: 色は既存の変数・書体は2つの変数だけ・新しい部品なし ===== */
/* 悪くなった所1・届かない所1①: 3案の値を最初の描画から見せる。値と要約の面の fade はやめ、振付は見出しだけ（引き出し線は外した） */
@media (prefers-reduced-motion:no-preference){
  .hero-summary,.hs-plans b.v,.subject-mini .point-ring{animation:none}
  .hero h1{animation-duration:600ms}
}
/* 届かない所3①（前からの不具合）: FV の 1280〜1365 で「23.5万円」と「着地案」が重なる → 本命の値を 40px・3案の札を1行・列の間を詰める。
   要約の面が狭い幅（1280〜1439・1700 以上＝文字の列が広がる分だけ面が狭い）は同じ組み方にする（単位「万円」が列の縦罫を越えないように。実測） */
@media (min-width:1280px) and (max-width:1439px),(min-width:1700px){
  .hs-plans>label{padding-right:6px}
  .hs-plans>label+label{padding-left:10px}
  .hs-plans>label.on b.v{font-size:40px}
  .hs-plans b.v{font-size:32px}
  .hs-plans small{white-space:nowrap}
  .hs-plans b.v span{margin-left:1px}
}
/* 悪くなった所3・届かない所2: 3案は括りと刻み3本（参考事例の○と別の記号）。凡例に「3案」 */
.plan-ticks{fill:none;stroke:var(--ink);stroke-width:1}
.chart-legend .tick{display:inline-block;width:12px;height:0;margin-right:6px;vertical-align:middle;border-top:1px solid var(--ink)}
/* 悪くなった所4・届かない所8②: 印刷では、画面に入る前の図も見せる（動きの途中の状態を残さない） */
@media print{
  *,*::before,*::after{animation:none!important;transition:none!important}
  .motion-on .know .radar .subj,.motion-on .know .radar .comp,.motion-on .know .kp-bars li,.motion-on .know .kd-rows li,.motion-on .know .kpi-order li,.motion-on .preview-figure .comparison-dot,.motion-on .preview-figure .reference-dot,.motion-on .preview-figure .plan-marks{opacity:1!important}
  .motion-on .know .radar .subj,.motion-on .know .radar .comp{transform:none!important}
}
/* 悪くなった所7・届かない所8①: レーダーの scale の「ポップ」をやめ、opacity だけで出す */
@media (prefers-reduced-motion:no-preference){
  .motion-on .know .radar .subj,.motion-on .know .radar .comp{transform:none}
  .motion-on .know.is-in .radar .subj,.motion-on .know.is-in .radar .comp{transition:opacity 500ms cubic-bezier(.16,1,.3,1)}
}
/* 悪くなった所6・届かない所4①②: palt を明朝の見出しすべてに。読点・句点が詰まり過ぎないよう字間 .04em */
h1,h2,h3,h4,.subject-title,.hs-top strong,.large-copy,.inline-cta>p,.kpi-head,.diff-col strong,.weekly-title{font-feature-settings:"palt"}
.hero h1,.stage-title,main h2,main h3,main h4,.large-copy,.inline-cta>p,.kpi-head,.diff-col strong{letter-spacing:.04em}
/* V2 の目次（行き先ごとの名前の1行） */
.know-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px;margin-top:4px;border-top:1px solid var(--rule-soft);font-size:12px;color:var(--muted)}
.know-links .text-link{font-size:14px;color:var(--ink)}
/* 悪くなった所5・届かない所6②: 比較表の札は値の右に並べ、行を低くする */
.comparison-table td[data-vs]::after{display:inline-block;margin:0 0 0 6px;vertical-align:1px}
@media (max-width:600px){ .comparison-table td[data-vs]::after{margin-left:3px;padding:0 3px} }
/* 届かない所5②: V6 の帯は全幅の 58px の一文・CTA を同じ基準線の右端に（1101 以上） */
@media (min-width:1101px){
  .v5 .weekly-band{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:48px;padding-inline:max(48px,calc((100% - 1344px) / 2))}
  .v5 .weekly-band>.wrap{width:auto;margin:0}
  .v5 .weekly-band .weekly-title{font-size:58px;line-height:1.3}
  .v5 .weekly-band .weekly-title br{display:none}
  .v5 .weekly-cta{margin-top:0;padding-top:0;border-top:0}
}
/* 届かない所7: E 証拠の 601戸・20.5万円は明朝 44px（.stage-title と同じ段）・基準線を揃え、空のセルを詰める */
.v5 .proof-band .tb-list{align-items:end}
@media (min-width:601px){ .v5 .proof-band .tb-list .tb-num strong{font-size:44px;line-height:1.1} }
@media (max-width:600px){ .v5 .proof-band .tb-list .tb-num strong{font-size:28px;line-height:1.2} }
/* 届かない所9②: 追従帯を低く（余白 6px・ボタン 44px。帯の色は R5 の判断待ちで変えない） */
@media (max-width:1100px){ .mobile-cta{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))} .mobile-cta .button{min-height:44px} }
/* 長さ（SP390 を 11,801 付近へ）: V8 の上の余白を広げるのは 601 以上だけ・SP の V4 の器は幅の行だけ */
@media (max-width:600px){ .v5 .consult-section{padding-top:var(--section-y-sm)} .sim-ghost .kd-rows{display:none} }
/* 届かない所9③: 短い注記の最後の行が1〜3字だけにならないよう、行の長さを揃える（行の数は変わらない） */
main .fine,.diff-note,.case-sub,.next-check p,.sim-opt-title,.fee-ex,.strengths small,.inline-cta>small,.sim-caution li,.more-lead,.sim-head p{text-wrap:balance}
/* 受賞の1行は 15px 以上（v4.1 の CV 点検の検査）→ 8段のうち 16px */
.v5 .tb-award .award{font-size:16px}
/* 届かない所10②: 器の仮置き「−−.−〜−−.−」はゴシックで詰めて組む（明朝の長い横線にしない） */
.sim-ghost .sim-range b.v{font-family:var(--gothic);font-weight:400;letter-spacing:-.04em}

/* ===== 賞基準 第3回（2026-09-30 ノートUI の審査 第2回の指摘・統括）: 色は既存の変数・書体は2つの変数だけ・新しい部品なし ===== */
/* 届4: FV の要約の3案は、V3 と同じ組み方のラジオ（fieldset＋label＋見えない input）。選ぶと FV の小さな図の「この家」の点が動き、V3 の3案も同じ案になる（app.js） */
.hs-plans{border:0;margin:0;padding:0;min-width:0}
.hs-plans>label{position:relative;display:block;min-width:0;cursor:pointer}
.hs-plans input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.hs-plans .hs-plan{display:block}
.hs-plans input:focus-visible+.hs-plan{outline:3px solid var(--ink);outline-offset:3px}
.hs-plans>label:hover b.v{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.hs-plans>label:active b.v{opacity:.7}
/* 悪1・届1: 1700 以上は文字の列の広がりを 52px で止め、要約の面へ回す。値は 1440 と同じ 46／36px */
@media (min-width:1441px){
  .hero3 .hero-copy{width:calc(max(48px,calc((100% - 1344px) / 2)) + 432px + min((100% - 1440px) * .2, 52px))}
  .hero3 .hero-visual{left:calc(max(48px,calc((100% - 1344px) / 2)) + 448px + min((100% - 1440px) * .2, 52px))}
}
@media (min-width:1700px){
  .hs-plans>label{padding-right:12px}
  .hs-plans>label+label{padding-left:16px}
  .hs-plans>label.on b.v{font-size:46px}
  .hs-plans b.v{font-size:36px}
  .hs-plans b.v span{margin-left:3px}
}
/* 悪2・届2: 58px は V3 の選んだ3案の値だけ。V6 の一文と V8 の見出しは V3 の見出しと同じ 44px（優先 ② 戦略マップを、④ メリット・⑥ 相談が見出しの大きさで越えない） */
@media (min-width:1101px){ .v5 .weekly-band .weekly-title{font-size:44px} .v5 .consult-copy h2{font-size:44px;line-height:1.36} }
/* 悪3・届3: 読む文は 16px（回答・勝ち位置・FAQ の答え・メリットの説明・相談の説明ほか）。注記は 12・13 のまま */
.strategy-answer>p,.review-line,.position-note p,.faq-list details p,.strengths p,.consult-copy>p:not(.large-copy):not(.assurance),.report-judgment p,.next-check p,.diff-col p,.sim-policy p,.more-lead,.sim-head p,.compare-left>p:not(.fine),.sim-empty,.kd-vs+.kd-rows li,.kpi-order li{font-size:16px}
/* 悪4・届5: E の受賞は見出し（明朝 28px）・数字は値（44px） */
.v5 .tb-award .award strong{font-family:var(--mincho);font-weight:400;font-size:28px;line-height:1.3}
/* 悪5・届7: balance の範囲は言葉の途中で折らない */
main .fine,.diff-note,.case-sub,.next-check p,.sim-opt-title,.fee-ex,.strengths small,.inline-cta>small,.sim-caution li,.more-lead,.sim-head p{word-break:auto-phrase}
/* 届9: FV の見出しは transform だけで上がる（opacity は最初から 1＝最大の描画を遅らせない） */
@keyframes afty-lift{from{transform:translateY(10px)}to{transform:none}}
@media (prefers-reduced-motion:no-preference){
  .hero h1{animation-name:afty-lift}
  .subject-mini{transition:transform 400ms cubic-bezier(.16,1,.3,1)}
}

/* ===== 賞基準 第4回（2026-09-30 代表の判断 14:1x・統括の判断）===== */
/* 2 書体（DS 承認待ちの試行＝D-3 の代わり）: 明朝は Noto Serif JP（Windows 11 の OFL の書体）を先頭に。見出しの太さを 500、字間 .02em に詰め直す */
.hero h1,.stage-title,main h2,.section-intro h2,.faq-section>h2,.consult-copy h2,.weekly-title,.weekly-grid h2{font-weight:500}
.hero h1,.stage-title,main h2{letter-spacing:.02em}
.subject .subject-title,.compare-left>h3,.part-head h3,.sample-section .sheet-heading h3,.position-note h4,.strategy-answer h4,.report-judgment h4,.inline-cta>p,.large-copy,.kpi-head,.diff-col strong,#consult-form h3{font-weight:500}
/* 1 見せ場（1101 以上）: 左に「この家」の図（画面に残る）・右に4つの項目。強調は screen かつ動きを減らさない設定の中だけ（reduce・印刷では全部見える） */
.knows-map{display:none;margin:0}
.km-chart{display:block;width:100%;height:auto;overflow:visible}
.km-chart text{font-family:var(--gothic);font-size:17px;fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}
.km-chart .axis-text text{fill:var(--muted)}
.km-chart .reference-dot circle{fill:var(--paper)}
.km-link,.km-drop{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:4 4}
.km-subject .point{fill:var(--shu)}
.km-subject .point-ring{fill:none;stroke:var(--shu);stroke-width:1}
.km-subject text{fill:var(--shu-text);font-weight:700}
@media (min-width:1101px){
  .v5 .knows-stage{margin-top:26px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start;border-top:1px solid var(--ink)}
  .v5 .knows-map{display:block;position:sticky;top:96px;padding-top:24px}
  .v5 .knows-stage .knows-grid{margin-top:0;grid-template-columns:minmax(0,1fr);border-top:0}
  .v5 .knows-stage .know,.v5 .knows-stage .know:first-child,.v5 .knows-stage .know:nth-child(3){border-left:0;padding:22px 0 26px}
  .v5 .knows-stage .know+.know{border-top:1px solid var(--rule-soft)}
  .v5 .knows-stage .know.is-step .know-no{color:var(--ink)}
}
@media screen and (prefers-reduced-motion:no-preference){
}
/* 3 R5（統括の判断）: 追従帯の地を生成りに・上に 1px の罫・ボタンは他の主 CTA と同じ墨・フォーカスの輪は墨 */
@media (max-width:1100px){
  .mobile-cta{background:var(--ground);border-top:1px solid var(--rule)}
  .mobile-cta .button{background:var(--ink);color:var(--ground)}
  .mobile-cta a:focus-visible{outline-color:var(--ink)}
}

/* ===== 賞基準 第4回（続き・第3回の審査の「第4回の物差し」に合わせる）===== */
/* 太さを Noto Serif JP に合わせる: h1・節の見出しは 400、値は 400（小さい見出しは 500 のまま） */
.hero h1,.stage-title,main h2,.section-intro h2,.faq-section>h2,.consult-copy h2,.weekly-title,.weekly-grid h2{font-weight:400}
.rent-options strong,.rent-options input:checked+span strong,.hs-plans b.v,.sim-range b.v,.weekly-numbers dd,.tb-list strong,.case-steps b.v,.strengths h3 strong,.hero-reasons strong,.kd-rows b,.fee-row b,.strengths .fee-v,.diff-col strong,.fee-diff b{font-weight:400}
/* 新しく悪くなった所1: FV の3案に V3 と同じ○の印・面の見出しの行に一文（図が出る 1280 以上） */
.hs-hint{display:none;margin-left:auto;margin-right:12px;font-size:12px;color:var(--muted)}
@media (min-width:1280px){ .hs-hint{display:inline} }
.hs-plans em::before{content:"";display:inline-block;width:11px;height:11px;margin-right:5px;vertical-align:-1px;border:1.5px solid var(--ink);border-radius:50%;box-sizing:border-box;background:transparent}
.hs-plans input:checked+.hs-plan em::before{background:var(--ink);box-shadow:inset 0 0 0 2px var(--paper)}
/* 新しく悪くなった所2: 図が畳まれる 1279 以下は、選んだ案の戦略へ届く一行（面の最後。最初の画面の位置は変えない） */
.hs-go{display:none}
@media (max-width:1279px){ .hs-go{display:inline-flex;margin-top:2px} }
/* FV の値: Noto Serif JP は字面が高いので、1280 以上は行の高さを少し広げて札と重ねない */
@media (min-width:601px){ .hs-plans b.v{line-height:1.35} }
@media (min-width:1280px){ .hs-plans b.v{letter-spacing:-.02em} .hs-plans b.v span{margin-left:1px;letter-spacing:0} }
/* 見せ場: 図の下の4つの段の行。今の段だけ濃く（screen かつ動きを減らさない設定の中だけ） */
.km-steps{margin-top:14px;border-top:1px solid var(--rule)}
.km-steps li{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px solid var(--rule-soft);font-size:14px}
.km-steps b{min-width:1em;font-family:var(--mincho);font-weight:400;font-size:16px;color:var(--muted)}
@media screen and (prefers-reduced-motion:no-preference){
  .knows-map .km-steps li.is-on b{color:var(--ink)}
  .km-subject{transition:transform 400ms cubic-bezier(.16,1,.3,1),opacity 300ms cubic-bezier(.16,1,.3,1)}
}
/* 前提の範囲の残り3: 次の一手の左の列の空白 → 注記を数字の下（左の列）へ */
@media (min-width:1101px){ .v5 .sample-section .weekly-sheet>.weekly-numbers{grid-row:4} .v5 .sample-section .weekly-sheet>.fine{grid-column:1;grid-row:5;align-self:start;margin-top:12px} }
/* 追従帯: 高さ 56px 以下（上の罫は内側の 1px の線）・フォーカスした要素を帯で覆わない */
@media (max-width:1100px){ .mobile-cta{border-top:0;box-shadow:inset 0 1px 0 var(--rule)} :root{scroll-padding-bottom:72px} }
/* 前提の範囲の残り5: SP の長さに余裕を作る（余白の段を 48/40 → 24 に下げる。V6 の帯と FAQ の間は R2 の間隔を保つ） */
@media (max-width:600px){
  .v5 .knows-section,.v5 .sim-section{padding-top:var(--block-gap)}
  .v5 .knows-section,.v5 .sample-section{padding-bottom:var(--block-gap)}
  .v5 .sim-section{padding-bottom:var(--block-gap)}
  .v5 .more-section{padding-top:var(--block-gap);padding-bottom:var(--block-gap)}
  .diff-section{padding-block:var(--block-gap)}
  .v5 .why-section{padding-top:var(--block-gap)}
  .v5 .consult-section{padding-top:var(--block-gap);padding-bottom:var(--block-gap)}
  .case-and-next{margin-top:var(--block-gap)}
  .sample-section .comparison-workspace{margin-top:var(--block-gap)}
}
/* 9②（統括）: 上端の「実装確認用モック」の帯は、body に class「no-mock」を1つ付けると消える（既定は表示） */
.no-mock .preview-note{display:none}
/* 1280〜1365: Noto Serif JP の数字の幅の分、3案の列を広げる（図との間 28 → 20px） */
@media (min-width:1280px) and (max-width:1365px){ .hs-body{column-gap:20px} }
@media (max-width:600px){
  .v5 .weekly-band{margin-top:var(--block-gap)}
  .v5 .kp-bars{height:120px}
  .consult-grid{gap:var(--block-gap)}
  .sim-empty{padding:16px 0}
}

/* ===== 賞基準 第5回（2026-09-30 ノートUI の審査 第4回＝1人目・2人目）===== */
/* 関門4（AA）: 見せ場の文字は薄くしない。薄くするのは点・線・面だけ。段の外の文字は --muted（白の上で 7.05:1）。「この家」は常に 1.0 */
.km-ring{fill:none;stroke:var(--rule);stroke-width:1}
.km-subj{fill:var(--shu-wash);stroke:var(--shu);stroke-width:1}
.km-link{stroke-dasharray:none}
.km-head{fill:none;stroke:var(--ink);stroke-width:1}
@media screen and (prefers-reduced-motion:no-preference){
  .knows-map .km-part :is(circle,path,polygon){transition:opacity 300ms cubic-bezier(.16,1,.3,1)}
  .knows-map[data-active="1"] .km-part:not([data-part="1"]):not(.km-subject) :is(circle,path,polygon),.knows-map[data-active="2"] .km-part:not([data-part="2"]):not(.km-subject) :is(circle,path,polygon),.knows-map[data-active="3"] .km-part:not([data-part="3"]):not(.km-subject) :is(circle,path,polygon),.knows-map[data-active="4"] .km-part:not([data-part="4"]):not(.km-subject) :is(circle,path,polygon){opacity:.22}
  .knows-map[data-active="1"] .km-part:not([data-part="1"]):not(.km-subject) text,.knows-map[data-active="2"] .km-part:not([data-part="2"]):not(.km-subject) text,.knows-map[data-active="3"] .km-part:not([data-part="3"]):not(.km-subject) text,.knows-map[data-active="4"] .km-part:not([data-part="4"]):not(.km-subject) text{fill:var(--muted)}
  .knows-map[data-active] .km-steps li:not(.is-on),.knows-map[data-active] .km-steps li:not(.is-on) b{color:var(--muted)}
  /* 1人目の4・2人目の E: 図が段ごとに育つ（1 括りが「この家」から広がる → 2 点の周りに小さな6軸が開く → 3 競合Aとの差の矢印と数字 → 4 70㎡ への線と打ち出す順の番号）。transform と opacity だけ・1段 300ms */
  .knows-map .km-grow{transform-box:view-box;transition:transform 300ms cubic-bezier(.16,1,.3,1),opacity 300ms cubic-bezier(.16,1,.3,1)}
  .knows-map .km-bracket{transform-origin:444px 145px;transform:scaleY(0)}
  .knows-map[data-active] .km-bracket{transform:none}
  .knows-map .km-radar{transform-origin:392px 145px;transform:scale(0)}
  .knows-map:is([data-active="2"],[data-active="3"],[data-active="4"]) .km-radar{transform:none}
  .knows-map .km-arrow{transform-origin:281px 145px;transform:scaleX(0)}
  .knows-map .km-delta{opacity:0}
  .knows-map:is([data-active="3"],[data-active="4"]) .km-arrow{transform:none}
  .knows-map:is([data-active="3"],[data-active="4"]) .km-delta{opacity:1}
  .knows-map .km-dropg{transform-origin:392px 162px;transform:scaleY(0)}
  .knows-map .km-order{opacity:0;transform:translateY(8px)}
  .knows-map[data-active="4"] .km-dropg,.knows-map[data-active="4"] .km-order{opacity:1;transform:none}
}
/* 1人目の2: V2 の右の列の横の空きを消す（各項目の中を「見出し・一文」と「図」の2列に）→ PC1440 を 9,000 前後へ */
@media (min-width:1101px){
  .v5 .knows-stage .know{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);column-gap:32px;align-content:start}
  .v5 .knows-stage .know>figcaption{grid-column:1;grid-row:1}
  .v5 .knows-stage .know>:is(.kd-vs,.kpi-head,.radar-legend){grid-column:1;grid-row:2;align-self:start}
  .v5 .knows-stage .know>:is(.kp-bars,.radar,.kd-rows,.kpi-order){grid-column:2;grid-row:1 / span 3;margin-top:0}
  .v5 .knows-stage .know>.kp-bars{margin:10px 0 10px 6px}
  .v5 .knows-stage .know>.radar{max-width:340px}
}
/* 2人目の A: 相談フォームの誤り（枠が後の指定に負けていた → 同じ強さの指定を後ろに）・誤りの文は 14px・まとめから各欄へ */
#consult-form input[aria-invalid="true"],#consult-form select[aria-invalid="true"]{border-color:var(--error);border-width:2px}
.field-error{font-size:14px}
.error-summary .text-link{display:flex;min-height:44px;font-size:14px;color:var(--error)}
/* 2人目の D: 1920 で FV の下の空き → 1700 以上は写真を 80px 高く・要約の面も 80px 下へ */
@media (min-width:1700px){ .hero3 .photo-wrap{height:640px} .hero-summary{top:528px} .hero3 .pill{top:468px} }
/* 2人目の B: 読ませる小さな札・見出しは 14px へ（本当の注記・凡例の説明だけ 12・13 に残す） */
.answer-label,.position-note>span,.report-judgment>span,.weekly-numbers dt,.case-steps .stage,.case-steps em,.tb-list small,.competitor-picker small,.consult-steps span,.kd-vs,.sim-opt-title,.input-help,.know-links>span,.comparison-table thead th small,.sim-tag{font-size:14px}

/* ===== 賞基準 第6回（2026-09-30 ノートUI の審査 第5回＝1人目・2人目）===== */
/* 4: SP の本文の段は 16px（第2回に 15 → 14 へ寄せたのを戻す。明示の大きさを持たない文と、要素の間の空白もこの段になる） */
@media (max-width:600px){ body{font-size:16px} }
/* FV の要約の面は、行の高さの基準を今までの 14px のままに（最初の画面の位置を変えない） */
@media (max-width:600px){ .hero-summary{font-size:14px} }
/* 1人目の2: 段2 を見せ場の山に（6軸を大きく・面を --shu-halo に濃く。面は図の中だけ） */
.km-subj{fill:var(--shu-halo)}
/* 1人目の3: 背の低い PC（高さ 800 以下＝1280×720・1366×768 など）では段の説明の行を畳み、図を低くする／段4 の途中でも図の上端が固定ヘッダーの下に入らないよう、項目の列の下に余白の段を1つ */
@media (min-width:1101px){ .v5 .knows-stage .knows-grid{padding-bottom:var(--block-gap)} }
@media (min-width:1101px) and (max-height:800px){ .v5 .km-steps{display:none} }
/* 2人目の C: V2 の項目1（3案の目盛り）は見出しの幅だけの列にして、左の空きを詰める */
@media (min-width:1101px){ .v5 .knows-stage .know[data-know="plans"]{grid-template-columns:max-content minmax(0,1fr);column-gap:48px} }
/* 2人目の D: 同意のチェックの誤りも --error で見える */
.consent input[aria-invalid="true"]{outline:2px solid var(--error);outline-offset:2px}
#consult-form .consent:has(input[aria-invalid="true"])>span{color:var(--error)}
/* 2人目の B: 凡例・札・表の小見出しは 14px へ（代表が決めた注記＝架空・税別・適用条件は変えない） */
.chart-legend,.chart-axes,.radar-legend,.comparison-table caption,.comparison-table caption span,.comparison-table tbody th,.kd-rows em,.sample-section .sample-label{font-size:14px}
/* 2人目の A: 1279 以下（FV の図を畳む幅）は、選んだ案の名前と募集の始め方の一文を面の最後に（「架空の見本」の注記より下。最初の画面の位置は変えない） */
.hs-pick{display:none}
@media (max-width:1279px){ .hs-pick{display:block;margin-top:6px;font-size:14px;line-height:1.6} .hs-pick b{margin-right:8px} }

/* 仕上げ（第6回の審査・1人目の2）: 段2 の6軸（半径 48・--shu-halo のまま）は「この家」の点と一緒に動き、札・括り・競合B の札・差の矢印と数字は6軸の外に置く */
@media (prefers-reduced-motion:no-preference){ .knows-map .km-part[data-part="2"]{transition:transform 400ms cubic-bezier(.16,1,.3,1)} }

/* ===== 第7回（2026-09-30 代表の判断 16:5x・統括の依頼）===== */
/* C: 背の低い PC（1101 以上・高さ 780 以下＝1280×720・1366×768 など。第8回で 760 → 780）で、FV の「架空の見本」の注記と主 CTA を最初の画面に入れる（1440×900・SP は変えない） */
@media (min-width:1101px) and (max-height:780px){
  .hero3 .hero-copy{padding-top:80px}
  .hero-lead{margin-top:14px} .hero-reasons{margin-top:12px} .hero-reasons li{padding:6px 0}
  .hero3 .photo-wrap{height:532px} .hero-summary{top:420px} .hero3 .pill{top:360px}
}
/* D: 金額の数字は Georgia（本体の数字と同じ）。単位の「万円」はゴシックのまま */
.hs-plans b.v,.rent-options strong,.sim-range b.v{font-family:var(--num);font-variant-numeric:lining-nums tabular-nums}
/* F: V4 の結果の目盛り（V3 の図と同じ罫・文字・括りの部品。SVG は 1:1 で置き、文字を縮めない） */
.sim-scale{display:block;max-width:100%;height:auto;margin-top:10px;overflow:visible}
.sim-scale .sim-scale-ends text{fill:var(--ink);font-weight:700}

/* ===== 第8回 8a（2026-09-30 審査 第7回の直すもの）===== */
/* 2 ピルは写真から外し、地図の面の上端へ（PC・iPad は面の上端にかかる札・SP は面の見出しの行＝高さを変えない） */
.hero3 .hero-summary .hs-pill{display:inline-flex;position:absolute;left:26px;top:-19px;margin:0;white-space:nowrap}
.hero3 .hero-summary{padding-top:26px}
@media (min-width:601px) and (max-width:1100px){ .hero3 .hero-summary .hs-pill{left:18px} .hero3 .hero-summary{padding-top:22px} }
@media (max-width:600px){
  .hero3 .hero-summary{padding-top:10px}
  .hero3 .hero-summary .hs-pill{position:static;padding:2px 10px 2px 8px;font-size:12px;gap:8px}
  .hero3 .hs-top strong{display:none}
}
/* 2 写真の札の短い形（360 以下で使う） */
.photo-tag .tag-short{display:none}
/* 5 SP の FV の写真: 390×844 など高さ 800 以上では 120px 前後見せる（390×740・360×740 の最初の画面は変えない） */
@media (max-width:600px) and (min-height:800px){ .hero3 .photo-wrap{height:158px} }
/* 4 CG: 同じ部屋の「空室の実写 → 家具配置の CG」の1対（枠・影・角丸なし＝カードにしない。説明は 12px 以上） */
.strengths article.with-pair{grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:auto auto 1fr}
.strengths article.with-pair h3{grid-row:1;grid-column:1}
.strengths article.with-pair>p{grid-row:2;grid-column:1;align-self:start;margin-top:10px}
.strengths article.with-pair>small{grid-row:3;grid-column:1;align-self:start}
.strengths article.with-pair .cg-pair{grid-row:1 / span 3;grid-column:2;align-self:start}
.cg-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;column-gap:8px}
.cg-pair figure{margin:0}
.cg-pair img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%}
.cg-pair figcaption{margin-top:6px;font-size:12px;line-height:1.5;color:var(--muted)}
.cg-arrow{align-self:center;font-size:20px;line-height:1;color:var(--muted)}
@media (max-width:600px){
  .strengths article.with-pair{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .strengths article.with-pair h3,.strengths article.with-pair>p,.strengths article.with-pair>small,.strengths article.with-pair .cg-pair{grid-row:auto;grid-column:auto}
  .strengths article.with-pair .cg-pair{margin-top:8px}
}
/* 4 PC1440 の長さ ≦ 9,200 を保つ: 1101 以上だけ、メリットの行の上下とその前後の間を少し詰める（1対の分） */
@media (min-width:1101px){ .strengths article{padding:14px 0} .why-section .strength-section{margin-top:12px} .v5 .weekly-band{margin-top:var(--section-y-sm)} .v5 .more-section{padding-bottom:32px} .cg-pair img{aspect-ratio:2/1} }
/* 8 V4 の目盛りの「比較物件の賃料」の点 */
.sim-scale .sim-comp circle{fill:var(--ink)}
.sim-scale .sim-comp text{font-family:var(--gothic);font-size:15px;fill:var(--ink)}

/* ===== 第8回 8b（2026-09-30 審査 第8回 8a の直すもの・代表 GO③④）===== */
/* 1 FV の写真の切り抜き（前提の範囲・色と形は変えない＝等倍の拡大と位置だけ）。4:3 の写真を横長の枠に cover すると横に余りが無く、object-position の横だけでは動かない。
   そこで 1.14 倍に切り抜き、横の起点を右へ（左の暗い収納を外す）・縦は床を見せる方へ（object-position 65%・起点 80%）。垂直の歪みの補正はしない（代表の判断事項） */
@media (min-width:1101px){ .hero3 .photo-wrap .photo{object-position:50% 65%;transform:scale(1.14);transform-origin:90% 80%} }
/* iPad 横（601〜1100）: 枠が 4:3 より縦長なので横に余りがある → object-position の横で収納を外す */
@media (min-width:901px) and (max-width:1100px){ .hero3 .photo-wrap .photo{object-position:64% 50%} }
@media (min-width:601px) and (max-width:900px){ .hero3 .photo-wrap .photo{object-position:50% 60%} }
/* SP: 台所と窓の光が入る位置（1.3 倍・右寄り） */
@media (max-width:600px){ .hero3 .photo-wrap .photo{object-position:50% 48%;transform:scale(1.3);transform-origin:80% 48%} }

/* 3 SP の地図の面の見出し「AFTY 戦略マップ」を戻す: ピルは PC・iPad と同じく面の上端にかかる札へ。見出しの行は「見出し＋説明用サンプル」。
   面を 2px 下げ（-42 → -40）、見出しの行が低くなった分（約 2.3px）と相殺＝最初の画面の位置は変えない */
@media (max-width:600px){
  .hero3 .hero-summary{margin-top:-40px;padding-top:10px}
  .hero3 .hs-top strong{display:inline}
}

/* 2 CG: SP（600 以下）は1つの枠（幅いっぱい・3:2）で「実写｜CG」を切り替える。JS が無いとき（.is-toggle なし）は2枚とも見える。PC・iPad は1対のまま */
.cg-switch{display:none}
@media (max-width:600px){
  .cg-pair.is-toggle{display:grid;grid-template-columns:minmax(0,1fr);position:relative}
  .cg-pair.is-toggle figure{grid-area:1 / 1}
  .cg-pair.is-toggle .cg-arrow{display:none}
  .cg-pair.is-toggle figure.is-off{visibility:hidden}
  .cg-pair.is-toggle img{aspect-ratio:3/2;object-position:50% 80%}
  .cg-pair.is-toggle .cg-switch{display:flex;position:absolute;z-index:2;right:8px;top:8px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--rule);padding:0 4px}
  .cg-switch button{min-width:56px;min-height:44px;padding:0 12px;border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:700;line-height:1}
  .cg-switch button[aria-pressed="true"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}
  .cg-switch button:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
}
/* PC の1対: CG の家具（ソファと卓）が入る位置へ切り抜きを下げる（実写も同じ位置で並べる） */
@media (min-width:601px){ .cg-pair img{object-position:50% 85%} }
.cg-lead{display:block}

/* 7 PC の固定目次（試作・?toc=1 のときだけ JS が作る）。左右の余白が 160px 以上の幅（1680 以上）だけ・FV を過ぎてから。
   ボタンにしない（枠の無いリンクの一覧・地は生成り）・固定ヘッダーと見せ場の sticky と重ならない（左の余白の中・縦は真ん中）・動きなし */
.toc{display:none}
@media (min-width:1680px){
  .toc{display:block;position:fixed;z-index:20;left:16px;top:50%;transform:translateY(-50%);width:144px;padding:12px 10px 10px;background:var(--ground);box-shadow:inset 0 0 0 1px var(--rule);visibility:hidden}
  .toc.is-on{visibility:visible}
  .toc-head{font-size:12px;color:var(--muted);margin-bottom:4px}
  .toc a{display:flex;align-items:center;min-height:32px;padding-left:10px;font-size:14px;line-height:1.35;color:var(--muted);text-decoration:none;word-break:keep-all;box-shadow:inset 1px 0 0 var(--rule)}
  .toc a:hover{color:var(--ink);text-decoration:underline}
  .toc a[aria-current]{color:var(--ink);font-weight:700;box-shadow:inset 2px 0 0 var(--ink)}
}

/* ===== 第9回（2026-09-30 審査 第8回 8b＝物差し担当 8.02・2人目 8.03 の仕上げ）===== */
/* 1・2 見せ場（SP と iPad・1100 以下）: 2×2 の図をやめ、4つの項目の見出しの横に、その段の小さな図（PC の見せ場と同じ段の形・静止）と段の説明（16px）。
   「図＋文」の塊 ×4。sticky なし・動きなし。図の字は viewBox 200 に 19（図の幅 132px で 12.5px・168px で 16px） */
.ks-fig,.ks-step{display:none}
@media (max-width:1100px){
  .v5 .know{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:16px;align-content:start}
  .v5 .know>*{grid-column:1 / -1}
  .v5 .know>figcaption{grid-column:2;grid-row:1;align-self:end}
  .v5 .know>.ks-step{display:block;grid-column:2;grid-row:2;align-self:start;margin-top:4px;font-size:16px;line-height:1.6;word-break:auto-phrase}
  .v5 .know>.ks-fig{display:block;grid-column:1;grid-row:1 / span 2;align-self:center;width:100%;height:auto;overflow:visible}
  .ks-fig text{font-family:var(--gothic);font-size:19px;font-weight:500;fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}
  .ks-fig .spf-subject .point{fill:var(--shu)}
  .ks-fig .spf-subject .point-ring{fill:none;stroke:var(--shu);stroke-width:1}
  .ks-fig .spf-subject text{fill:var(--shu-text);font-weight:700}
}
@media (min-width:601px) and (max-width:900px){ .v5 .know{grid-template-columns:144px minmax(0,1fr);column-gap:18px} }
@media (min-width:901px) and (max-width:1100px){ .v5 .know{grid-template-columns:168px minmax(0,1fr);column-gap:20px} }
/* 4 SP のピルは面の中（1行目）。2行目に「AFTY 戦略マップ」と「説明用サンプル」。増えた行の分だけ面を写真へ重ね、高さ 800 以上の SP は写真を同じだけ高く（390×844 で写真が 110px 以上見える） */
@media (max-width:600px){
  .hero3 .hero-summary{margin-top:-59px;padding-top:9px}
  .hero3 .hs-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;row-gap:2px;column-gap:12px}
  .hero3 .hero-summary .hs-pill{position:static;grid-column:1 / -1;justify-self:start;line-height:1.35}
  .hero3 .hs-top strong{grid-column:1;grid-row:2;line-height:1.4}
  .hero3 .hs-top .sample-label{grid-column:2;grid-row:2}
  .hero3 .hs-top .hs-hint{display:none}
}
@media (max-width:600px) and (min-height:800px){ .hero3 .photo-wrap{height:177px} }

/* ===== 代表の修正（2026-09-30 20:1x）: V6「任せるメリット」の見せ場 ===== */
/* 濃い地の帯（既存の --deep・--deep-text・--deep-muted・--deep-rule だけ）。戦略マップの白から空気を変え、スクロールの途中で一度止まる所にする。
   5つの強みは主（0円・定額）と副（10万円・毎週・CG）。値は大きく（主 > 副 > 節の見出し）。細かい条件・具体例は FAQ へ移した */
.v5 .why-section{padding-top:0}
.merit-band{background:var(--deep);color:var(--deep-text);padding-block:72px 64px}
.merit-band .stage-title{color:var(--deep-text)}
.merit-lead{margin-top:14px;font-size:16px;line-height:1.8;color:var(--deep-text)}
.merit-band a:focus-visible,.merit-band button:focus-visible,.merit-band summary:focus-visible{outline-color:var(--deep-text)}
.why-section .merit-band .strength-section{margin-top:28px}
.merit-band .strengths.merit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:0;border-top:1px solid var(--deep-rule)}
.merit-band .strengths article{display:block;padding:22px 28px 24px;border-bottom:0;border-left:1px solid var(--deep-rule)}
.merit-band .strengths article.m-main{grid-column:span 3;padding-top:26px;padding-bottom:28px;border-bottom:1px solid var(--deep-rule)}
.merit-band .strengths article.m-side{grid-column:span 2}
.merit-band .strengths article:nth-child(1),.merit-band .strengths article:nth-child(3){border-left:0;padding-left:0}
.merit-band .strengths h3{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;color:var(--deep-text)}
.merit-band .strength-label{flex-basis:100%;font-size:14px;font-weight:700;color:var(--deep-muted)}
.merit-band .strengths h3 strong.m-val{margin-top:6px;font-family:var(--mincho);font-weight:400;font-size:52px;line-height:1.1;color:var(--deep-text)}
.merit-band .strengths article.m-main h3 strong.m-val{font-size:80px;line-height:1.05}
.merit-band .m-val .m-num{font-variant-numeric:lining-nums tabular-nums}
.merit-band .m-val .m-unit{font-family:var(--gothic);font-weight:700;font-size:.34em;margin-left:4px}
.merit-band .strength-payer{font-size:20px;font-weight:700;color:var(--deep-text)}
.merit-band .strengths .m-sub{margin-top:10px;font-size:16px;line-height:1.7;color:var(--deep-text);align-self:auto}
.merit-band .strengths .m-sub .fee-v{font-family:var(--mincho);font-size:20px}
.merit-band .strengths small{margin-top:10px;font-size:12px;color:var(--deep-muted)}
.merit-band .m-faq{display:inline-flex;align-items:center;min-height:44px;color:var(--deep-text);text-underline-offset:4px}
.merit-band .strengths .m-sub:has(.m-faq){margin-top:2px}
/* 審査（V6 の短い審査）の直し: 1 白い地の切り替えのボタンは墨の輪（帯の上の輪の色の指定が効いていた）／3 1対は3列の下の全幅の1行 */
.merit-band .cg-switch button:focus-visible{outline-color:var(--ink)}
.merit-band .strengths article.m-proof{grid-column:1 / -1;border-left:0;padding:20px 0 4px;border-top:1px solid var(--deep-rule)}
@media (min-width:601px){ .merit-band .strengths article.m-proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,600px);column-gap:48px;align-items:center} .merit-band .m-proof .cg-pair{margin-top:0} .merit-band .m-proof .m-sub{margin-top:0} }
@media (max-width:600px){ .merit-band .strengths article.m-proof{padding:16px 0 4px;border-top:0} }
.merit-band .cg-pair{margin-top:12px}
.merit-band .cg-pair figcaption,.merit-band .cg-arrow{color:var(--deep-muted)}
@media (min-width:1101px){ .merit-band .cg-pair img{aspect-ratio:2/1} }
@media (max-width:1100px){ .merit-band{padding-block:56px 48px} .merit-band .strengths h3 strong.m-val{font-size:48px} .merit-band .strengths article.m-main h3 strong.m-val{font-size:64px} }
@media (max-width:600px){
  .merit-band{padding-block:44px 36px}
  .merit-band .strengths.merit-grid{grid-template-columns:minmax(0,1fr)}
  .merit-band .strengths article,.merit-band .strengths article.m-main,.merit-band .strengths article.m-side{grid-column:auto;border-left:0;padding:16px 0 18px;border-bottom:1px solid var(--deep-rule)}
  .merit-band .strengths h3 strong.m-val{font-size:40px}
  .merit-band .strengths article.m-main h3 strong.m-val{font-size:56px}
  .merit-lead{font-size:16px}
}
/* FAQ へ移した具体例と条件 */
.faq-fee{padding:0 0 18px}
.fee-compare.in-faq{margin-top:0}
.faq-cond{font-size:14px;color:var(--muted)}

/* ===== 代表判断（2026-09-30 21:3x）: 参考画像「Dark Card Grid」を LP 全体のデザインの正本に（統括の追加: 色は必ず変える） =====
   世界観は1つ: 暗い面（墨〜深緑 --ground・カード --card・主カード --card-main）＋明るい面（生成りの紙＝資料と相談のフォーム）＋金〜銅のアクセント（罫・数字・CTA の地）。
   節ごとに地の色を変えない（全節 --ground）。区切りはカード（1px の金の細い罫・角 6px）と余白。主カードと補助カードの強弱は、大きさ・深緑の地・金の数字で出す。
   生の色コードは :root だけ。ここでは役割の変数と --gold-grad だけを使う */
body{color-scheme:light}
.v5 [data-stage],.v5 .hero3,.v5 .knows-section,.v5 .sample-section,.v5 .proof-band,.v5 .sim-section,.v5 .more-section,.v5 .why-section,.v5 .faq-section,.v5 .consult-section,.v5 .merit-band,.v5 .weekly-band,.v5 .footer{background:var(--ground);color:var(--ink)}
/* 明るい面（資料の紙・相談のフォーム）: 同じ役割の変数を明るい値へ置き換える＝中の既存の規則は書き換えずに墨の文字・銅のアクセントになる */
.v5 .strategy-preview,.v5 .comparison-workspace,.v5 .case-and-next>*,.v5 #consult-form{
  --ground:var(--c-ivory); --field:var(--c-greige-wash); --paper:var(--c-paper);
  --ink:var(--c-ink); --muted:var(--c-ink-2); --rule:var(--c-stone); --rule-soft:var(--c-line-soft); --input-line:var(--c-input);
  --shu:var(--c-gold-ink); --shu-text:var(--c-gold-ink); --shu-halo:var(--c-gold-halo); --shu-wash:var(--c-gold-a2);
  --error:var(--c-alert); --ink-hover:var(--c-ink); --placeholder:var(--c-ink-2); --comp:var(--c-gray); --accent:var(--c-gold-ink); --accent-strong:var(--c-graphite);
  --deep-text:var(--c-ink); --deep-muted:var(--c-ink-2); --deep-rule:var(--c-stone);
  color-scheme:light; color:var(--ink); background:var(--paper)
}
/* v7: 濃い面は V6 の下の帯・V8 の相談の塊と、SP・iPad の下の追従帯だけ（金の CTA と帯の差 3:1 以上のため）。黒ではなく、落ち着いたセージの濃い値。同じ役割の変数を置き換える＝中の既存の規則は書き換えずに生成りの文字・金の CTA になる */
.v5 .weekly-band,.v5 .consult-grid,.v5 .mobile-cta{
  --ground:var(--c-charcoal); --card:var(--c-charcoal); --card-main:var(--c-charcoal);
  --ink:var(--c-ivory); --muted:var(--c-greige); --rule:var(--c-gold-a); --rule-soft:var(--c-ivory-a);
  --accent:var(--c-gold-hi); --accent-strong:var(--c-gold-hi); --deep-text:var(--c-ivory); --deep-muted:var(--c-greige); --deep-rule:var(--c-gold-a);
  color-scheme:dark; color:var(--ink)
}
/* 共通の部品: 番号（01 ——）・カード・金の数字・金の地の CTA */
.dc-no{display:flex;align-items:center;gap:14px;margin:0;font-family:var(--num);font-size:14px;line-height:1;letter-spacing:.08em;color:var(--accent);font-variant-numeric:lining-nums tabular-nums}
.dc-no::after{content:"";width:40px;height:1px;background:var(--rule)}
.dc-eyebrow{margin:0 0 14px;font-family:var(--mincho);font-size:16px;letter-spacing:.14em;color:var(--accent)}
.v5 .button.primary{background-color:var(--gold);background-image:var(--gold-grad);color:var(--on-gold);border-radius:3px}
.v5 .button.primary:hover{background-color:var(--gold-hi);background-image:none;color:var(--on-gold)}
.v5 .button.secondary{border-radius:3px}
.v5 .text-link{color:var(--ink);text-decoration-color:var(--rule)}
::selection{color:var(--on-gold);background:var(--gold)}
/* ヘッダー・追従帯 */
.v5 .header-cta,.v4 .header-cta{background:var(--ground);color:var(--accent-strong);border:1px solid var(--rule);border-radius:3px}
.v5 .header.is-fixed{background:var(--ground);border-bottom:1px solid var(--rule-soft)}
.v5 .header.is-fixed .header-cta{background-color:var(--gold);background-image:var(--gold-grad);color:var(--on-gold);border-color:transparent}
.v5 .mobile-cta{background:var(--ground);border-top:0;box-shadow:inset 0 1px 0 var(--rule)}
.v5 .mobile-cta .button{background-color:var(--gold);background-image:var(--gold-grad);color:var(--on-gold)}
.v5 .mobile-cta a:focus-visible{outline-color:var(--ink)}
.v5 .preview-note{background:var(--card);color:var(--muted);border-bottom:1px solid var(--rule-soft)}
/* V1 FV: 実写＋暗いカードの要約（金の罫・選んだ案の値は金） */
.v5 .hero3 .hero-reasons{border-top-color:var(--rule)}
.v5 .hero3 .hero-reasons strong{color:var(--accent-strong)}
.v5 .hero-summary{background:var(--card);border:1px solid var(--rule);border-radius:6px}
.v5 .hero3 .pill{background:var(--card-main);border-color:var(--rule);color:var(--ink)}
.v5 .hs-plans input:checked+.hs-plan .v{color:var(--accent-strong)}
.v5 .hs-plans input:checked+.hs-plan em::before{background:var(--gold);border-color:var(--gold)}
.v5 .comparison-dot circle{fill:var(--comp)}
.v5 .chart-legend .dot:not(.target):not(.reference){background:var(--comp)}
/* D 一括査定との違い: 2カードの比較（控えめのカード vs 金の罫の主カード） */
.v5 .diff-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--card-gap);margin-top:28px;border:0}
.v5 .diff-col{margin:0;padding:28px 32px 30px;border:1px solid var(--rule-soft);border-radius:6px;background:var(--card)}
.v5 .diff-col.is-afty{border:1px solid var(--rule);background:var(--card-main)}
.v5 .diff-col small{display:block;font-family:var(--num);font-size:14px;letter-spacing:.1em;color:var(--muted)}
.v5 .diff-col.is-afty small{color:var(--accent)}
.v5 .diff-col strong{display:block;margin-top:10px;font-family:var(--mincho);font-weight:400;font-size:28px;line-height:1.35;color:var(--muted)}
.v5 .diff-col.is-afty strong{font-size:44px;color:var(--accent-strong)}
.v5 .diff-note{margin-top:14px;border:0;padding:0;color:var(--muted)}
/* V2 分かること: 4つの問いのカード（PC は 5:7／7:5 の大小・iPad は 2列・SP は 1列） */
.v5 .knows-section .knows-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--card-gap);margin-top:28px;border:0}
.v5 .knows-section .know{grid-column:span 6;display:flex;flex-direction:column;gap:12px;margin:0;padding:var(--card-pad) 32px 26px;border:1px solid var(--rule);border-radius:6px;background:var(--card)}
.v5 .knows-section .know:first-child{padding-left:32px;border-left:1px solid var(--rule)}
.v5 .knows-section .know[data-know="plans"],.v5 .knows-section .know[data-know="next"]{grid-column:span 5}
.v5 .knows-section .know[data-know="diff"],.v5 .knows-section .know[data-know="radar"]{grid-column:span 7;background:var(--card-main)}
.v5 .knows-section .know figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:inherit;font-weight:400}
.v5 .know-q{font-family:var(--mincho);font-weight:400;font-size:28px;line-height:1.35;color:var(--ink)}
.v5 .know-a{margin:0;font-size:16px;line-height:1.7;color:var(--muted)}
.v5 .know-a.kpi-head{font-family:var(--gothic);font-weight:500;font-size:16px}
.v5 .knows-section .know .know-link{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.v5 .knows-section .kp-bars{margin:18px 0 18px 8px;height:132px;border-left-color:var(--rule)}
.v5 .knows-section .kp-bars .kp-bar{background:var(--card);border-color:var(--gold)}
.v5 .knows-section .kp-bars .main .kp-bar{background:var(--gold)}
.v5 .knows-section .kp-bars .main .kp-name{color:var(--accent-strong)}
.v5 .knows-section .kd-rows{margin-top:0;border-top-color:var(--rule)}
.v5 .knows-section .kd-rows b{color:var(--ink)}
.v5 .knows-section .kd-rows .plus b{color:var(--accent-strong)}
.v5 .knows-section .kd-rows em{border-color:var(--gold);color:var(--accent)}
.v5 .knows-section .kd-rows .minus em{border-color:var(--rule);color:var(--muted)}
.v5 .knows-section .radar{max-width:300px;align-self:center}
.v5 .radar .ring,.v5 .radar .spoke{stroke:var(--rule)}
.v5 .radar .comp{stroke:var(--comp)}
.v5 .radar-legend .k-comp{border-top-color:var(--comp)}
.v5 .kn-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 4px}
.v5 .kn-steps li{position:relative;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.5;color:var(--ink)}
.v5 .kn-steps b{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--gold);border-radius:50%;font-family:var(--num);font-weight:400;font-size:16px;color:var(--accent)}
.v5 .kn-steps li:not(:last-child)::after{content:"";position:absolute;left:48px;right:4px;top:20px;height:1px;background:var(--rule)}
/* V3 見本: 周りは暗い世界・資料は生成りの紙（暗い机の上の紙） */
.v5 .sample-section .strategy-preview{margin-top:28px;padding:30px 36px 28px;border:0;border-radius:6px;background:var(--paper)}
.v5 .sample-section .comparison-workspace{margin-top:var(--card-gap);padding:32px 36px;border:0;border-radius:6px}
.v5 .sample-section .case-and-next{margin-top:var(--card-gap);gap:var(--card-gap);align-items:stretch}
.v5 .sample-section .case-and-next>*{padding:30px 32px;border-radius:6px}
/* E 証拠: 3カード（受賞＝主・601戸・20.5万円は金の数字） */
.v5 .proof-band .tb-inner{border:0;padding-block:0}
.v5 .proof-band .tb-list{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:var(--card-gap);border:0}
.v5 .proof-band .tb-list>li{margin:0;padding:26px 30px;border:1px solid var(--rule);border-radius:6px;background:var(--card)}
.v5 .proof-band .tb-list>li.tb-award{background:var(--card-main)}
.v5 .proof-band .tb-num strong,.v5 .proof-band .tb-award strong{color:var(--accent-strong)}
.v5 .proof-band .tb-head{color:var(--accent)}
/* V4 シミュレーション: STEP ごとのカード・結果は深緑の主カード */
.v5 .sim-inputs{display:flex;flex-direction:column;gap:14px}
.v5 .sim-card{margin:0;padding:20px 24px 22px;border:1px solid var(--rule);border-radius:6px;background:var(--card)}
.v5 .sim-card .sim-step{margin-top:0}
.v5 .sim-card .sim-step b{color:var(--accent)}
.v5 .sim-inputs select{background-color:var(--ground);border-color:var(--input-line);color:var(--ink)}
.v5 .sim-opt.sim-card{margin-top:0;border-top:1px solid var(--rule)}
@media (min-width:601px){ .v5 .sim-card[data-sim-step="1"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px} .v5 .sim-card[data-sim-step="1"] .sim-step{grid-column:1 / -1} .v5 .sim-card label[for="sim-area"]{grid-area:2 / 1} .v5 .sim-card #sim-area{grid-area:3 / 1} .v5 .sim-card label[for="sim-type"]{grid-area:2 / 2} .v5 .sim-card #sim-type{grid-area:3 / 2} }
.v5 .sim-result{padding:30px 34px 26px;border:1px solid var(--rule);border-radius:6px;background:var(--card-main)}
.v5 .sim-result .sim-range b.v{color:var(--accent-strong)}
/* V5 詳しく: 1行＋金の CTA のカード */
.v5 .more-section .inline-cta{padding:26px 32px;border:1px solid var(--rule);border-radius:6px;background:var(--card)}
/* V6 メリット: 参考画像のまま（01〜05・線のアイコン・主2＋副3・下に一言＋金の CTA・実写 → CG） */
.v5 .merit-band{padding-block:var(--section-y) 0}
.v5 .merit-band .stage-title{color:var(--ink)}
.v5 .merit-lead{color:var(--muted)}
.v5 .merit-band .strengths.merit-grid{gap:var(--card-gap);border-top:0}
.v5 .merit-band .strengths article,.v5 .merit-band .strengths article.m-main,.v5 .merit-band .strengths article.m-side{position:relative;padding:26px 30px 28px;border:1px solid var(--rule);border-radius:6px;background:var(--card)}
.v5 .merit-band .strengths article:nth-child(1),.v5 .merit-band .strengths article:nth-child(3){padding-left:30px;border-left:1px solid var(--rule)}
.v5 .merit-band .strengths article.m-main{background:radial-gradient(90% 120% at 100% 0%,var(--c-gold-a2),transparent 62%),var(--card-main)}
.v5 .merit-band .strengths h3{margin-top:18px}
.v5 .merit-band .strength-label{color:var(--ink);font-size:20px;font-family:var(--mincho);font-weight:400;letter-spacing:.04em}
.v5 .merit-band .strengths h3 strong.m-val{color:var(--accent-strong);background:none;-webkit-text-fill-color:currentColor}
.v5 .merit-band .strengths article.m-main h3 strong.m-val{font-size:96px;line-height:1}
.v5 .merit-band .strength-payer{color:var(--ink)}
.v5 .merit-band .strengths .m-sub,.v5 .merit-band .strengths small{color:var(--muted)}
.v5 .merit-band .strengths .m-sub .fee-v{color:var(--ink)}
.v5 .dc-icon{position:absolute;right:26px;top:24px;width:84px;height:84px;padding:20px;border:1px solid var(--rule);border-radius:50%;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.v5 .merit-band .strengths article.m-side h3{padding-right:96px}
.v5 .merit-band .strengths article.m-proof{padding:22px 30px;border:1px solid var(--rule-soft);background:var(--card)}
.v5 .merit-band .cg-pair figcaption,.v5 .merit-band .cg-arrow{color:var(--muted)}
.v5 .merit-band .cg-switch{background:var(--card)}
.v5 .weekly-band{margin-top:var(--card-gap);padding-bottom:var(--section-y)}
.v5 .weekly-band .weekly-grid{padding:28px 0 0;border:0;border-top:1px solid var(--rule);background:none}
.v5 .weekly-band .weekly-title{color:var(--ink)}
.v5 .weekly-band .large-copy{color:var(--accent-strong)}
.v5 .weekly-band .weekly-cta{margin-top:0;border:0;background:none}
.v5 .weekly-band .weekly-cta .button.primary{background-color:var(--gold);background-image:var(--gold-grad);color:var(--on-gold)}
.v5 .weekly-band .weekly-cta .button.primary:hover{background-color:var(--gold-hi);background-image:none}
.v5 .weekly-band a:focus-visible{outline-color:var(--ink)}
/* V7 FAQ: カードにしない。細い金罫の行と ＋ の印だけ */
.v5 .faq-list{border-top:1px solid var(--rule)}
.v5 .faq-list details{border-bottom:1px solid var(--rule)}
.v5 .faq-list summary::after{color:var(--accent);font-size:24px}
.v5 .faq-list details p,.v5 .faq-list .faq-cond{color:var(--muted)}
/* V8 相談: 強い1ブロック（深緑の地・金の罫）＋生成りのフォームの紙 */
.v5 .consult-section{padding-bottom:var(--section-y);border-top:0}
.v5 .consult-grid{padding:56px;border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0;background:radial-gradient(80% 100% at 0% 0%,var(--c-gold-a2),transparent 60%),var(--card-main)}
.v5 .consult-copy .large-copy{color:var(--accent-strong)}
.v5 .consult-steps{border-top-color:var(--rule)}
.v5 .consult-steps li{border-bottom-color:var(--rule)}
.v5 .consult-steps li::before{color:var(--accent)}
.v5 #consult-form{padding:32px 34px;border-radius:6px}
.v5 .footer{border-top:1px solid var(--rule-soft)}
@media (max-width:1100px){
  .v5 .knows-section .know,.v5 .knows-section .know[data-know]{grid-column:span 6}
  .v5 .merit-band .strengths article.m-main h3 strong.m-val{font-size:72px}
  .v5 .consult-grid{padding:40px 36px}
  .v5 .proof-band .tb-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .v5 .proof-band .tb-list>li.tb-award{grid-column:1 / -1}
}
@media (max-width:767px){
  .v5 .knows-section .know,.v5 .knows-section .know[data-know]{grid-column:1 / -1}
}
@media (max-width:600px){
  :root{--card-gap:12px;--card-pad:22px}
  .v5 .diff-grid{grid-template-columns:minmax(0,1fr)}
  .v5 .diff-col{padding:20px 22px}
  .v5 .diff-col.is-afty strong{font-size:28px}
  .v5 .knows-section .know,.v5 .knows-section .know:first-child{padding:22px 20px 18px}
  .v5 .know-q{font-size:20px}
  .v5 .sample-section .strategy-preview{padding:18px 16px 16px}
  .v5 .sample-section .comparison-workspace{padding:20px 16px}
  .v5 .sample-section .case-and-next>*{padding:20px 16px}
  .v5 .proof-band .tb-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .v5 .proof-band .tb-list>li{padding:18px}
  .v5 .sim-card{padding:16px 16px 18px}
  .v5 .sim-result{padding:20px 18px 18px}
  .v5 .more-section .inline-cta{padding:20px 18px}
  .v5 .merit-band{padding-top:var(--section-y-sm)}
  .v5 .merit-band .strengths article,.v5 .merit-band .strengths article.m-main,.v5 .merit-band .strengths article.m-side,.v5 .merit-band .strengths article:nth-child(1),.v5 .merit-band .strengths article:nth-child(3){padding:20px 20px 22px;border-left:1px solid var(--rule)}
  .v5 .merit-band .strengths article.m-main h3 strong.m-val{font-size:64px}
  .v5 .dc-icon{right:18px;top:18px;width:60px;height:60px;padding:14px}
  .v5 .merit-band .strengths article.m-side h3{padding-right:70px}
  .v5 .weekly-band{padding-bottom:var(--section-y-sm)}
  .v5 .weekly-band .weekly-grid{padding:20px 0 0}
  .v5 .consult-grid{padding:28px 18px}
  .v5 #consult-form{padding:22px 18px}
}
/* 長さの上限（PC1440 ≦ 9,200・SP390 ≦ 12,800・SP360 ≦ 13,058・SP320 ≦ 13,964）を上げずに収める: カードの内側の余白を詰め、SP は主2枚・副2枚を2列に組み直す（PC の縮小ではなく SP の並び） */
.v5 .diff-col{padding:22px 28px 24px}
.v5 .diff-col.is-afty strong{font-size:44px}
.v5 .sim-card{padding:16px 22px 18px}
.v5 .sim-inputs{gap:12px}
.v5 .merit-band{padding-top:var(--section-y-md)}
.v5 .dc-eyebrow{margin-bottom:8px}
.v5 .merit-band .strengths article,.v5 .merit-band .strengths article.m-main,.v5 .merit-band .strengths article.m-side{padding:22px 28px 24px}
.v5 .merit-band .strengths h3{margin-top:12px}
.v5 .merit-band .strengths article.m-main h3 strong.m-val{font-size:88px}
.v5 .weekly-band{padding-bottom:var(--section-y-sm)}
.v5 .consult-grid{padding:40px 44px}
.v5 #consult-form{padding:26px 28px}
@media (max-width:600px){
  .v5 .diff-col{padding:16px 18px 18px}
  .v5 .diff-col strong{margin-top:4px;font-size:20px}
  .v5 .diff-col.is-afty strong{font-size:28px}
  .v5 .knows-section .know,.v5 .knows-section .know:first-child{padding:18px 18px 12px;gap:8px}
  .v5 .knows-section .knows-grid{margin-top:20px}
  .v5 .knows-section .kp-bars{margin:12px 0 12px 8px;height:112px}
  .v5 .sample-section .strategy-preview,.v5 .sample-section .comparison-workspace,.v5 .sample-section .case-and-next>*{margin-inline:-8px;padding:16px 14px}
  .v5 .sample-section .case-and-next{gap:var(--card-gap)}
  .v5 .sim-card{padding:12px 14px 14px}
  .v5 .sim-inputs{gap:10px}
  .v5 .sim-result{padding:18px 16px 16px}
  .v5 .more-section .inline-cta{padding:16px 16px 18px}
  .v5 .merit-band .strengths.merit-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .v5 .merit-band .strengths article,.v5 .merit-band .strengths article.m-main,.v5 .merit-band .strengths article.m-side,.v5 .merit-band .strengths article:nth-child(1),.v5 .merit-band .strengths article:nth-child(3){grid-column:auto;padding:16px 14px 16px;border-left:1px solid var(--rule)}
  .v5 .merit-band .strengths article.m-side[data-merit="cg-head"],.v5 .merit-band .strengths article.m-proof{grid-column:1 / -1}
  .v5 .merit-band .strengths h3{margin-top:8px}
  .v5 .merit-band .strength-label{font-size:16px}
  .v5 .merit-band .strengths article.m-main h3 strong.m-val{font-size:60px}
  .v5 .merit-band .strengths h3 strong.m-val{font-size:40px}
  .v5 .merit-band .strengths .m-sub{font-size:14px;margin-top:6px}
  .v5 .dc-icon{right:12px;top:12px;width:44px;height:44px;padding:10px}
  .v5 .merit-band .strengths article.m-side h3{padding-right:0}
  .v5 .merit-band .strengths article.m-side[data-merit="cg-head"] h3{padding-right:56px}
  .v5 .consult-grid{margin-inline:-8px;padding:22px 14px}
  .v5 #consult-form{padding:18px 14px}
}
/* V2 の大きいカード（7列）は、中を「問い・答え｜図」の2列に（PC の横幅を使い、縦を詰める） */
@media (min-width:1101px){
  .v5 .knows-section .know[data-know="diff"],.v5 .knows-section .know[data-know="radar"]{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto 1fr;column-gap:36px;row-gap:12px;align-content:start}
  .v5 .knows-section .know[data-know="diff"]>figcaption,.v5 .knows-section .know[data-know="radar"]>figcaption{grid-area:1 / 1}
  .v5 .knows-section .know[data-know="diff"]>.know-a,.v5 .knows-section .know[data-know="radar"]>.know-a{grid-area:2 / 1}
  .v5 .knows-section .know[data-know="diff"]>.know-link{grid-area:3 / 1;align-self:end}
  .v5 .knows-section .know[data-know="diff"]>.kd-vs{grid-area:1 / 2;align-self:end;margin:0}
  .v5 .knows-section .know[data-know="diff"]>.kd-rows{grid-area:2 / 2 / span 2 / 2}
  .v5 .knows-section .know[data-know="radar"]>.radar{grid-area:1 / 2 / span 3 / 2;max-width:280px;margin:0 auto}
  .v5 .knows-section .know[data-know="radar"]>.radar-legend{grid-area:3 / 1;align-self:end}
}
@media (max-width:600px){ .v5 .knows-section .radar{max-width:250px} .v5 .kn-steps li{font-size:14px} .v5 .kn-steps b{width:34px;height:34px;font-size:14px} .v5 .kn-steps li:not(:last-child)::after{left:42px;top:17px} }
.v5 .merit-band{padding-top:var(--section-y-sm)}
.v5 .consult-grid{padding:34px 40px}
@media (max-width:600px){
  .v5 .merit-band{padding-top:40px}
  .v5 .sample-section .strategy-preview,.v5 .sample-section .comparison-workspace,.v5 .sample-section .case-and-next>*{padding:14px 12px}
  .v5 .sim-card{padding:10px 12px 12px}
  .v5 .consult-grid{padding:20px 12px}
}

/* 検査の直し: SP の資料の紙は内容の幅の中（左右に出さない）・SP の実写 → CG は全幅（カードにしない）・SP の6軸の文字 12px 以上・SP の V4 の目盛りは結果のカードの内側の余白の外まで広げる（字の実寸 12px 以上）・V6 の副の3枚は最後の行を下に揃える */
@media (max-width:600px){
  .v5 .sample-section .strategy-preview,.v5 .sample-section .comparison-workspace,.v5 .sample-section .case-and-next>*{margin-inline:0}
  .v5 .consult-grid{margin-inline:0}
  .v5 .merit-band .strengths article.m-proof{padding:4px 0 0;border:0;background:none}
  .v5 .knows-section .radar{max-width:100%}
  .v5 .knows-section .radar text{font-size:23px}
  .v5 .sim-result .sim-scale{width:calc(100% + 28px);max-width:none;margin-inline:-14px}
}
@media (min-width:601px){ .v5 .merit-band .strengths article.m-side{display:flex;flex-direction:column} .v5 .merit-band .strengths article.m-side>:last-child{margin-top:auto} }
@media (max-width:600px){
  .v5 .knows-section .kp-bars{height:96px;margin:10px 0 10px 8px}
  .v5 .proof-band .tb-list>li{padding:14px 16px}
  .v5 .more-section .inline-cta{padding:14px 14px 16px}
  .v5 .sample-section .strategy-preview,.v5 .sample-section .comparison-workspace,.v5 .sample-section .case-and-next>*{padding:12px 12px}
  .v5 .diff-note{margin-top:10px}
}
/* 自己チェックの直し（1回目）: 暗い面の上の墨→生成りの太い罫を金の細い罫へ・選んだ案は金・SP の問いの頭は左・V6 の番号は左上・証拠の3枚は高さをそろえる */
.v5 .hs-body,.v5 .sim-grid,.v5 .sim-range{border-top-color:var(--rule)}
.v5 .hs-plans>label.on{box-shadow:inset 0 3px 0 var(--gold)}
.v5 .hs-plans>label.on b.v{color:var(--accent-strong)}
.v5 .knows-section .know>figcaption{align-self:stretch}
.v5 .merit-band .strengths article>.dc-no{align-self:flex-start;justify-self:start}
.v5 .proof-band .tb-list{align-items:stretch}
.v5 .weekly-band .weekly-grid{border-top:0;padding-top:8px}
.v5 .merit-band .strengths .m-sub .fee-v{white-space:nowrap}
/* 自己チェックの直し（2回目）: 主カードの数字を参考画像の強さへ（PC 112px） */
@media (min-width:1101px){ .v5 .merit-band .strengths article.m-main h3 strong.m-val{font-size:112px} }
@media (max-width:600px){ .v5 .consult-grid{margin-inline:auto} }
/* 写真と情報の一体化（PC）: 実写の左端と下端を暗い地へなじませる（写真は変えない・色は変数だけ） */
.v5 .hero3 .photo-wrap::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 80% at 0% 100%,var(--ground) 0%,transparent 62%),linear-gradient(0deg,var(--ground) 0,transparent 22%),linear-gradient(0deg,var(--c-ivory-veil),var(--c-ivory-veil))}
@media (min-width:1101px){ .v5 .hero3 .photo-wrap::after{background:linear-gradient(90deg,var(--ground) 0,transparent 16%),radial-gradient(70% 80% at 0% 100%,var(--ground) 0%,transparent 62%),linear-gradient(0deg,var(--ground) 0,transparent 22%),linear-gradient(0deg,var(--c-ivory-veil),var(--c-ivory-veil))} }

/* 統括の依頼（2026-09-30 22:2x）: V6 の主カードの右半分と、実写 → CG の行の左の空きを組み方で詰める（画像は足さない・長さの上限は上げない）
   主カード（PC）: 中を「数字｜約束の一文と条件」の2列。右の列の頭に金の縦罫。SP は約束の一文を出さない（2列のカードで長くなるため・長さの上限）
   実写 → CG の行: 左を「小見出し（金）＋一文（明朝 20px）＋小さな注記」にして、写真の高さの中央へ。SP は小見出しと注記を出さない */
.v5 .m-promise{margin:0;font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.6;color:var(--ink);word-break:auto-phrase;text-wrap:balance}
@media (min-width:1101px){
  .v5 .merit-band .strengths article.m-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-content:start}
  .v5 .merit-band .strengths article.m-main>.dc-no{grid-area:1 / 1 / 2 / 3}
  .v5 .merit-band .strengths article.m-main>h3{grid-area:2 / 1 / 4 / 2}
  .v5 .merit-band .strengths article.m-main>.m-promise{grid-area:2 / 2;align-self:end;margin-top:12px;padding-left:22px;border-left:1px solid var(--rule)}
  .v5 .merit-band .strengths article.m-main>small,.v5 .merit-band .strengths article.m-main>.m-sub{grid-area:3 / 2;align-self:start;margin-top:10px;padding-left:22px}
  .v5 .merit-band .strengths article.m-main h3 strong.m-val{font-size:128px}
}
@media (min-width:601px) and (max-width:1100px){ .v5 .m-promise{margin-top:10px;font-size:16px} }
@media (max-width:600px){ .v5 .m-promise,.v5 .m-proof .dc-eyebrow,.v5 .m-proof .m-note{display:none} }
.v5 .m-proof-copy{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0}
.v5 .m-proof-copy .dc-eyebrow{margin:0;font-size:14px}
.v5 .m-proof-copy .m-sub{margin:0}
@media (min-width:601px){ .v5 .m-proof-copy .cg-lead{font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.6;color:var(--ink)} }
.v5 .m-proof-copy .m-note{margin:0;font-size:12px;line-height:1.6;color:var(--muted)}
@media (min-width:601px){ .v5 .merit-band .strengths article.m-proof{align-items:center} .v5 .merit-band .strengths article.m-proof .m-proof-copy{align-self:stretch;padding-left:22px;border-left:1px solid var(--rule)} }
.v5 .m-proof-copy>*{align-self:flex-start;text-align:left}

/* 統括の依頼（22:3x）1: 空いたカードを詰める＝カードの高さを中身に合わせる（D と V2 は align-items:start・リンクを下へ押しやらない） */
.v5 .diff-grid{align-items:start}
.v5 .knows-section .knows-grid{align-items:start}
.v5 .knows-section .know .know-link{margin-top:0}
/* 4: SP の副カードの説明は語の途中で折らない（文節で折る。文言は変えない） */
.v5 .merit-band .strengths .m-sub,.v5 .merit-band .strengths small{word-break:auto-phrase}
/* 4（続き）: SP では設備故障のカードを全幅にして「対象設備・適用条件あり」を1行で書ききる（報告と CG を2列に） */
@media (max-width:600px){ .v5 .merit-band .strengths article.m-side[data-merit="repair"]{grid-column:1 / -1} .v5 .merit-band .strengths article.m-side[data-merit="repair"] h3{padding-right:56px} .v5 .merit-band .strengths article.m-side[data-merit="cg-head"]{grid-column:auto} .v5 .merit-band .strengths article.m-side[data-merit="cg-head"] h3{padding-right:0} }
@media (max-width:600px){ .v5 .merit-band{padding-top:32px} .v5 .knows-section .knows-grid{margin-top:16px} .v5 .diff-grid{margin-top:20px} }

/* 空いたカードを詰める（続き）: 3案の目盛りの行をカードの幅いっぱいに（名前の右へ細い罫） */
.v5 .knows-section .kp-bars li{right:0}
.v5 .knows-section .kp-bars li::after{content:"";flex:1;height:1px;background:var(--rule-soft)}
.v5 .knows-section .kp-bars .main::after{background:var(--rule)}

/* ===== v7（代表判断 2026-09-30 23:2x）: 主役を「戦略マップ」に。訴求の順＝知る（V1・V2・V3）→ 試す（V4 いまの賃料チェック）→ 詳しく知りたい方だけ相談（V5）→ AFTY の管理メリット（V6）→ 運営の実績（E）
   色は :root の役割の変数だけ（生の色コードを足さない）。カードの型（1px の罫・角 6px）と情報の階層は Dark Card Grid のまま ===== */
/* FV の3段（知る・試す・詳しく知りたい方だけ相談）: 理由の行の型のまま。番号は金の文字 */
.v7 .hero-steps .st-no{margin-right:10px;font-family:var(--num);font-weight:400;font-size:13px;letter-spacing:.06em;color:var(--accent)}
.v7 .hero3 .hero-steps strong{color:var(--ink)}
.v7 .hero3 .hero-steps li:nth-child(2) strong{color:var(--accent-strong)}
.v7 .hero-copy .hero-sub{font-size:14px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--rule)}
/* V2 の頭: 見出し＋一括査定との違いの1行（旧 D を統合・同じ内容を繰り返さない） */
.v7 .knows-head{display:block}
.v7 .knows-head .dc-eyebrow{margin-bottom:6px}
.v7 .knows-diff{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 28px;margin:18px 0 8px;padding:12px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.v7 .kdf-col{display:inline-flex;align-items:baseline;gap:10px}
.v7 .kdf-col small{font-size:13px;color:var(--muted)}
.v7 .kdf-col b{font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.4;color:var(--muted)}
.v7 .kdf-col.is-map small{color:var(--accent)}
.v7 .kdf-col.is-map b{font-size:28px;color:var(--accent-strong)}
.v7 .kdf-note{font-size:14px;line-height:1.7;color:var(--muted);word-break:auto-phrase;text-wrap:balance}
@media (min-width:1101px){ .v7 .kdf-note{margin-left:auto} }
/* V2 の5枚: PC は 5:7／7:5／全幅（次の一手は横に長い1枚）・iPad は 2列（次の一手は全幅）・SP は 1列 */
.v7 .knows-section .know[data-know="pitch"]{grid-column:span 5}
.v7 .knows-section .know[data-know="next"]{grid-column:1 / -1}
@media (min-width:1101px){
  .v7 .knows-section .know[data-know="next"]{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto auto;column-gap:36px;row-gap:10px;align-items:start}
  .v7 .knows-section .know[data-know="next"]>figcaption{grid-area:1 / 1}
  .v7 .knows-section .know[data-know="next"]>.know-a{grid-area:2 / 1}
  .v7 .knows-section .know[data-know="next"]>.know-link{grid-area:3 / 1}
  .v7 .knows-section .know[data-know="next"]>.kn-steps{grid-area:1 / 2 / span 3 / 2;align-self:center;margin:0}
}
@media (max-width:1100px){ .v7 .knows-section .know[data-know="pitch"]{grid-column:span 6} .v7 .knows-section .know[data-know="next"]{grid-column:1 / -1} }
@media (max-width:767px){ .v7 .knows-section .know[data-know]{grid-column:1 / -1} }
.v7 .ko-ad{display:flex;flex-direction:column;gap:4px;margin:4px 0 0;padding:4px 0 4px 16px;border-left:3px solid var(--gold)}
.v7 .ko-ad small{font-size:13px;color:var(--muted)}
.v7 .ko-ad b{font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.5;color:var(--ink)}
.v7 .ko-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.v7 .ko-tags li{padding:3px 12px;border:1px solid var(--rule);border-radius:999px;font-size:13px;line-height:1.6;color:var(--ink)}
/* V4 いまの賃料チェック: 結果の頭に「接続前の見本の計算」を必ず出す（見本の計算を正式な査定と呼ばない） */
.v7 .sim-conn{margin:12px 0 0;padding:6px 12px;font-size:14px;font-weight:700;line-height:1.6;color:var(--ink);background:var(--paper);border-left:3px solid var(--gold)}
/* 濃い面（V6 の下の帯・V8 の相談の塊）の中のフォーカスの輪は生成り */
.v7 .weekly-band a:focus-visible,.v7 .consult-grid .consult-copy a:focus-visible{outline-color:var(--ink)}
/* v7 の長さの上限（PC1440 ≦ 9,200・SP390 ≦ 12,800・SP360 ≦ 13,058・SP320 ≦ 13,964）を上げずに収める: SP は打ち出し方の札を畳み、違いの1行・接続前の一文を詰める */
@media (max-width:600px){
  .v7 .ko-tags{display:none}
  .v7 .ko-ad b{font-size:16px}
  .v7 .knows-diff{margin:10px 0 6px;padding:8px 0;gap:4px 18px}
  .v7 .kdf-col.is-map b{font-size:20px}
  .v7 .sim-conn{padding:4px 10px;font-size:13px;line-height:1.5}
}
/* v7 自己チェックの直し: V6 の下の帯（濃いセージ）の見出しが帯の上端に付かないように上の余白（長さの上限の中） */
.v7 .weekly-band{padding-top:40px}
@media (max-width:600px){ .v7 .weekly-band{padding-top:24px} }

/* v7 代表判断 V7-2（2026-10-01）: メールと同意は結果の前に必須（STEP 04）。電話は取らない・目的と同意を明示・結果はメールで送らない。長さの上限の中に収めるため、説明は1段にまとめて 14px */
.v7 .sim-mail .sim-mail-lead{margin-top:6px;font-size:16px;line-height:1.6;color:var(--ink)}
.v7 .sim-mail .sim-mail-use{margin-top:4px;font-size:14px;line-height:1.6;color:var(--muted)}
.v7 .sim-mail .sim-mail-use>span{color:var(--ink);font-weight:700;margin-right:4px}
.v7 .sim-mail .sim-mail-use .text-link{min-height:24px;margin-left:4px;font-size:14px;color:var(--ink)}
.v7 .sim-mail>label:not(.consent){margin-top:10px}
.v7 .sim-mail .req{margin-left:6px;font-size:12px;font-weight:700;color:var(--ink)}
.v7 .sim-mail input[type=email]{display:block;width:100%;min-height:52px;margin-top:6px;padding:12px 14px;border:1px solid var(--input-line);border-radius:0;background:var(--paper);color:var(--ink);font-size:16px}
.v7 .sim-mail input::placeholder{color:var(--placeholder)}
.v7 .sim-inputs .consent{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:8px;font-size:14px;font-weight:500}
.v7 .sim-mail .consent b{margin-left:6px;font-size:12px}
.v7 .sim-mail input[aria-invalid="true"]{border-color:var(--error);border-width:2px}
.v7 .sim-mail .consent input[aria-invalid="true"]{outline:2px solid var(--error);outline-offset:2px}
.v7 .sim-mail .consent:has(input[aria-invalid="true"])>span{color:var(--error)}
.v7 .sim-mail .fine{margin-top:4px}
/* v7（10-01）: STEP 01 に広さを入れて3つ横並び（601 以上）・STEP 03 のメールと同意は PC で2列（長さの上限の中に収める） */
@media (min-width:601px){ .v7 .sim-card[data-sim-step="1"]{grid-template-columns:repeat(3,minmax(0,1fr))} .v7 .sim-card label[for="sim-size"]{grid-area:2 / 3} .v7 .sim-card #sim-size{grid-area:3 / 3} }
@media (min-width:1101px){
  .v7 .sim-mail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:16px;align-items:start}
  .v7 .sim-mail>*{grid-column:1 / -1}
  .v7 .sim-mail>label[for="sim-email"]{grid-column:1;grid-row:4}
  .v7 .sim-mail>#sim-email{grid-column:1;grid-row:5}
  .v7 .sim-mail>#sim-email-error{grid-column:1;grid-row:6}
  .v7 .sim-mail>.consent{grid-column:2;grid-row:5;align-self:center;margin-top:6px}
  .v7 .sim-mail>#sim-consent-error{grid-column:2;grid-row:6}
  .v7 .sim-mail>.fine{grid-row:7}
}
@media (max-width:600px){
  .v7 .sim-ghost .kd-rows{display:none}
  .v7 .sim-mail .sim-mail-lead{font-size:14px}
  .v7 .sim-mail .sim-mail-use{font-size:13px}
}
.v7 .sim-mail .sim-mail-lead .fine{margin-left:8px;white-space:nowrap}
@media (max-width:600px){
  .v7 .sim-inputs>h3{display:none}
  .v7 .sim-card[data-sim-step="1"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px}
  .v7 .sim-card[data-sim-step="1"] .sim-step,.v7 .sim-card[data-sim-step="1"] label[for="sim-size"],.v7 .sim-card[data-sim-step="1"] #sim-size{grid-column:1 / -1}
  .v7 .sim-card label[for="sim-area"]{grid-area:2 / 1} .v7 .sim-card #sim-area{grid-area:3 / 1} .v7 .sim-card label[for="sim-type"]{grid-area:2 / 2} .v7 .sim-card #sim-type{grid-area:3 / 2}
  .v7 .sim-opt-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px}
  .v7 .sim-opt-grid>div:last-child{grid-column:1 / -1}
  .v7 .sim-inputs select{padding:0 8px}
}
.v7 .sim-inputs>h3{display:none}
.v7 .sim-mail .sim-mail-use .fine{margin-left:8px;white-space:nowrap}
.v7 .sim-mail>label:not(.consent){margin-top:6px}
.v7 .weekly-band{padding-top:24px}
@media (max-width:600px){ .v7 .weekly-band{padding-top:12px} }
.v7 .sim-card.sim-mail{padding-bottom:12px}
@media (max-width:600px){
  .v7 .sim-result .sim-empty{display:none}
  .v7 .sim-inputs{gap:8px}
  .v7 .sim-mail input[type=email]{min-height:48px}
}
@media (max-width:600px){ .v7 .sim-mail .sim-mail-lead{font-size:16px} }
.v7 .sim-mail .consent a{color:var(--ink);text-underline-offset:3px}
/* 代表 GO の差分（2026-10-01 06:3x）: FV の3段は「番号＋短い語」の押せる行（#strategy・#sim・#consultation）。札と右の値はやめた */
.v7 .hero3 .hero-steps li{padding:0}
.v7 .hero-steps .step-link{display:flex;align-items:center;gap:12px;min-height:48px;width:100%;text-decoration:none;color:var(--ink)}
.v7 .hero-steps .step-link strong{font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.3}
.v7 .hero-steps .step-link .st-go{margin-left:auto;font-size:14px;color:var(--muted)}
.v7 .hero-steps .step-link:hover strong{text-decoration:underline;text-decoration-color:var(--rule)}
.v7 .hero3 .hero-steps li:nth-child(2) strong{color:var(--accent-strong)}
/* 結果のすぐ後の相談への導線 */
.v7 .sim-consult{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:16px;padding-top:14px;border-top:1px solid var(--rule)}
.v7 .sim-consult>span{font-family:var(--mincho);font-size:20px;line-height:1.4;color:var(--ink)}
.v7 .sim-consult .button{min-height:48px}
@media (max-width:600px){ .v7 .hero-steps .step-link{flex-wrap:wrap;gap:2px 6px;align-content:center} .v7 .hero-steps .step-link .st-go{display:none} .v7 .hero-steps .step-link strong{font-size:16px} }
.v7 .hero-steps .step-link{min-height:44px}
/* 代表 GO（2026-10-01 情報設計・コピー・導線）: 見た目は作り直さない。既存の罫・カード・色の変数だけで、新しい導線の部品を置く */
/* V2 04 どう戦うか: 6つの打ち手（何もしない、を含む）。見本の判断の1つだけ強調 */
.v7 .ko-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;margin-top:4px}
.v7 .ko-opts li{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;min-height:36px;padding:4px 10px;border-left:3px solid var(--rule);font-size:14px;line-height:1.5;color:var(--ink)}
.v7 .ko-opts li.is-pick{border-left-color:var(--accent-strong);background:var(--card-main);font-weight:700}
.v7 .ko-opts li b{font-size:12px;font-weight:700;color:var(--accent)}
/* V4 この査定で分かること（押す前に見せる5項目） */
.v7 .sim-knows{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:10px}
.v7 .sim-knows-head{margin:0;font-size:14px;font-weight:700;color:var(--ink)}
.v7 .sim-knows ol{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0;padding:0;list-style:none}
.v7 .sim-knows li{display:inline-flex;align-items:center;gap:6px;padding:2px 12px 2px 4px;border:1px solid var(--rule);border-radius:999px;background:var(--card);font-size:14px;line-height:1.6;color:var(--ink)}
.v7 .sim-knows li b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--card-main);font-size:12px;font-weight:700;color:var(--accent-strong)}
/* V4 結果: 強い・弱い・簡易判断・次に見るべきこと */
.v7 .sim-verdict{display:grid;gap:0;margin:14px 0 0;border-top:1px solid var(--rule)}
.v7 .sim-verdict>div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:4px 12px;padding:8px 0;border-bottom:1px solid var(--rule)}
.v7 .sim-verdict dt{font-size:14px;font-weight:700;color:var(--muted)}
.v7 .sim-verdict dd{margin:0;font-size:16px;line-height:1.6;color:var(--ink)}
.v7 .sim-verdict [data-k="strong"] dd,.v7 .sim-verdict [data-k="weak"] dd{font-weight:700}
.v7 .sim-verdict [data-k="judge"] dd{font-weight:500}
.v7 .sim-policy h4 small,.v7 .sim-diff h4 small{margin-left:8px;font-size:13px;font-weight:400;color:var(--muted)}
.v7 .sim-nextcheck{margin-top:14px}
.v7 .sim-nextcheck h4{font-size:16px;line-height:1.5}
.v7 .sim-nextcheck p{margin-top:4px;font-size:16px;line-height:1.7;color:var(--ink)}
.v7 .sim-consult>span{flex:1 0 100%}
.v7 .sim-consult .button{flex:1 1 auto}
/* V5 詳しい戦略マップで整理すること（6つ・何もしない、を含む） */
.v7 .more-opts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:16px 0 0;padding:0;list-style:none}
.v7 .more-opts li{display:flex;align-items:center;min-height:48px;padding:8px 12px;border-left:3px solid var(--rule);font-size:14px;line-height:1.5;color:var(--ink)}
.v7 .more-opts li:last-child{border-left-color:var(--accent-strong)}
.v5 .more-section .inline-cta{margin-top:16px}
/* V6 分析 → 判断 → 必要なら実行（負けている理由と、AFTY の実行の対応） */
.v7 .act-map{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 24px;margin-top:18px;padding:14px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.v7 .act-flow{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;font-size:16px;color:var(--ink)}
.v7 .act-flow b{font-family:var(--mincho);font-weight:400;font-size:20px}
.v7 .act-flow b:last-of-type{color:var(--accent-strong)}
.v7 .act-flow span{color:var(--muted)}
.v7 .act-flow small{flex:1 0 100%;font-size:13px;color:var(--muted)}
.v7 .act-rows{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 10px;margin:0;padding:0;list-style:none}
.v7 .act-rows li{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:6px 10px;border-left:3px solid var(--gold);font-size:14px;line-height:1.5;color:var(--muted)}
.v7 .act-rows li i{display:none}
.v7 .act-rows li b{font-size:16px;color:var(--ink)}
@media (max-width:1100px){
  .v7 .more-opts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v7 .act-map{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .v7 .ko-opts li{font-size:13px;min-height:32px;padding:3px 10px}
  .v7 .sim-knows{gap:4px 8px}
  .v7 .sim-knows li{font-size:13px}
  .v7 .more-opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .v7 .more-opts li{min-height:40px;padding:6px 10px;font-size:13px}
  .v7 .act-map{padding:12px 0;gap:8px}
  .v7 .act-rows{grid-template-columns:minmax(0,1fr)}
  .v7 .act-rows li{display:flex;flex-wrap:wrap;gap:0 8px;padding:3px 10px}
  .v7 .act-rows li i{display:inline;font-style:normal}
  .v7 .sim-verdict>div{grid-template-columns:minmax(0,1fr);gap:2px}
}
/* V3 見本: 最初に見る4点（強い・弱い・なぜ負ける・どう戦う）。紙は残し、成約事例と毎週のレポートは「見本の続き」に畳む（代表 GO の 8） */
.v7 .sample-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:20px 0 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.v7 .sample-keys>div{padding:12px 16px;border-left:1px solid var(--rule)}
.v7 .sample-keys>div:first-child{border-left:0;padding-left:0}
.v7 .sample-keys dt{font-size:13px;font-weight:700;color:var(--muted)}
.v7 .sample-keys dd{margin:4px 0 0;font-size:16px;line-height:1.6;color:var(--ink)}
.v7 .sample-keys [data-k="strong"] dd,.v7 .sample-keys [data-k="weak"] dd{font-weight:700}
.v7 .sample-keys [data-k="how"] dd{color:var(--accent-strong);font-weight:700}
.v7 .sample-section .strategy-preview{margin-top:20px}
.v7 .sample-more{margin-top:28px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.v7 .sample-more>summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 0;cursor:pointer;font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.4;color:var(--ink);list-style:none}
.v7 .sample-more>summary::-webkit-details-marker{display:none}
.v7 .sample-more>summary::after{content:"＋";margin-left:auto;font-family:var(--gothic);font-size:18px;color:var(--muted)}
.v7 .sample-more[open]>summary::after{content:"−"}
.v7 .sample-more>.case-and-next{margin-top:8px;padding-bottom:24px}
@media (max-width:1100px){ .v7 .sample-keys{grid-template-columns:repeat(2,minmax(0,1fr))} .v7 .sample-keys>div:nth-child(3){border-left:0;padding-left:0} .v7 .sample-keys>div:nth-child(n+3){border-top:1px solid var(--rule)} }
@media (max-width:600px){ .v7 .sample-keys{grid-template-columns:minmax(0,1fr)} .v7 .sample-keys>div{border-left:0;padding:8px 0} .v7 .sample-keys>div:nth-child(n+2){border-top:1px solid var(--rule)} .v7 .sample-keys dd{font-size:16px} .v7 .sample-more>summary{font-size:16px} }

/* ===== 代表判断（2026-10-01 11:0x）: FV で写真を主役にしない。主役は戦略マップの実物（賃料3値・競合の位置・6軸・勝っている／負けている・判断・募集方針）。写真の枠と札は FV から外した ===== */
.v7 .hs-more{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:"radar wl judge" "radar policy policy";column-gap:24px;row-gap:10px;align-items:start;margin-top:12px;padding-top:12px;border-top:1px solid var(--rule)}
.v7 .hs-radar{grid-area:radar;width:100%;height:auto;max-width:200px}
.v7 .hs-radar .ring{fill:none;stroke:var(--rule)}
.v7 .hs-radar .spoke{stroke:var(--rule-soft)}
.v7 .hs-radar .comp{fill:none;stroke:var(--comp);stroke-width:2;stroke-dasharray:6 5}
.v7 .hs-radar .subj{fill:var(--shu-wash);stroke:var(--shu);stroke-width:3}
.v7 .hs-radar text{font-size:24px;fill:var(--ink)}
.v7 .hs-wl{grid-area:wl;margin:0;display:grid;gap:6px}
.v7 .hs-wl>div{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:8px;align-items:baseline}
.v7 .hs-wl dt{font-size:13px;font-weight:700;color:var(--muted)}
.v7 .hs-wl dd{margin:0;font-size:16px;font-weight:700;color:var(--ink)}
.v7 .hs-judge{grid-area:judge}
.v7 .hs-judge-head{margin:0;font-size:13px;font-weight:700;color:var(--muted)}
.v7 .hs-opts{display:flex;flex-wrap:wrap;gap:4px 6px;margin:4px 0 0;padding:0;list-style:none}
.v7 .hs-opts li{padding:1px 10px;border-left:3px solid var(--rule);font-size:13px;line-height:1.6;color:var(--ink)}
.v7 .hs-opts li.is-pick{border-left-color:var(--shu);font-weight:700}
.v7 .hs-policy{grid-area:policy;margin:0;font-size:14px;line-height:1.6;color:var(--ink)}
.v7 .hs-policy b{margin-right:10px;font-size:13px;color:var(--muted)}
@media (max-width:1279px){ .v7 .hs-more{grid-template-columns:150px minmax(0,1fr);grid-template-areas:"radar wl" "radar judge" "policy policy"} .v7 .hs-radar{max-width:150px} }
@media (max-width:600px){
  .v7 .hs-more{grid-template-columns:112px minmax(0,1fr);column-gap:12px;row-gap:6px;margin-top:8px;padding-top:8px}
  .v7 .hs-radar{max-width:112px}
  .v7 .hs-wl dd{font-size:14px}
  .v7 .hs-wl>div{grid-template-columns:minmax(0,1fr);gap:0}
  .v7 .hs-opts li{font-size:12px;padding:0 6px}
  .v7 .hs-policy{font-size:13px}
}
.v7 .hero-description{max-width:26em}
/* 6軸の文字は実寸 12px 以上（PC 200px 幅で 13.6px・iPad 180px 幅で 12.3px）。SP は長さの上限の中に収めるため FV の6軸を畳む（6軸は V2 の 03 で見せる） */
.v7 .hs-radar text{font-size:30px}
@media (max-width:1279px){ .v7 .hs-more{grid-template-columns:180px minmax(0,1fr)} .v7 .hs-radar{max-width:180px} }
@media (max-width:600px){ .v7 .hs-radar{display:none} .v7 .hs-more{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:"wl judge" "policy policy"} }
/* 背の低い PC（高さ 760 以下）は補助の一文を畳み、主 CTA と安心文を最初の画面に入れる（第7回 C）。補助は 1440×900 では見える */
@media (min-width:1101px) and (max-height:760px){ .v7 .hero-description{display:none} }

/* ===== 代表判断（2026-10-01 12:1x）: HERO は「実物件の写真＋判断」の1枚。資料（3案の表・位置の図・6軸・判断6つ）は HERO に出さず V2・V3 で見せる ===== */
/* 判断の面: 本命家賃・▲強み（銅）・▼注意（灰）の3列（代表 10/04: 写真の上の印と、面へつなぐ細い線は外した） */
.v7 .hs-judge2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:0;margin-top:10px;border-top:1px solid var(--ink)}
.v7 .hs-judge2>*{padding:10px 16px 8px;border-left:1px solid var(--rule)}
.v7 .hs-judge2>*:first-child{border-left:0;padding-left:0}
.v7 .hs-rent .hs-plan{display:block;margin:0}
.v7 .hs-rent small{display:block;font-size:13px;color:var(--muted)}
.v7 .hs-rent b.v{display:block;font-family:var(--num);font-weight:400;font-size:44px;line-height:1.1;color:var(--accent-strong)}
.v7 .hs-rent b.v span{font-family:var(--gothic);font-size:14px;margin-left:2px}
.v7 .hs-rent em{display:block;font-style:normal;font-size:13px;font-weight:700;color:var(--ink)}
.v7 .hs-wl-head{margin:0;font-size:13px;font-weight:700;color:var(--muted)}
.v7 .hs-wl2 ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:2px}
.v7 .hs-wl2 li{display:flex;align-items:baseline;gap:8px;font-size:20px;font-family:var(--mincho);line-height:1.4;color:var(--ink)}
.v7 .hs-wl2 i{font-style:normal;font-family:var(--gothic);font-size:14px}
.v7 .hs-wl2.is-win i{color:var(--shu)}
.v7 .hs-wl2.is-lose i{color:var(--comp)}
.v7 .hs-wl2.is-win .hs-wl-head i{color:var(--shu)}
.v7 .hs-plan2{margin:10px 0 0;padding:10px 14px;border-left:3px solid var(--shu);background:var(--shu-wash)}
.v7 .hs-plan2 small{display:block;font-size:13px;font-weight:700;color:var(--muted)}
.v7 .hs-plan2 b{display:block;font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.5;color:var(--ink)}
@media (max-width:600px){
  .v7 .hs-judge2>*{padding:6px 8px 4px}
  .v7 .hs-rent b.v{font-size:30px}
  .v7 .hs-wl2 li{font-size:15px;gap:4px}
  .v7 .hs-wl2 i{font-size:11px}
  .v7 .hs-plan2{margin-top:6px;padding:6px 10px}
  .v7 .hs-plan2 b{font-size:14px;line-height:1.5}
}
.v7 .hs-rent em::before{content:none}
/* SP（600 以下）: 写真の上に判断を重ねた1枚。写真は左の帯に見え、判断の面は右に重ねる（統括 14:2x で全幅の帯に直した。下の節）。架空の見本の注記と写真の注記は写真の帯の上（どの幅でも見える） */
@media (max-width:600px){
  .v7 .hero3 .hero-visual{position:relative;padding-bottom:0}
  .v7 .hero3 .photo-wrap{position:absolute;left:0;top:0;bottom:0;width:100%;height:auto}
  .v7 .hero3 .photo-wrap .photo{object-position:28% 70%}
  .v7 .hero3 .hero-summary{position:relative;margin:0 0 0 36%;padding:8px 10px 8px 12px;border-radius:0}
  .v7 .hero3 .photo-tag{left:8px;right:auto;top:8px;max-width:calc(36% - 16px);white-space:normal}
  .v7 .hero3 .hs-foot{position:absolute;right:calc(100% + 8px);bottom:8px;width:calc(36vw - 20px);margin:0;padding:4px 6px;background:var(--on-photo-bg);color:var(--on-photo);font-size:11px;line-height:1.45}
  .v7 .hero3 .hs-foot span+span{display:none}
  .v7 .hs-judge2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:6px}
  .v7 .hs-judge2>.hs-rent{grid-column:1 / -1;padding:4px 0;border-left:0}
  .v7 .hs-rent .hs-plan{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
  .v7 .hs-rent small,.v7 .hs-rent em{display:inline}
  .v7 .hs-rent b.v{display:inline;font-size:28px}
  .v7 .hs-judge2>.hs-wl2{padding:4px 6px 2px 0;border-left:0;border-top:1px solid var(--rule)}
  .v7 .hs-judge2>.hs-wl2+.hs-wl2{padding-left:8px;border-left:1px solid var(--rule)}
  .v7 .hs-wl2 ul{display:flex;flex-wrap:wrap;gap:0 6px;margin-top:2px}
  .v7 .hs-wl2 li{font-size:14px;gap:2px}
  .v7 .hs-plan2{margin-top:6px;padding:4px 8px}
  .v7 .hs-plan2 small{font-size:12px}
  .v7 .hs-plan2 b{font-size:13px;line-height:1.5}
}
@media (max-width:600px){
  .v7 .hero3 .photo-tag .tag-long{display:none}
  .v7 .hero3 .photo-tag .tag-short{display:inline}
  .v7 .hero3 .hero-summary .hs-rent .hs-plan{display:flex;align-items:baseline;gap:6px;flex-wrap:nowrap;padding:0;border:0}
  .v7 .hero3 .hero-summary .hs-rent .hs-plan small,.v7 .hero3 .hero-summary .hs-rent .hs-plan em{display:inline;margin:0}
  .v7 .hero3 .hero-summary .hs-rent .hs-plan b.v{display:inline;margin:0}
  .v7 .hero3 .hs-top{row-gap:0}
}
@media (max-width:600px){
  .v7 .hero3 .hero-summary .hs-rent .hs-plan em{white-space:nowrap;font-size:12px}
  .v7 .hero3 .hero-summary .hs-rent .hs-plan small{white-space:nowrap;font-size:12px}
  .v7 .hs-wl2 ul{flex-wrap:nowrap;gap:0 4px}
  .v7 .hs-wl2 li{font-size:13px;white-space:nowrap}
}
@media (max-width:360px){ .v7 .hs-wl2 li{font-size:12px} .v7 .hs-wl2 i{font-size:10px} .v7 .hero3 .hero-summary .hs-rent .hs-plan b.v{font-size:24px} }
@media (max-width:340px){ .v7 .hs-wl2 ul{flex-wrap:wrap} .v7 .hero3 .hero-summary .hs-rent .hs-plan{flex-wrap:wrap} }
/* 検査の直し（12:1x）: 面（120×60 以上）の地は決まった4色だけ＝戦い方の面は主カードの地・SP の架空の見本の注記は紙の地（暗い面を増やさない）・文字は 12px 以上 */
.v7 .hs-plan2{background:var(--card-main)}
@media (max-width:600px){
  .v7 .hero3 .hs-foot{background:var(--paper);color:var(--muted);font-size:12px;border:0}
  .v7 .hs-wl2 i{font-size:12px}
}
@media (max-width:360px){ .v7 .hs-wl2 i{font-size:12px} .v7 .hero3 .hero-summary .hs-rent .hs-plan{flex-wrap:wrap} .v7 .hero3 .hero-summary .hs-rent .hs-plan small{flex:1 0 100%} }
@media (min-width:1101px) and (max-height:760px){ .v7 .hero3 .hero-summary{top:392px} .v7 .hero3 .photo-wrap{height:470px} }
@media (max-width:360px){ .v7 .hero3 .hero-summary .hs-rent .hs-plan{display:block} .v7 .hero3 .hero-summary .hs-rent .hs-plan small{display:block} .v7 .hero3 .hero-summary .hs-rent .hs-plan em{margin-left:6px} }
/* 本命家賃の箱は1列（前の3案の .hs-plans の3列の格子を受け継がない） */
.v7 .hero3 .hero-summary .hs-plans.hs-rent{display:block;grid-template-columns:none;border:0}
/* 代表判断（12:1x）の SP の直し（統括 14:2x）: 写真は全幅の帯（左右いっぱい）・判断の面は写真の下端に少し重ねる＝写真と判断で1枚。
   写真の上は写真の札だけ（代表 10/04 で「▲ 広さ・奥行き」の印は外した）。§1-9 の注記は判断の面の下（白い箱をやめる）。焦点は床・奥行き・窓（冷蔵庫と天井の配線を外す） */
@media (max-width:600px){
  .v7 .hero3 .hero-visual{position:relative;padding-bottom:0}
  .v7 .hero3 .photo-wrap{position:relative;left:auto;top:auto;bottom:auto;width:100%;height:150px}
  .v7 .hero3 .photo-wrap .photo{object-position:88% 78%}
  .v7 .hero3 .hero-summary{position:relative;margin:-22px 12px 0;padding:8px 12px 8px}
  .v7 .hero3 .photo-tag{left:auto;right:10px;top:8px;max-width:none;white-space:nowrap}
  .v7 .hero3 .hs-foot{position:static;width:auto;margin:6px 0 0;padding:0;background:none;color:var(--muted);font-size:12px;line-height:1.5}
  .v7 .hs-judge2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .v7 .hero3 .hero-summary .hs-rent .hs-plan b.v{font-size:30px}
}
@media (max-width:600px) and (max-height:760px){
  .v7 .hero3 .photo-wrap{height:92px}
}
@media (max-width:360px){ .v7 .hero3 .hero-summary .hs-rent .hs-plan b.v{font-size:26px} }
@media (max-width:600px) and (max-height:760px){
  .v7 .hero3 .photo-wrap{height:80px}
  .v7 .hero3 .hero-summary{margin-top:-16px}
}
@media (max-width:600px) and (min-width:375px) and (max-height:760px){
  .v7 .hs-plan2 b{font-size:12px;white-space:nowrap}
}
@media (max-width:600px) and (max-height:760px){
  .v7 .hero3 .hero-copy{padding-bottom:6px}
  .v7 .hero3 .hero-summary{padding:6px 12px 6px}
  .v7 .hero3 .hero-summary .hs-rent .hs-plan b.v{font-size:26px}
  .v7 .hs-judge2{margin-top:2px}
  .v7 .hs-judge2>*{padding-top:2px;padding-bottom:2px}
  .v7 .hs-plan2{margin-top:4px;padding:2px 8px}
  .v7 .hero3 .hs-foot{margin-top:2px}
}
@media (max-width:600px) and (max-height:760px){
  .v7 .hero3 .photo-wrap{height:76px}
  .v7 .hero3 .hs-foot{line-height:1.4}
  .v7 .hero3 .hs-top{row-gap:0;margin:0}
  .v7 .hero3 .hero-summary .hs-pill{padding-top:1px;padding-bottom:1px}
}
/* 統括 14:3x: 360 以下で FV の3段の札（02・03）の文字が重なる不具合の直し（文言は変えない）。3段の幅を等分し、札の文字は 360 以下で 15px・330 以下で 14px にして1行に収め、収まらないときは語のまとまりで折り返す */
@media (max-width:360px){
  .v7 .hero3 .hero-reasons{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v7 .hero-steps .step-link strong{white-space:normal;word-break:auto-phrase;overflow-wrap:anywhere;line-height:1.3}
}
@media (max-width:360px){ .v7 .hero3 .hero-reasons li{padding-right:4px} .v7 .hero-steps .step-link strong{font-size:15px;letter-spacing:0} }
@media (max-width:330px){ .v7 .hero-steps .step-link strong{font-size:14px} }
/* ===== 代表判断（2026-10-01 15:3x）中盤の3か所: 表・資料の見た目を主役から外し、判断・方針・任せる理由を前に。線と枠に頼らず、文字の大きさと余白で強弱を付ける ===== */
/* V3 判断結果のまとめ（本命家賃・勝っている・負けている・戦い方が主役。理由を短く添える） */
.v7 .sample-verdict{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 56px;margin:28px 0 0;padding:32px 36px;background:var(--card);border-radius:6px}
.v7 .sv-label{margin:0;font-size:14px;font-weight:700;color:var(--muted)}
.v7 .sv-rent-v{margin:6px 0 0;display:flex;align-items:baseline;gap:12px}
.v7 .sv-rent-v b.v{font-family:var(--num);font-weight:400;font-size:72px;line-height:1;color:var(--accent-strong)}
.v7 .sv-rent-v b.v span{font-family:var(--gothic);font-size:20px;margin-left:4px}
.v7 .sv-rent-v em{font-style:normal;font-size:16px;font-weight:700;color:var(--ink)}
.v7 .sv-scale{display:flex;gap:16px;margin:14px 0 0;padding:0;list-style:none;font-size:14px;color:var(--muted)}
.v7 .sv-scale li small{display:block;font-size:12px}
.v7 .sv-scale li.on{color:var(--ink);font-weight:700}
.v7 .sv-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin:0}
.v7 .sv-items dt{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--muted)}
.v7 .sv-items [data-k="strong"] dt i{font-style:normal;color:var(--shu)}
.v7 .sv-items [data-k="weak"] dt i{font-style:normal;color:var(--comp)}
.v7 .sv-items dd{margin:6px 0 0}
.v7 .sv-items dd b{display:block;font-family:var(--mincho);font-weight:400;font-size:28px;line-height:1.35;color:var(--ink)}
.v7 .sv-items dd small{display:block;margin-top:6px;font-size:14px;line-height:1.6;color:var(--muted)}
.v7 .sv-items [data-k="how"] dd b{color:var(--accent-strong)}
.v7 .sample-verdict .band-note{grid-column:1 / -1;margin:0;font-size:13px;color:var(--muted)}
/* 「説明用サンプル」の札は枠を外して控えめな注記に（架空の表示は残す） */
.v7 .sample-section .sample-label,.v7 .hero-summary .sample-label{border:0;padding:0;background:none;font-size:12px;font-weight:400;color:var(--muted)}
.v7 .sample-section .strategy-preview{margin-top:24px}
/* V5 弱み → 変える → 戦い方（CTA の前で意思決定が進む） */
.v7 .more-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 0;padding:0;list-style:none;counter-reset:none}
.v7 .more-flow li{position:relative;padding:24px 26px 22px;background:var(--card);border-radius:6px}
.v7 .more-flow li+li::before{content:"→";position:absolute;left:-19px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--accent)}
.v7 .mf-step{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;color:var(--muted)}
.v7 .mf-step b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--card-main);font-family:var(--num);font-size:13px;color:var(--accent-strong)}
.v7 .mf-main{margin:10px 0 0;font-family:var(--mincho);font-size:28px;line-height:1.35;color:var(--ink)}
.v7 .more-flow [data-k="fight"] .mf-main{color:var(--accent-strong)}
.v7 .mf-why{margin:8px 0 0;font-size:16px;line-height:1.7;color:var(--muted)}
.v7 .more-opts-head{margin:20px 0 0;font-size:14px;color:var(--muted)}
.v7 .more-section .more-opts{margin-top:8px}
.v7 .more-section .more-opts li{min-height:36px;padding:4px 10px;font-size:13px;color:var(--muted)}
/* V6 3軸（募集・運用・対応）。0円・定額はいちばん大きいまま */
.v7 .merit-axes{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,0.85fr);gap:24px;align-items:start}
.v7 .merit-axes .axis{display:flex;flex-direction:column;gap:14px;min-width:0}
.v7 .merit-axes .axis>article{grid-column:auto;margin:0}
.v7 .axis-head{display:flex;align-items:baseline;gap:10px;margin:0 0 2px;padding:0}
.v7 .axis-head b{font-family:var(--mincho);font-weight:400;font-size:28px;color:var(--ink)}
.v7 .axis-head span{font-size:14px;color:var(--muted)}
.v7 .merit-axes>.m-proof{grid-column:1 / -1}
/* 実績（601戸・20.5万円・受賞）は V6 の直後で別格に（値と文言は同じ） */
.v7 .proof-band .tb-num strong{font-size:56px;line-height:1.1}
.v7 .proof-band .tb-num strong span{font-size:20px}
@media (max-width:1100px){
  .v7 .sample-verdict{grid-template-columns:minmax(0,1fr);padding:24px}
  .v7 .more-flow{grid-template-columns:minmax(0,1fr)}
  .v7 .more-flow li+li::before{content:"↓";left:50%;top:-20px;transform:translateX(-50%)}
  .v7 .merit-axes{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .v7 .sample-verdict{padding:18px 16px;gap:16px}
  .v7 .sv-rent-v b.v{font-size:52px}
  .v7 .sv-items{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 14px}
  .v7 .sv-items dd b{font-size:20px}
  .v7 .sv-items dd small{font-size:13px}
  .v7 .more-flow{gap:20px}
  .v7 .more-flow li{padding:16px 16px 14px}
  .v7 .mf-main{font-size:20px}
  .v7 .mf-why{font-size:14px}
  .v7 .axis-head b{font-size:20px}
  .v7 .proof-band .tb-num strong{font-size:44px}
}
/* V6 の3軸: 前の6列の格子と主カードの中の2列を受け継がない（軸の中は縦に積む） */
.v7 .merit-band .strengths.merit-grid.merit-axes{grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,0.9fr);gap:20px 28px;align-items:start}
.v7 .merit-band .merit-axes .axis>article{grid-column:auto}
@media (min-width:1101px){
  .v7 .merit-band .merit-axes article.m-main{display:block}
  .v7 .merit-band .merit-axes article.m-main>.m-promise,.v7 .merit-band .merit-axes article.m-main>small,.v7 .merit-band .merit-axes article.m-main>.m-sub{margin-top:10px;padding-left:0;border-left:0}
  .v7 .merit-band .merit-axes article.m-main h3 strong.m-val{font-size:104px}
}
@media (max-width:1100px){ .v7 .merit-band .strengths.merit-grid.merit-axes{grid-template-columns:minmax(0,1fr)} }

/* 15:3x の検査の直し: 文字の段（12・13・14・16・20・28・44・58）に合わせる */
.v7 .sv-rent-v b.v{font-size:58px}
.v7 .proof-band .tb-inner .tb-list .tb-num strong{font-size:58px;line-height:1.1}
@media (max-width:600px){ .v7 .sv-rent-v b.v{font-size:44px} .v7 .proof-band .tb-inner .tb-list .tb-num strong{font-size:44px} }
@media (max-width:360px){ .v7 .proof-band .tb-inner .tb-list .tb-num strong{font-size:36px} }
/* ===== 代表 15:4x「LP を完成の手前まで」: 線と枠に頼らない。V3 はまとめが主役（紙は畳む）・V5 は大きな番号と矢印・V6 は背骨（分析 → 判断 → 必要なら実行）と実績を中に ===== */
/* V3 まとめ: 勝ち負けと戦い方は明朝の大きな一文、理由は控えめ */
.v7 .sv-items dd b{font-size:44px;line-height:1.25}
.v7 .sv-items dt{font-size:16px}
.v7 .sample-verdict{gap:32px 64px;padding:40px 44px}
/* V5: 枠の箱をやめ、大きな番号・大きな見出し・矢印 */
.v7 .more-flow li{padding:0;background:none;border:0;border-radius:0}
.v7 .more-flow li+li::before{left:-22px;top:28px;transform:none;font-size:28px;color:var(--accent)}
.v7 .mf-step{gap:12px;font-size:16px}
.v7 .mf-step b{display:inline;width:auto;height:auto;border-radius:0;background:none;font-family:var(--num);font-weight:400;font-size:44px;line-height:1;color:var(--accent)}
.v7 .more-section .more-opts{display:block;margin-top:6px}
.v7 .more-section .more-opts li{display:inline;min-height:0;padding:0;border:0;font-size:14px;color:var(--muted)}
.v7 .more-section .more-opts li+li::before{content:"・"}
.v7 .more-section .more-opts li:last-child{border:0;color:var(--ink)}
.v5 .more-section .inline-cta,.v7 .more-section .inline-cta{margin-top:24px;padding:20px 0 0;border:0;border-top:1px solid var(--rule);border-radius:0;background:none}
/* V6: 背骨（分析 → 判断 → 必要なら実行）を大きく。負ける → 実行の5つは控えめに */
.v7 .act-map{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 0 24px;border:0}
.v7 .act-flow b{font-size:44px;line-height:1.2}
.v7 .act-flow span{font-size:28px}
.v7 .act-flow small{font-size:14px}
.v7 .act-rows li{border-left:0;padding:0;font-size:13px}
.v7 .act-rows li b{font-size:14px}
/* 実績は V6 の中（3軸の直前の帯）で別格に */
.v7 .why-section .proof-in-v6{margin:8px 0 28px;padding:24px 0;background:none;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.v7 .why-section .proof-in-v6 .tb-inner{padding:0;max-width:none}
/* 3軸は枠なしの3列。看板の値は1つずつ（定額・0円・10万円）。CG・毎週は軸の中の文 */
.v7 .merit-band .strengths.merit-axes{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 40px}
.v7 .merit-band .strengths.merit-axes article,.v7 .merit-band .strengths.merit-axes article.m-main,.v7 .merit-band .strengths.merit-axes > .m-proof{border:0;border-radius:0;background:none;box-shadow:none;padding:0}
.v7 .merit-band .strengths.merit-axes article .dc-no,.v7 .merit-band .strengths.merit-axes .m-note-row .dc-icon{display:none}
.v7 .merit-band .strengths.merit-axes .m-note-row{padding-top:12px;border-top:1px solid var(--rule)}
.v7 .merit-band .strengths.merit-axes .m-note-row h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:16px}
.v7 .merit-band .strengths.merit-axes .m-note-row h3 strong.m-val,.v7 .merit-band .strengths.merit-axes .m-note-row h3 strong.m-val span{font-size:20px;line-height:1.4}
.v7 .merit-band .strengths.merit-axes .m-note-row .strength-payer{font-size:16px}
.v7 .merit-band .strengths.merit-axes .m-note-row .m-sub{margin-top:4px;font-size:14px}
.v7 .merit-band .strengths.merit-axes article.m-side[data-merit="repair"] h3 strong.m-val{font-size:58px}
/* HERO の写真: 窓・床・奥行きが開けて見える所へ（台所と天井の配線を外す） */
.v7 .hero3 .photo-wrap .photo{object-position:100% 82%}
@media (max-width:1100px){
  .v7 .merit-band .strengths.merit-axes{grid-template-columns:minmax(0,1fr)}
  .v7 .act-flow b{font-size:28px}
  .v7 .act-flow span{font-size:20px}
  .v7 .sv-items dd b{font-size:28px}
}
@media (max-width:600px){
  .v7 .hero3 .photo-wrap .photo{object-position:100% 84%}
  .v7 .sv-items dd b{font-size:20px}
  .v7 .sample-verdict{padding:18px 16px;gap:16px}
  .v7 .mf-step b{font-size:28px}
  .v7 .more-flow li+li::before{content:"↓";left:0;top:-22px;font-size:20px}
  .v7 .merit-band .strengths.merit-axes article.m-side[data-merit="repair"] h3 strong.m-val{font-size:44px}
}

.v7 .why-section .proof-in-v6 .tb-list>li{border:0;border-radius:0;background:none;box-shadow:none}
.v7 .why-section .proof-in-v6 .wrap,.v7 .why-section .proof-in-v6 .tb-inner{width:auto;max-width:none;margin-inline:0;padding-inline:0}

/* ===== 代表 16:1x「LP の見せ方の整理」: ① HERO → ② 戦略マップとは → ③ 可視化するメリット → ④ 見本 → ⑤ 依頼 → ⑥ AFTY → ⑦ いまの賃料チェック → ⑧ FAQ → ⑨ 相談。
   細かい文字を読ませない・小さい表を置かない・細い罫線に頼らない。大きくするのは六角形・評価軸・あなたの物件・勝ち／負け／戦い方 ===== */
.v7 .about-section,.v7 .map-sample,.v7 .ask-section{width:auto;margin-inline:0;padding-inline:max(48px,calc((100% - 1344px) / 2))}
.v7 .about-section{background:var(--paper);padding-top:var(--section-y);padding-bottom:var(--section-y)}
@media (max-width:1100px){ .v7 .about-section,.v7 .map-sample,.v7 .ask-section{padding-inline:32px} }
@media (max-width:600px){ .v7 .about-section,.v7 .map-sample,.v7 .ask-section{padding-inline:20px} .v7 .about-section{padding-top:var(--section-y-sm);padding-bottom:var(--section-y-sm)} }
/* ② 戦略マップとは */
.v7 .about-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:16px 56px;align-items:end}
.v7 .about-lead{margin:0;font-size:20px;line-height:1.7;color:var(--ink);word-break:auto-phrase}
/* ③ 可視化するメリット（3つ・長文にしない） */
.v7 .merits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px}
.v7 .merit-x{margin:0}
.v7 .mx-no{margin:0;font-family:var(--num);font-size:44px;line-height:1;color:var(--accent)}
.v7 .merit-x h3{margin:14px 0 0;font-family:var(--mincho);font-weight:400;font-size:28px;line-height:1.35;color:var(--ink)}
.v7 .merit-x>p:not(.mx-no){margin:10px 0 0;font-size:16px;line-height:1.7;color:var(--muted)}
.v7 .mx-opts{margin:12px 0 0;padding:0;list-style:none;font-size:14px;line-height:1.8;color:var(--ink)}
.v7 .mx-opts li{display:inline}
.v7 .mx-opts li+li::before{content:"・";color:var(--muted)}
.v7 .about-point{margin:48px 0 0;font-family:var(--mincho);font-size:20px;line-height:1.7;color:var(--ink)}
.v7 .about-point b{display:block;font-weight:400;font-size:28px;color:var(--accent-strong)}
/* ④ 戦略マップの見本 */
.v7 .map-sample{background:var(--ground);padding-top:var(--section-y);padding-bottom:var(--section-y)}
.v7 .sm-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 32px}
.v7 .sm-lead{margin:0;font-size:16px;color:var(--ink)}
.v7 .sm-lead .sample-label{margin-left:10px}
.v7 .sm-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,6fr);gap:20px;margin-top:28px;align-items:stretch}
.v7 .sm-radar-card{margin:0;padding:24px 28px 20px;background:var(--card);border-radius:6px}
.v7 .sm-legend{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;list-style:none;font-size:16px;color:var(--ink)}
.v7 .sm-legend li{display:inline-flex;align-items:center;gap:8px}
.v7 .sm-legend svg{width:40px;height:10px;overflow:visible}
.v7 .sm-legend li[data-sr="self"]{font-weight:700}
.v7 .sm-radar{display:block;width:100%;max-width:640px;height:auto;margin:6px auto 0}
.v7 .sm-radar .rings polygon{fill:none;stroke:var(--rule);stroke-width:1.5}
.v7 .sm-radar .spokes line{stroke:var(--rule-soft);stroke-width:1.5}
.v7 .sm-radar .scale text{font-size:20px;fill:var(--muted)}
.v7 .sm-radar .labels .ax{font-family:var(--mincho);font-size:32px;fill:var(--ink)}
.v7 .sm-radar .labels .ax-note{font-family:var(--gothic);font-size:22px;fill:var(--muted)}
.v7 .sr-self{fill:var(--shu-wash);stroke:var(--shu);stroke-width:5;stroke-linejoin:round}
.v7 .sr-a{fill:none;stroke:var(--muted);stroke-width:3;stroke-dasharray:12 8}
.v7 .sr-b{fill:none;stroke:var(--taupe);stroke-width:3.5;stroke-dasharray:1 7;stroke-linecap:round}
.v7 .sr-c{fill:none;stroke:var(--comp);stroke-width:3;stroke-dasharray:22 7 4 7}
.v7 .sm-legend line{stroke-width:3}
.v7 .sm-legend line.sr-self{stroke-width:5}
.v7 .sm-radar .dots circle{fill:var(--shu)}
.v7 .sm-radar-note{margin:6px 0 0;font-size:14px;color:var(--muted);text-align:center}
.v7 .sm-right{display:grid;grid-template-rows:auto 1fr;gap:20px;min-width:0}
.v7 .sm-self{padding:24px 28px;background:var(--card);border-radius:6px}
.v7 .sm-self h3{margin:0;font-size:16px;font-weight:700;color:var(--accent)}
.v7 .sm-self h3 small{margin-left:6px;font-size:13px;font-weight:400;color:var(--muted)}
.v7 .sm-self-spec{margin:10px 0 0;font-family:var(--mincho);font-size:20px;color:var(--ink)}
.v7 .sm-self-rent{margin:2px 0 0;display:flex;align-items:baseline;gap:10px}
.v7 .sm-self-rent b{font-family:var(--num);font-weight:400;font-size:58px;line-height:1.05;color:var(--ink);font-variant-numeric:lining-nums tabular-nums}
.v7 .sm-self-rent span{font-size:20px;color:var(--ink)}
.v7 .sm-self-rent em{font-style:normal;font-size:14px;font-weight:700;color:var(--accent)}
.v7 .sm-self-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;margin:16px 0 0}
.v7 .sm-self-facts dt{font-size:13px;color:var(--muted)}
.v7 .sm-self-facts dd{margin:2px 0 0;font-size:16px;font-weight:700;color:var(--ink)}
.v7 .sm-self-facts dd small{display:block;font-size:12px;font-weight:400;color:var(--muted)}
.v7 .sm-comps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v7 .sm-comp{padding:16px 16px 14px;background:var(--card);border-radius:6px;min-width:0}
.v7 .sm-comp h4{margin:0;font-size:16px;font-weight:700;color:var(--ink)}
.v7 .sm-comp-spec{margin:4px 0 0;font-size:14px;color:var(--muted)}
.v7 .sm-comp-rent{margin:2px 0 0}
.v7 .sm-comp-rent b{font-family:var(--num);font-weight:400;font-size:28px;color:var(--ink);font-variant-numeric:lining-nums tabular-nums}
.v7 .sm-comp-rent span{margin-left:2px;font-size:14px}
.v7 .sm-comp-facts{margin:2px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.v7 .sm-scores{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;margin:10px 0 0}
.v7 .sm-scores>div{display:flex;justify-content:space-between;gap:6px;font-size:14px;line-height:1.6}
.v7 .sm-scores dt{color:var(--muted)}
.v7 .sm-scores dd{margin:0;font-family:var(--num);color:var(--ink);font-variant-numeric:tabular-nums}
.v7 .sm-scores .beat dd{font-weight:700}
.v7 .sm-scores dd i{margin-left:4px;font-style:normal;font-family:var(--gothic);font-size:12px;color:var(--comp)}
/* 判定結果（見本の下に大きく） */
.v7 .sm-verdict{grid-template-columns:minmax(0,3fr) minmax(0,2fr) minmax(0,2fr) minmax(0,4fr);gap:24px 40px;margin-top:20px;padding:32px 36px}
.v7 .sv-col{min-width:0}
.v7 .sv-col-head{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;color:var(--muted)}
.v7 .sv-col[data-k="strong"] .sv-col-head i{font-style:normal;color:var(--shu)}
.v7 .sv-col[data-k="weak"] .sv-col-head i{font-style:normal;color:var(--comp)}
.v7 .sv-col ul,.v7 .sv-col ol{margin:10px 0 0;padding:0;list-style:none}
.v7 .sv-col ul li{font-family:var(--mincho);font-size:28px;line-height:1.45;color:var(--ink)}
.v7 .sv-col[data-k="strong"] ul li{color:var(--accent-strong)}
.v7 .sv-plan ol li{display:flex;align-items:baseline;gap:12px;font-family:var(--mincho);font-size:20px;line-height:1.7;color:var(--ink)}
.v7 .sv-plan ol li b{font-family:var(--num);font-weight:400;font-size:20px;color:var(--accent)}
/* ⑤ 戦略マップの依頼 */
.v7 .ask-section{background:var(--card-main);padding-top:var(--section-y-md);padding-bottom:var(--section-y-md)}
.v7 .ask{text-align:center}
.v7 .ask .more-lead{margin:14px auto 0;max-width:40em;font-size:16px;color:var(--ink)}
.v7 .ask-ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 28px;margin-top:24px}
.v7 .ask-ctas .button{min-width:300px}
.v7 .ask-sub{font-size:16px}
.v7 .ask-note{display:block;margin-top:14px;font-size:14px;color:var(--muted)}
/* ⑥ 実績の数字の強弱（601戸がいちばん大きい） */
.v7 .proof-band .tb-inner .tb-list .tb-num:first-of-type strong{font-size:58px}
.v7 .proof-band .tb-inner .tb-list .tb-num+.tb-num strong{font-size:44px}
@media (max-width:1100px){
  .v7 .about-head,.v7 .sm-grid{grid-template-columns:minmax(0,1fr)}
  .v7 .merits{grid-template-columns:minmax(0,1fr);gap:28px}
  .v7 .sm-verdict{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .v7 .sm-verdict .sv-rent,.v7 .sm-verdict .sv-plan{grid-column:1 / -1}
}
@media (max-width:600px){
  .v7 .about-lead{font-size:16px}
  .v7 .merits{margin-top:28px;gap:22px}
  .v7 .mx-no{font-size:28px}
  .v7 .merit-x h3{font-size:20px}
  .v7 .about-point{margin-top:28px;font-size:16px}
  .v7 .about-point b{font-size:20px}
  .v7 .sm-radar-card{padding:14px 10px 12px}
  .v7 .sm-legend{font-size:14px;gap:4px 12px;justify-content:center}
  .v7 .sm-self{padding:16px}
  .v7 .sm-self-rent b{font-size:44px}
  .v7 .sm-self-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px}
  .v7 .sm-self-facts dd{font-size:14px}
  .v7 .sm-comps{gap:8px}
  .v7 .sm-comp{padding:10px 8px}
  .v7 .sm-comp h4{font-size:13px}
  .v7 .sm-comp-spec{font-size:12px}
  .v7 .sm-comp-rent b{font-size:20px}
  .v7 .sm-comp-rent span{font-size:12px}
  .v7 .sm-comp-facts{display:none}
  .v7 .sm-scores>div{font-size:12px}
  .v7 .sm-verdict{padding:18px 16px;gap:16px}
  .v7 .sv-col ul li{font-size:20px}
  .v7 .sv-plan ol li{font-size:16px;gap:8px}
  .v7 .ask-ctas .button{min-width:0;width:100%}
  .v7 .proof-band .tb-inner .tb-list .tb-num:first-of-type strong{font-size:44px}
  .v7 .proof-band .tb-inner .tb-list .tb-num+.tb-num strong{font-size:28px}
}
@media (max-width:360px){ .v7 .proof-band .tb-inner .tb-list .tb-num:first-of-type strong{font-size:36px} .v7 .sm-scores>div{gap:2px} .v7 .sm-comp{padding:8px 6px} }
/* 六角形: SP は軸の文字と目盛りを大きく（実寸 12px 以上）・軸の注記は図の下の一文で出す */
@media (max-width:600px){ .v7 .sm-radar .labels .ax{font-size:34px} .v7 .sm-radar .labels .ax-note{display:none} .v7 .sm-radar .scale text{font-size:32px} .v7 .sm-radar-note{font-size:13px} }
.v7 .sm-radar{max-width:560px}
@media (max-width:600px){ .v7 .sm-radar .scale text{font-size:24px} .v7 .sm-radar .labels .ax{font-size:32px} }
.v7 .sr-a{stroke:var(--comp)}
.v7 .sr-c{stroke:var(--muted)}
/* ④ のカードは決まった型（1px の石の罫・角丸）。線は外側の1本だけ */
.v7 .sm-radar-card,.v7 .sm-self,.v7 .sm-comp,.v7 .sm-verdict{border:1px solid var(--rule)}
.v7 .about-lead,.v7 .merit-x>p,.v7 .sm-radar-note,.v7 .ask-note,.v7 .more-lead{text-wrap:balance;word-break:auto-phrase}
/* 代表 16:1x（§37）: あなたの物件の見出しを大きく・SP の六角形はほぼ全幅（枠の左右の余白を外し、凡例と注記だけに余白）・軸の名前と凡例は 16px 以上・目盛りは実寸 12px 以上 */
.v7 .sm-self h3{font-size:20px}
@media (max-width:600px){
  .v7 .sm-radar-card{padding:14px 0 12px}
  .v7 .sm-legend,.v7 .sm-radar-note{padding-inline:12px}
  .v7 .sm-legend{font-size:16px}
  .v7 .sm-radar .labels .ax{font-size:38px}
  .v7 .sm-radar .scale text{font-size:28px}
}
/* 代表 16:1x（§37）: 全節の地は1つ（世界観1）＝② と ⑤ の地を生成りへ。⑤ は上下の罫で区切る・押す直前の一文は 7:1 以上・競合のカードの下の架空の注記 */
.v7 .about-section,.v7 .ask-section{background:var(--ground)}
.v7 .ask-section .ask{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding-block:48px}
.v7 .ask-note{color:var(--ink)}
.v7 .sm-comps-note{grid-column:1 / -1;margin:2px 0 0;font-size:13px;line-height:1.6;color:var(--ink-2)}
@media (max-width:600px){ .v7 .ask-section .ask{padding-block:32px} }
/* §37: 目盛りの数字は線の上に重ねて描き、地の色の縁で線から浮かせる（数字が線に埋もれない） */
.v7 .sm-radar .scale text{paint-order:stroke;stroke:var(--card);stroke-width:7px;stroke-linejoin:round}
/* §37: 強い一文は「どう戦うかを決められることが、戦略マップの価値です。」を主に（前置きの一行を控えめに）・6つの打ち手は語の途中で折り返さない */
.v7 .about-point{font-family:var(--mincho);font-size:28px;color:var(--ink)}
.v7 .about-point b{font-size:20px;color:var(--ink-2);margin-bottom:4px}
.v7 .mx-opts li{display:inline-block;white-space:nowrap}
@media (max-width:600px){ .v7 .about-point{font-size:20px} .v7 .about-point b{font-size:16px} }
.v7 .mx-opts li+li::before{content:none}
.v7 .mx-opts li:not(:last-child)::after{content:"・";color:var(--muted)}
/* QA 差し戻し（b371a466・§37-9）
   H1: hidden 属性を CSS の display で上書きしない（PC でメールの欄が読み込み時から見えていた） */
[hidden]{display:none!important}
.v7 .sim-mail[hidden]{display:none!important}
/* L1: SP の六角形は viewBox を詰めて大きく（軸名は頂点の上下・JS で切り替え） */
@media (max-width:600px){
  .v7 .sm-radar .labels .ax{font-size:32px}
  .v7 .sm-radar .scale text{font-size:24px}
}
/* L7: SP の読ませる文字は 14px 以上（判断の面・競合の点・六角形の下の注記） */
@media (max-width:600px){
  .v7 .hero3 .hs-wl-head,.v7 .hero3 .hs-wl2 li,.v7 .hero3 .hs-plan2 b,.v7 .hero3 .hs-plan2 small,.v7 .hero3 .hs-plan small,.v7 .hero3 .hs-plan em{font-size:14px}
  .v7 .sm-radar-note,.v7 .sm-comps-note,.v7 .sm-verdict .band-note{font-size:14px}
  .v7 .sm-comp h4,.v7 .sm-scores dt,.v7 .sm-scores dd,.v7 .sm-self-facts dt{font-size:14px}
}
@media (max-width:360px){ .v7 .sm-comps{gap:6px} .v7 .sm-comp{padding:8px 4px} .v7 .sm-scores>div{gap:0} .v7 .sm-scores dt{white-space:nowrap;letter-spacing:-.02em} }
/* L7 の 14px で FV の判断の面が伸びた分を、行の高さで戻す（390×740 で「架空の見本」の注記を最初の画面に保つ） */
@media (max-width:600px){ .v7 .hero3 .hs-wl-head,.v7 .hero3 .hs-plan2 small{line-height:1.4} }

/* ===== 代表 18:1x「ビジュアルの仕上げだけ」（§38）: 写真を節に1枚・意味のまとまりだけカード・⑥ は 見出し → 大きな値 → 補足 ===== */
/* 写真（実例）: 枠・影なし・角を少し丸める。札は写真の下 */
.v7 .lp-photo{margin:0}
.v7 .lp-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.v7 .lp-photo .photo-cap{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--ink-2)}
@media (max-width:600px){ .v7 .lp-photo .photo-cap{font-size:14px} }
/* ② の写真: 強い一文と左右に並べる（SP は縦） */
.v7 .about-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:56px;align-items:center;margin-top:56px}
.v7 .about-foot .about-point{margin:0}
@media (max-width:1100px){ .v7 .about-foot{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:36px} }
@media (max-width:600px){ .v7 .about-foot{margin-top:28px;gap:20px} .v7 .about-foot .about-photo{order:-1} }
/* ③ 3つのメリットはカード（説明の文は囲わない＝② の前置き・強い一文は地のまま） */
.v7 .merits .merit-x{background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:28px 28px 26px}
@media (max-width:600px){ .v7 .merits .merit-x{padding:20px 20px 18px} .v7 .merits{gap:14px} }
/* ④ 判定結果: PC は 本命家賃・勝っている・負けている・この家の戦い方 の4枚のカード（外側の枠は外す）。iPad・SP は1枚のまま */
@media (min-width:1101px){
  .v7 .sm-verdict{border:0;background:none;padding:0;gap:16px}
  .v7 .sm-verdict>.sv-rent,.v7 .sm-verdict>.sv-col{background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:24px 26px}
  .v7 .sm-verdict>.band-note{grid-column:1 / -1;margin:0}
}
/* ④ 競合: PC は3枚のカード。SP は1枚のカードの中に3列（罫で分ける）＝1画面にカードを詰めない */
@media (max-width:600px){
  .v7 .sm-comps{background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:12px 6px 10px;gap:0}
  .v7 .sm-comps>.sm-comp{border:0;border-radius:0;background:none;padding:2px 8px}
  .v7 .sm-comps>.sm-comp+.sm-comp{border-left:1px solid var(--rule)}
  .v7 .sm-comps>.sm-comps-note{padding:10px 8px 0;margin:0}
}
@media (max-width:360px){ .v7 .sm-comps>.sm-comp{padding:2px 4px} }
/* ⑥ 募集・管理・対応・改善 の3枚のカード: 短い見出し → 大きな値 → 補足（説明の行は最後へ） */
.v7 .merit-band .strengths.merit-axes{gap:24px;align-items:stretch}
.v7 .merit-band .strengths.merit-axes>.axis{display:flex;flex-direction:column;gap:20px;background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:28px 28px 26px;min-width:0}
.v7 .merit-band .strengths.merit-axes>.axis>.axis-head{display:contents}
.v7 .merit-band .strengths.merit-axes>.axis>.axis-head>b{order:0;display:block;margin:0;padding:0 0 12px;border-bottom:1px solid var(--rule);font-family:var(--mincho);font-weight:400;font-size:28px;line-height:1.3;color:var(--ink)}
.v7 .merit-band .strengths.merit-axes>.axis>article{order:1;margin:0}
.v7 .merit-band .strengths.merit-axes>.axis>.m-proof,.v7 .merit-band .strengths.merit-axes>.axis>.axis-photo{order:2}
.v7 .merit-band .strengths.merit-axes>.axis>.axis-head>span{order:3;display:block;margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
.v7 .merit-band .strengths.merit-axes>.axis>.m-proof{display:block;grid-column:auto;padding:0;border:0;background:none}
.v7 .merit-band .strengths.merit-axes>.axis>.m-proof .m-proof-copy{padding:0;border:0}
.v7 .merit-band .strengths.merit-axes>.axis>.m-proof .cg-pair{margin-top:10px}
@media (min-width:1101px){ .v7 .merit-band .strengths.merit-axes>.axis>.m-proof .cg-pair img{aspect-ratio:4/3} }
@media (max-width:600px){ .v7 .merit-band .strengths.merit-axes>.axis{padding:22px 20px 20px;gap:16px} .v7 .merit-band .strengths.merit-axes>.axis>.axis-head>b{font-size:20px} }
/* 実績は1枚のカード: 共用部の写真の隣に 601戸・20.5万円・総合グランプリ */
.v7 .why-section .proof-in-v6{border:0;padding:0;margin:8px 0 32px}
.v7 .why-section .proof-in-v6 .tb-inner{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:44px;row-gap:12px;align-items:center;background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:28px}
.v7 .why-section .proof-in-v6 .tb-inner>.proof-photo{grid-column:1;grid-row:1 / span 3;align-self:stretch}
.v7 .why-section .proof-in-v6 .tb-inner>.proof-photo img{height:100%;max-height:300px}
.v7 .why-section .proof-in-v6 .tb-inner>:not(.proof-photo){grid-column:2}
@media (max-width:1100px){
  .v7 .why-section .proof-in-v6 .tb-inner{grid-template-columns:minmax(0,1fr);padding:22px 20px}
  .v7 .why-section .proof-in-v6 .tb-inner>.proof-photo,.v7 .why-section .proof-in-v6 .tb-inner>:not(.proof-photo){grid-column:1;grid-row:auto}
  .v7 .why-section .proof-in-v6 .tb-inner>.proof-photo img{max-height:none}
}
.v7 .merit-band .strengths.merit-axes>.axis{align-self:stretch;height:auto}
@media (max-width:1100px){ .v7 .why-section .proof-in-v6 .tb-inner{grid-template-rows:none} .v7 .why-section .proof-in-v6 .tb-inner>.proof-photo img{height:auto} }
@media (max-width:600px){ .v7 .sm-verdict .sv-label{font-size:14px} .v7 .merit-band .strengths.merit-axes>.axis>.m-proof{margin-inline:-20px} }

/* 実績のカード: 共用部の写真のすぐ隣に 601戸（受賞は右へ）。値と文言・DOM の順は変えない */
/* 前の QA の R2: FV の「本命家賃」「本命案」の札を SP で 14px（12px の指定より強く）。390×740 の注記は最初の画面のまま */
@media (max-width:600px){ .v7 .hero3 .hero-summary .hs-rent .hs-plan small,.v7 .hero3 .hero-summary .hs-rent .hs-plan em{font-size:14px} }
@media (min-width:1101px){ .v7 .why-section .proof-in-v6 .tb-list>.tb-award{order:3} }
/* QA 差し戻し（c08bd9e9・§38-7）
   H1: 全幅で「共用部の写真 → 601戸・20.5万円 → 受賞」の順（写真が受賞物件に見えないように・写真と 601戸 を組のまま） */
.v7 .why-section .proof-in-v6 .tb-list>.tb-award{order:3}
@media (max-width:1100px){ .v7 .why-section .proof-in-v6 .tb-list>li.tb-award{grid-column:1 / -1} }
/* L1: 「毎週」「CG まで対応」も埋もれさせない値の段（PC 58px・SP 44px） */
.v7 .merit-band .strengths.merit-axes .m-note-row h3 strong.m-val,.v7 .merit-band .strengths.merit-axes .m-note-row h3 strong.m-val span{font-size:58px;line-height:1.1}
@media (max-width:600px){ .v7 .merit-band .strengths.merit-axes .m-note-row h3 strong.m-val,.v7 .merit-band .strengths.merit-axes .m-note-row h3 strong.m-val span{font-size:44px} }
/* L2: iPad（601〜1100）は写真の幅に上限（⑥ の主役にしない・長さを抑える） */
@media (min-width:601px) and (max-width:1100px){
  .v7 .lp-photo{max-width:440px}
  .v7 .why-section .proof-in-v6 .tb-inner>.proof-photo{max-width:440px}
  .v7 .merit-band .strengths.merit-axes>.axis>.m-proof .cg-pair{max-width:560px}
}
/* L4: SP の競合は表に見せない＝縦の罫をやめ、各競合は「名前・広さ・家賃・駅徒歩と築年数・あなたの物件に勝つ軸の ▲」だけ（6軸の点は PC だけ） */
@media (max-width:600px){
  .v7 .sm-comps{grid-template-columns:minmax(0,1fr);padding:14px 16px 12px;gap:14px}
  .v7 .sm-comps>.sm-comp,.v7 .sm-comps>.sm-comp+.sm-comp{border:0;padding:0}
  .v7 .sm-comps>.sm-comp+.sm-comp{padding-top:14px;border-top:0}
  .v7 .sm-comps>.sm-comp .sm-scores{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px}
  .v7 .sm-comps>.sm-comp .sm-scores>div:not(.beat){display:none}
  .v7 .sm-comps>.sm-comp .sm-scores>div.beat{display:block}
  .v7 .sm-comps>.sm-comp .sm-scores dd{display:none}
  .v7 .sm-comps>.sm-comp .sm-scores dt::before{content:"▲ ";color:var(--muted)}
  .v7 .sm-comps>.sm-comp .sm-scores dt{font-size:14px;white-space:nowrap}
  .v7 .sm-comps>.sm-comp .sm-scores::before{content:"あなたの物件より上";flex:1 0 100%;font-size:13px;color:var(--muted)}
}
@media (min-width:601px) and (max-width:1100px){
  .v7 .merit-band .strengths.merit-axes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v7 .why-section .proof-in-v6 .tb-inner{grid-template-columns:minmax(0,260px) minmax(0,1fr);column-gap:28px}
  .v7 .why-section .proof-in-v6 .tb-inner>.proof-photo{grid-column:1;grid-row:1 / span 3;align-self:start}
  .v7 .why-section .proof-in-v6 .tb-inner>:not(.proof-photo){grid-column:2}
}
@media (min-width:601px) and (max-width:1100px){ .v7 .merit-band .strengths.merit-grid.merit-axes{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* 再 QA（528f2150・§38-8）
   N1: 601〜760px の実績のカードは1列（写真の下に数字）。数字がカードの枠の外へ出ない */
@media (min-width:601px) and (max-width:760px){
  .v7 .why-section .proof-in-v6 .tb-inner{grid-template-columns:minmax(0,1fr)}
  .v7 .why-section .proof-in-v6 .tb-inner>.proof-photo,.v7 .why-section .proof-in-v6 .tb-inner>:not(.proof-photo){grid-column:1;grid-row:auto}
}
/* ⑥ の iPad: 対応・改善 は2列ぶち抜き（右半分を空けない） */
@media (min-width:601px) and (max-width:1100px){ .v7 .merit-band .strengths.merit-grid.merit-axes>.axis[data-axis="support"]{grid-column:1 / -1} }
/* FV の手順: 601〜700px は矢印を出さない（03 と ↓ が重なっていた。SP と同じ） */
@media (min-width:601px) and (max-width:700px){ .v7 .hero-steps .step-link .st-go{display:none} }
/* SP の競合: 「あなたの物件より上」と ▲ を本文の文字に（::before をやめた・見た目は同じ） */
.v7 .sm-beat-head{display:none}
@media (max-width:600px){
  .v7 .sm-comps>.sm-comp .sm-scores::before,.v7 .sm-comps>.sm-comp .sm-scores dt::before{content:none}
  .v7 .sm-comps>.sm-comp .sm-beat-head{display:block;margin:6px 0 0;font-size:13px;color:var(--muted)}
  .v7 .sm-comps>.sm-comp .sm-scores>div.beat{display:inline-flex;align-items:baseline;gap:4px}
  .v7 .sm-comps>.sm-comp .sm-scores>div.beat dd{display:inline;order:-1;margin:0}
  .v7 .sm-comps>.sm-comp .sm-scores>div.beat dd .sm-num{display:none}
  .v7 .sm-comps>.sm-comp .sm-scores>div.beat dd i{font-size:14px;font-style:normal;color:var(--muted)}
}

/* ===== 代表 22:1x（§39）: ⑥ を LP 全体のデザインシステムにそろえる。3枚は同じ骨格（カテゴリ名 → 大見出し → 短い説明 → 主な価値 → 補足 → 写真 4:3）・実績は3枚の下の帯 ===== */
.v7 .merit-band .strengths.merit-grid.merit-axes.ax-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card{display:flex;flex-direction:column;gap:14px;background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:26px 26px 24px;min-width:0;grid-column:auto}
.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.axis-head{display:contents}
.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.axis-head>b{order:1;display:block;margin:0;padding:0;border:0;font-family:var(--gothic);font-weight:700;font-size:14px;line-height:1.4;letter-spacing:.08em;color:var(--accent)}
.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.ax-title{order:2;margin:0;font-family:var(--mincho);font-weight:400;font-size:20px;line-height:1.5;color:var(--ink)}
.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.axis-head>span{order:3;display:block;margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.ax-value{order:4;margin:0;padding:14px 0 12px;border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0;background:none}
.v7 .ax-cards .ax-value h4{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-weight:400}
.v7 .ax-cards .ax-value .strength-label{flex:1 0 100%;font-size:14px;line-height:1.5;color:var(--ink-2)}
.v7 .merit-band .strengths.merit-axes.ax-cards .ax-value h4 strong.m-val,.v7 .merit-band .strengths.merit-axes.ax-cards .ax-value h4 strong.m-val .m-num{font-family:var(--mincho);font-weight:400;font-size:58px;line-height:1.1;color:var(--ink)}
.v7 .merit-band .strengths.merit-axes.ax-cards .ax-value h4 strong.m-val .m-unit{font-size:20px}
.v7 .ax-cards .ax-value .strength-payer{font-size:16px;font-weight:700;color:var(--ink)}
.v7 .ax-cards .ax-value .m-sub,.v7 .ax-cards .ax-value small{display:block;margin:6px 0 0;padding:0;border:0;font-size:13px;line-height:1.6;color:var(--ink-2)}
.v7 .ax-cards .ax-value .m-sub b.fee-v{font-weight:700}
.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.ax-subs{order:5;margin:0;padding:0;list-style:none;display:grid;gap:10px}
.v7 .ax-cards .ax-subs li{display:grid;gap:2px;margin:0}
.v7 .ax-cards .ax-subs .ax-sub-v{font-size:16px;line-height:1.5;font-weight:700;color:var(--ink)}
.v7 .ax-cards .ax-subs li>span{font-size:14px;line-height:1.6;color:var(--ink-2)}
.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>small[data-fict]{order:5;display:block;margin:0;font-size:13px;line-height:1.6;color:var(--ink-2)}
.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.ax-photo{order:6;margin:auto 0 0;padding:6px 0 0;border:0;background:none;grid-column:auto}
/* 写真は3枚とも同じ 4:3 の枠・角なし・札は下に1行 */
.v7 .ax-cards .ax-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:0}
.v7 .ax-cards .ax-photo .photo-cap{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--ink-2)}
.v7 .ax-cards .m-proof .cg-pair{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);align-items:stretch;aspect-ratio:4/3;margin:0;gap:0}
.v7 .ax-cards .m-proof .cg-pair figure{position:relative;margin:0;min-width:0;height:100%}
.v7 .ax-cards .m-proof .cg-pair img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 85%}
.v7 .ax-cards .m-proof .cg-pair figcaption{position:absolute;left:6px;bottom:6px;margin:0;padding:2px 6px;font-size:12px;line-height:1.4;color:var(--ink);background:var(--card)}
.v7 .ax-cards .m-proof .cg-arrow{align-self:center;text-align:center;font-size:12px;color:var(--ink-2)}
/* 実績は3枚の下の帯（同じ枠・同じ数字の段） */
.v7 .why-section .proof-in-v6{margin:24px 0 0;padding:0;border:0}
.v7 .why-section .proof-in-v6 .tb-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:10px;align-items:start;padding:24px 28px}
.v7 .why-section .proof-in-v6 .tb-inner>*{grid-column:1;grid-row:auto}
/* iPad: 2列。対応・改善 は2列ぶち抜きで、文字と写真を左右に */
@media (min-width:601px) and (max-width:1100px){
  .v7 .merit-band .strengths.merit-grid.merit-axes.ax-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;row-gap:14px;align-content:start}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]>*{grid-column:1}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]>.ax-photo{grid-column:2;grid-row:1 / span 6;margin:0;padding:0;align-self:start}
  .v7 .ax-cards .lp-photo{max-width:none}
}
/* SP: 縦に1列・写真はカードの幅いっぱい（3枚とも同じ） */
@media (max-width:600px){
  .v7 .merit-band .strengths.merit-grid.merit-axes.ax-cards{grid-template-columns:minmax(0,1fr);gap:16px}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card{padding:20px 20px 18px;gap:10px}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.ax-title{font-size:20px}
  .v7 .merit-band .strengths.merit-axes.ax-cards .ax-value h4 strong.m-val,.v7 .merit-band .strengths.merit-axes.ax-cards .ax-value h4 strong.m-val .m-num{font-size:44px}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.ax-photo{margin-inline:-20px}
  .v7 .ax-cards .ax-photo .photo-cap{padding:0 20px}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.m-proof{margin-inline:-20px}
  .v7 .ax-cards .m-proof .cg-pair.is-toggle{display:grid;grid-template-columns:minmax(0,1fr);aspect-ratio:auto}
  .v7 .ax-cards .m-proof .cg-pair.is-toggle figure{grid-area:1 / 1}
  .v7 .ax-cards .m-proof .cg-pair.is-toggle .cg-arrow{display:none}
  .v7 .ax-cards .m-proof .cg-pair:not(.is-toggle){display:block;aspect-ratio:auto}
  .v7 .why-section .proof-in-v6 .tb-inner{padding:20px}
}
/* SP: 縦の長さを抑える（写真は3枚とも 3:2・CG の1対は切り替えの1枠）・間を詰める */
@media (max-width:600px){
  .v7 .ax-cards .ax-photo img{aspect-ratio:3/2}
  .v7 .ax-cards .m-proof .cg-pair figure{height:auto}
  .v7 .ax-cards .m-proof .cg-pair img{height:auto;aspect-ratio:3/2}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card{gap:8px;padding:18px 18px 16px}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.ax-photo,.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.m-proof{margin-inline:-18px}
  .v7 .ax-cards .ax-photo .photo-cap{padding:0 18px}
  .v7 .ax-cards .ax-subs{gap:6px}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.ax-value{padding:10px 0 8px}
}
@media (max-width:600px){
  .v7 .ax-cards .ax-subs{display:flex;flex-wrap:wrap;gap:4px 14px}
  .v7 .ax-cards .ax-subs li:has(> span){flex:1 0 100%}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card{gap:6px;padding:16px 16px 14px}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.ax-photo,.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.m-proof{margin-inline:-16px}
  .v7 .ax-cards .ax-photo .photo-cap{padding:0 16px}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.axis-head>span{font-size:13px;line-height:1.6}
  .v7 .why-section .act-map .act-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
  .v7 .why-section .proof-in-v6 .tb-inner{padding:16px;row-gap:6px}
}
/* §39: 実績の帯は1列の器（見出し → 601戸・20.5万円・受賞 → 基準日）。前の写真の列の指定を全幅で外す */
.v7 .why-section .proof-in-v6 .wrap.tb-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;column-gap:0;row-gap:10px;padding:24px 28px;max-width:none;width:auto;margin:0}
.v7 .why-section .proof-in-v6 .wrap.tb-inner>:not(.proof-photo){grid-column:1;grid-row:auto}
@media (max-width:600px){ .v7 .why-section .proof-in-v6 .wrap.tb-inner{padding:16px;row-gap:6px} }
@media (min-width:601px) and (max-width:1100px){
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]>.axis-head>b,.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]>.axis-head>span{grid-column:1}
}
@media (min-width:601px) and (max-width:1100px){
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]>:not(.ax-photo),.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]>.axis-head>*{grid-row:auto}
}
/* §39: CG の1対の枠は、どの幅でもカードの幅いっぱいの 4:3（iPad で古い2列の指定に負けていた） */
@media (min-width:601px){ .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.m-proof.ax-photo{display:block;width:100%} .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.m-proof .cg-pair{width:100%;max-width:none} }
/* QA 差し戻し（8066113b・§39-8）: PC・iPad は3枚の6部位を subgrid で行ごとにそろえる（写真の上端と下端がそろう・どの幅でも）。iPad の 対応・改善 も写真は下 */
@media (min-width:601px){
  .v7 .merit-band .strengths.merit-grid.merit-axes.ax-cards{grid-template-rows:repeat(7,auto);row-gap:0}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:14px;align-content:start}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.axis-head>b{grid-row:1}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.ax-title{grid-row:2}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.axis-head>span{grid-row:3}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.ax-value{grid-row:4}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.ax-subs{grid-row:5;align-self:start}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>small[data-fict]{grid-row:6;align-self:start}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.ax-photo{grid-row:7;margin:0;align-self:start}
}
@media (min-width:601px) and (max-width:1100px){
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]{display:grid;grid-template-columns:none;margin-top:24px}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]>*,.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]>.axis-head>*{grid-column:auto}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]>.ax-photo{grid-column:auto;grid-row:7;max-width:calc(50% - 12px);padding:6px 0 0}
}
.v7 .ax-cards .ax-photo .photo-note{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--ink-2)}
.v7 .ax-cards .ax-photo .photo-note span+span::before{content:" "}
@media (max-width:600px){ .v7 .ax-cards .ax-photo .photo-note{padding:0 16px} }
/* L4: 320・360 でも 601戸 は主な価値と同じ 44px */
@media (max-width:360px){ .v7 .proof-band .tb-inner .tb-list .tb-num:first-of-type strong,.v7 .why-section .proof-in-v6 .tb-inner .tb-list .tb-num:first-of-type strong{font-size:44px} }
.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.m-proof .cg-pair{margin-top:0}
/* 再 QA（06cd805a・§39-9）
   L4: 320・360 の 601戸 も 44px（最初の li は受賞なので :first-of-type は当たらない＝受賞の次の li に当てる） */
@media (max-width:360px){ .v7 .why-section .proof-in-v6 .tb-inner .tb-list .tb-award+.tb-num strong{font-size:44px} }
/* 3: 募集の写真の札は「集客｜CG の実例」を見出しとして1行目に分ける（文言は同じ） */
.v7 .ax-cards .ax-photo .photo-cap [data-draft="V-45"]{display:block;font-weight:700;color:var(--ink)}
/* 4: iPad の 対応・改善（2列ぶち抜き）は、写真（4:3）を値の下の左、補足を写真の右へ（右半分を空けない） */
@media (min-width:601px) and (max-width:1100px){
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]>.axis-head>b,.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]>.ax-title,.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]>.axis-head>span,.v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]>.ax-value{grid-column:1 / -1}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]>.ax-subs{grid-column:2;grid-row:5}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]>.ax-photo{grid-column:1;grid-row:5 / 8;max-width:none}
}

/* ===== 代表 2026-10-02（§40）: ⑥ の視覚（CG の差し替え枠・毎週の報告の表示例・設備のアイコン）・④ の続きのモデルケース ===== */
.v7 .model-tag{display:inline-block;margin-left:8px;padding:1px 8px;border:1px solid var(--rule);border-radius:999px;font-size:12px;font-weight:400;line-height:1.6;color:var(--ink-2);background:var(--ground);vertical-align:middle}
/* ⑥ 募集: BEFORE／AFTER の差し替え枠（同じ 4:3 の枠を2つ・img を入れるだけで差し替えられる） */
.v7 .ax-cards .cg-ba{margin:0}
.v7 .ax-cards .cg-ba .ba-pair{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:start;gap:0}
.v7 .ax-cards .cg-ba .ba-frame{position:relative;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--ground);border:1px dashed var(--rule);overflow:hidden}
.v7 .ax-cards .cg-ba .ba-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v7 .ax-cards .cg-ba .ba-wait{font-size:12px;color:var(--ink-2)}
.v7 .ax-cards .cg-ba .ba-label{margin:6px 0 0;font-size:13px;line-height:1.4;color:var(--ink)}
.v7 .ax-cards .cg-ba .ba-label b{margin-right:4px;font-size:12px;letter-spacing:.08em;color:var(--accent)}
.v7 .ax-cards .cg-ba .ba-arrow{align-self:center;margin-top:-18px;text-align:center;font-size:13px;color:var(--ink-2)}
.v7 .ax-cards .cg-ba .photo-cap{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--ink-2)}
.v7 .ax-cards .cg-ba .photo-cap [data-draft="V-45"]{display:block;font-weight:700;color:var(--ink)}
.v7 .ax-cards .cg-ba .photo-cap .cg-lead::after{content:" "}
/* ⑥ 管理: 毎週の報告の表示例（写真なし・行の一覧） */
.v7 .ax-cards .report-prev{margin:0;padding:14px 16px;border:1px solid var(--rule);border-radius:6px;background:var(--ground)}
.v7 .ax-cards .report-prev .rp-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px;margin:0 0 8px;font-size:14px;color:var(--ink)}
.v7 .ax-cards .report-prev .rp-head .model-tag{margin-left:0}
.v7 .ax-cards .report-prev .rp-rows{margin:0;display:grid;gap:0}
.v7 .ax-cards .report-prev .rp-rows>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--rule)}
.v7 .ax-cards .report-prev dt{font-size:13px;color:var(--ink-2)}
.v7 .ax-cards .report-prev dd{margin:0;font-size:14px;font-weight:700;color:var(--ink);text-align:right}
/* ⑥ 対応・改善: 設備のアイコン（線 2・角丸・48 の枠・同じ大きさ） */
.v7 .ax-cards .equip-icons{margin:0}
.v7 .ax-cards .equip-icons .eq-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px;font-size:14px;color:var(--ink)}
.v7 .ax-cards .equip-icons .eq-head span{font-size:13px;color:var(--ink-2)}
.v7 .ax-cards .equip-icons .eq-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v7 .ax-cards .equip-icons .eq-list li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;border:1px solid var(--rule);border-radius:6px;background:var(--ground);text-align:center}
.v7 .ax-cards .equip-icons .eq-icon{width:40px;height:40px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.v7 .ax-cards .equip-icons .eq-list li span{font-size:13px;line-height:1.3;color:var(--ink)}
/* ④ の続き: モデルケース */
.v7 .cases{margin-top:56px;padding-top:40px;border-top:1px solid var(--rule)}
.v7 .cases-head{max-width:760px}
.v7 .cases-eyebrow{margin:0;font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--accent)}
.v7 .cases-title{margin:8px 0 0;font-family:var(--mincho);font-weight:400;font-size:28px;line-height:1.4;color:var(--ink)}
.v7 .cases-lead{margin:10px 0 0;font-size:16px;line-height:1.7;color:var(--ink-2)}
.v7 .cases-lead .cases-fict{display:inline-block;margin-left:6px;font-size:13px}
.v7 .case-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;align-items:start}
.v7 .case{margin:0;padding:0;border:1px solid var(--rule);border-radius:6px;background:var(--card)}
.v7 .case-sum{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:4px 8px;padding:18px 20px 14px;cursor:pointer;list-style:none}
.v7 .case-sum::-webkit-details-marker{display:none}
.v7 .case-sum .case-no{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--accent)}
.v7 .case-sum .case-name{font-family:var(--mincho);font-size:20px;color:var(--ink)}
.v7 .case-sum .model-tag{justify-self:end}
.v7 .case-sum .case-theme{grid-column:1 / -1;font-size:14px;line-height:1.6;color:var(--ink-2)}
.v7 .case-body{display:grid;gap:12px;padding:0 20px 18px}
.v7 .case-part{padding-top:10px;border-top:1px solid var(--rule)}
.v7 .case-part .cp-label{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--ink-2)}
.v7 .case-part>p:not(.cp-label){margin:0;font-size:14px;line-height:1.6;color:var(--ink)}
.v7 .case-chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.v7 .case-chips li{padding:2px 10px;border:1px solid var(--rule);border-radius:999px;font-size:13px;line-height:1.6;color:var(--ink);background:var(--ground)}
.v7 .case-cmp{display:grid;gap:8px}
.v7 .case-opt{padding:10px 12px;border:1px solid var(--rule);border-radius:6px;background:var(--ground)}
.v7 .case-opt .co-name{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--ink)}
.v7 .case-opt dl{margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px}
.v7 .case-opt dl>div{display:contents}
.v7 .case-opt dt{font-size:13px;color:var(--ink-2)}
.v7 .case-opt dd{margin:0;font-size:13px;font-weight:700;color:var(--ink);text-align:right}
.v7 .case-note{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--ink-2)}
.v7 .case-copy{margin:0;font-family:var(--mincho);font-size:16px;line-height:1.6;color:var(--ink)}
.v7 .cases-close{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px 40px;align-items:center}
.v7 .cases-close .cc-copy{margin:0;font-family:var(--mincho);font-size:28px;line-height:1.4;color:var(--ink)}
.v7 .cases-close .cc-sub{margin:0;font-size:16px;line-height:1.7;color:var(--ink-2);grid-column:1}
.v7 .cases-close .cc-vs{grid-column:2;grid-row:1 / span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.v7 .cases-close .cc-col{padding:14px 16px}
.v7 .cases-close .cc-col+.cc-col{border-left:1px solid var(--rule)}
.v7 .cases-close .cc-k{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--ink-2)}
.v7 .cases-close .is-map .cc-k{color:var(--accent)}
.v7 .cases-close .cc-v{margin:0;font-size:16px;line-height:1.6;color:var(--ink)}
@media (max-width:1100px){
  .v7 .case-list{grid-template-columns:minmax(0,1fr);gap:12px}
  .v7 .cases-close{grid-template-columns:minmax(0,1fr)}
  .v7 .cases-close .cc-vs{grid-column:1;grid-row:auto}
}
@media (max-width:600px){
  .v7 .cases{margin-top:36px;padding-top:28px}
  .v7 .cases-title,.v7 .cases-close .cc-copy{font-size:20px}
  .v7 .cases-lead,.v7 .cases-close .cc-sub,.v7 .cases-close .cc-v{font-size:14px}
  .v7 .case-sum{padding:14px 16px 12px}
  .v7 .case-body{padding:0 16px 14px}
  .v7 .case-opt dt,.v7 .case-opt dd,.v7 .case-chips li{font-size:14px}
}
/* §40 長さ: PC はモデルケースを1列に並べ、開いたケースは 状況・迷い｜選択肢と違い｜決められること の3列 */
@media (min-width:1101px){
  .v7 .case-list{grid-template-columns:minmax(0,1fr);gap:12px}
  .v7 .case-sum{grid-template-columns:auto auto auto 1fr;padding:16px 24px}
  .v7 .case-sum .case-theme{grid-column:auto;order:3}
  .v7 .case-sum .model-tag{order:4;justify-self:end}
  .v7 .case[open] .case-body{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);column-gap:28px;align-items:start;padding:0 24px 20px}
  .v7 .case[open] .case-part[data-part="1"]{grid-column:1;grid-row:1}
  .v7 .case[open] .case-part[data-part="2"]{grid-column:1;grid-row:2}
  .v7 .case[open] .case-part[data-part="3"]{grid-column:2;grid-row:1}
  .v7 .case[open] .case-part[data-part="4"]{grid-column:2;grid-row:2 / span 2}
  .v7 .case[open] .case-part[data-part="5"]{grid-column:3;grid-row:1}
  .v7 .case[open] .case-copy{grid-column:3;grid-row:2}
  .v7 .case-cmp{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
}
@media (max-width:600px){
  .v7 .cases-eyebrow{display:inline;margin-right:8px}
  .v7 .cases-close{margin-top:20px;gap:8px}
  .v7 .cases-close .cc-vs{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
  .v7 .cases-close .cc-col{padding:10px 10px}
  .v7 .case-sum .case-theme{font-size:13px}
}
/* §40 長さ（SP）: 重なりを削った分に加え、余白と並べ方で詰める（意味のある情報は削らない） */
@media (max-width:600px){
  .v7 .about-photo img{aspect-ratio:3/2}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.ax-subs{display:flex;flex-wrap:wrap;gap:4px 14px}
  .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card>.ax-subs>li:has(> span){flex:1 0 100%}
  .v7 .ax-cards .report-prev{padding:10px 12px}
  .v7 .ax-cards .report-prev .rp-rows>div{padding:5px 0}
  .v7 .ax-cards .equip-icons .eq-list{gap:8px}
  .v7 .ax-cards .equip-icons .eq-list li{padding:8px 4px 6px;gap:4px}
  .v7 .ax-cards .equip-icons .eq-icon{width:36px;height:36px}
  .v7 .why-section .proof-in-v6 .wrap.tb-inner{padding:14px;row-gap:4px}
  .v7 .case-sum{padding:12px 16px}
}
@media (min-width:700px) and (max-width:1100px){
  .v7 .merits{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .v7 .merits .merit-x{padding:20px 18px 18px}
  .v7 .why-section .proof-in-v6 .tb-inner .tb-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v7 .why-section .proof-in-v6 .tb-inner .tb-list>li.tb-award{grid-column:auto}
}
@media (max-width:600px){
  .v7 .why-section .act-flow{font-size:20px}
  .v7 .why-section .act-flow b{font-size:20px}
}
@media (max-width:600px){
  .v7 .cases{margin-top:28px;padding-top:24px}
  .v7 .case-list{margin-top:16px;gap:8px}
  .v7 .cases-close{margin-top:16px}
}
.v7 .cases{margin-top:44px;padding-top:36px}
@media (min-width:1101px){ .v7 .case-list{gap:8px} }
@media (min-width:601px) and (max-width:1100px){ .v7 .case-list{gap:8px} .v7 .merit-band .strengths.merit-axes.ax-cards>.ax-card[data-axis="support"]{margin-top:16px} }
@media (max-width:600px){ .v7 .cases{margin-top:24px;padding-top:20px} .v7 .merit-band .strengths.merit-grid.merit-axes.ax-cards{gap:12px} }
@media (max-width:360px){ .v7 .cases-lead{font-size:13px} }
/* §40 HERO の写真の差し替え（仮・掲載許諾は未確認）: 床と部屋の奥行きが見える切り取り・色を少し抑えてコピーより目立たせない */
@media (min-width:1101px){ .v7 .hero3 .photo-wrap .photo{object-position:30% 92%;transform:none} }
@media (min-width:601px) and (max-width:1100px){ .v7 .hero3 .photo-wrap .photo{object-position:30% 88%} }
@media (max-width:600px){ .v7 .hero3 .photo-wrap .photo{object-position:28% 88%;transform:none} }
.v7 .hero3 .photo-wrap .photo{filter:saturate(.82)}
@media (min-width:1101px){ .v7 .case[open] .case-body{row-gap:8px} .v7 .case[open] .case-part{padding-top:8px} .v7 .case-opt{padding:8px 10px} .v7 .case-opt .co-name{margin-bottom:2px} }
@media (min-width:1101px){ .v7 .cases{margin-top:40px;padding-top:32px} .v7 .case-sum{padding-top:14px;padding-bottom:14px} }
/* §40: 箱の入れ子を作らない（カードの中の表示例・アイコン・選択肢・差し替え枠は、枠なし・角 4px の地だけ）・iPad／SP はモデルケースを1枚の箱の中に罫で区切って縦に並べる */
.v7 .ax-cards .report-prev{border:0;border-radius:4px}
.v7 .ax-cards .equip-icons .eq-list li{border:0;border-radius:4px}
.v7 .ax-cards .cg-ba .ba-frame{border:0;outline:1px dashed var(--rule);outline-offset:-1px;border-radius:0}
.v7 .case-opt{border:0;border-radius:4px}
@media (max-width:1100px){
  .v7 .case-list{gap:0;border:1px solid var(--rule);border-radius:6px;background:var(--card)}
  .v7 .case-list>.case{border:0;border-radius:0;background:none}
  .v7 .case-list>.case+.case{border-top:1px solid var(--rule)}
}
/* §40: SP のモデルケースの中身（開いたとき）は 16px（比べる項目を小さな文字で押し込まない） */
@media (max-width:600px){
  .v7 .case-part .cp-label,.v7 .case-part>p:not(.cp-label),.v7 .case-chips li,.v7 .case-opt .co-name,.v7 .case-opt dt,.v7 .case-opt dd,.v7 .case-note,.v7 .case-copy{font-size:16px}
}
/* §40: モデルケースの見出しに開閉の印（＋／−）。押せることが分かるように */
.v7 .case-sum{position:relative;padding-right:52px}
.v7 .case-sum::after{content:"＋";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:18px;line-height:1;color:var(--ink-2)}
.v7 .case[open]>.case-sum::after{content:"−"}
.v7 .case-sum:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
/* §40: 選択肢のカードの項目名は折り返さない（値の方を折り返す） */
.v7 .case-opt dl{grid-template-columns:auto minmax(0,1fr)}
.v7 .case-opt dt{white-space:nowrap}

/* v11 の QA（0cc32df7）L1: CG の札は、枠が仮の間は「素材の差し替え予定」を同じ行に添える */
.v7 .ax-cards .cg-ba .photo-cap [data-draft="V-45"]{display:inline}
.v7 .ax-cards .cg-ba .photo-cap .ba-pending{font-weight:400;color:var(--ink-2)}
.v7 .ax-cards .cg-ba .photo-cap .ba-pending::after{content:"\A";white-space:pre}
/* v11 の QA の後の自己確認: PC で選択肢が3つ並ぶ（相続・投資）と、カードが細く、長い項目名の横で値が1文字幅に潰れた。3つ並ぶときだけ、項目名の下に値を置く（どちらも折り返さない） */
@media (min-width:1101px){
  .v7 #cases .case-cmp:has(> .case-opt:nth-child(3)) .case-opt dl{grid-template-columns:minmax(0,1fr);row-gap:0}
  .v7 #cases .case-cmp:has(> .case-opt:nth-child(3)) .case-opt dd{margin:0 0 6px;text-align:left}
}

/* §40-12（2026-10-02 代表の判断 案B）: ⑥ の5行を戻し、CASE 01 をすべての幅で開いた分、余白だけを詰める（情報は削らない）。
   既存の指定の方が強い所（#cases の上の余白・⑥ の帯・ケースの並びと締めの上の余白）は !important で上書きする */
.v7 .act-map{padding:12px 0!important;gap:8px!important}
.v7 #cases.cases{margin-top:32px!important;padding-top:24px!important}
.v7 #cases .case-list{margin-top:16px!important}
.v7 #cases .cases-close{margin-top:16px!important}
.v7 #cases details.case .case-body{padding-bottom:12px}
/* iPad: 選択肢を横に並べる（1枚 200px 以上で折り返す） */
@media (min-width:601px) and (max-width:1100px){
  .v7 #cases details.case .case-cmp{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
}
@media (max-width:600px){
  .v7 #cases.cases{margin-top:16px!important;padding-top:16px!important}
  .v7 #cases .case-list{margin-top:12px!important}
  .v7 #cases .cases-close{margin-top:12px!important}
  .v7 #cases details.case .case-body{gap:8px}
  .v7 #cases details.case .case-part{padding-top:8px}
  .v7 #cases details.case .case-opt dt,.v7 #cases details.case .case-opt dd,.v7 #cases details.case .case-opt .co-name{line-height:1.5}
  .v7 #cases details.case .case-note{line-height:1.6}
}

/* §41（2026-10-02 代表の判断・D-AC2〜9）: ⑦ いまの賃料チェック — 条件 → 幅 → メールと同意 → 5項目＋簡易戦略マップ＋CTA。⑨ の相談は査定から引き継ぐ */
.v7 .sim-section .hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.v7 .sim-section details.sim-opt>summary{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;cursor:pointer;list-style:none;min-height:44px;padding:10px 0}
.v7 .sim-section details.sim-opt>summary::-webkit-details-marker{display:none}
.v7 .sim-section details.sim-opt>summary::after{content:"＋";margin-left:auto;color:var(--muted)}
.v7 .sim-section details.sim-opt[open]>summary::after{content:"−"}
.v7 .sim-section .sim-opt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.v7 .sim-section .field-error{display:block;min-height:0;font-size:13px;color:var(--error)}
.v7 .sim-section .field-error:empty{display:none}
.v7 .sim-section .sim-bucket{margin-top:6px;font-size:13px;color:var(--muted)}
.v7 .sim-section .sim-notes{margin:8px 0 0;padding-left:1.2em;font-size:13px;line-height:1.7;color:var(--muted)}
.v7 .sim-section .sim-unused{margin-top:6px;font-size:13px;color:var(--muted)}
.v7 .sim-section .sim-box{margin-top:8px;padding:12px 0;border-top:1px solid var(--rule)}
.v7 .sim-section .sim-box-title{font-size:16px;font-weight:700}
.v7 .sim-section .sim-box-body{margin-top:4px;font-size:14px;line-height:1.8}
.v7 .sim-section .sim-mail{margin-top:16px}
.v7 .sim-section .sim-gate-run{margin-top:14px;width:100%}
.v7 .sim-section .sim-verdict dd{font-size:14px;line-height:1.7}
.v7 .sim-section .sim-chip{display:inline-block;margin-right:6px;padding:0 8px;border:1px solid var(--rule);border-radius:999px;font-size:12px;line-height:20px;color:var(--muted)}
.v7 .sim-section .sim-map{margin:12px 0 0}
.v7 .sim-section .sim-map figcaption{font-size:13px;font-weight:700}
.v7 .sim-section .sim-map figcaption small{display:block;font-weight:400;color:var(--muted)}
.v7 .sim-section #sim-map-svg{display:block;width:100%;height:auto;max-width:600px;margin-top:6px}
.v7 .sim-section #sim-map-svg .band{fill:var(--field);stroke:var(--rule)}
.v7 .sim-section #sim-map-svg .band-label,.v7 .sim-section #sim-map-svg .no,.v7 .sim-section #sim-map-svg .weeks{font-size:15px;fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}
.v7 .sim-section #sim-map-svg .weeks{fill:var(--muted)}
.v7 .sim-section #sim-map-svg .path{fill:none;stroke:var(--ink);stroke-width:2}
.v7 .sim-section #sim-map-svg .path-dash{stroke:var(--ink);stroke-width:2;stroke-dasharray:6 6}
.v7 .sim-section #sim-map-svg .mark{fill:var(--paper);stroke:var(--ink);stroke-width:2}
.v7 .sim-section #sim-map-svg .mark-review{fill:var(--paper);stroke:var(--ink);stroke-width:2}
.v7 .sim-section .sim-map-steps{margin:8px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.v7 .sim-section .sim-map-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 6px;font-size:13px;line-height:1.6}
.v7 .sim-section .sim-map-steps b{font-family:var(--num)}
.v7 .sim-section .sim-nextcheck ul{margin:6px 0 0;padding-left:1.2em;font-size:14px;line-height:1.8}
.v7 .sim-section .sim-next-note{margin-top:4px;font-size:13px;color:var(--muted)}
.v7 .sim-section .sim-detail{margin-top:14px}
.v7 .sim-section .sim-detail-done{margin-top:6px;font-size:13px;color:var(--muted)}
.v7 .sim-section .sim-outbox{margin-top:12px;font-size:13px}
.v7 .sim-section .sim-outbox summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--muted)}
.v7 .sim-section .sim-outbox-list{margin:0;padding-left:1.2em}
.v7 .sim-section .sim-outbox pre{max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-all;font-size:12px;background:var(--field);padding:8px}
@media (max-width:600px){
  .v7 .sim-section .sim-map-steps{grid-template-columns:minmax(0,1fr)}
  .v7 .sim-section .sim-opt-grid{grid-template-columns:minmax(0,1fr)}
}
.v7 #consult-form .carry{margin-top:14px;padding:12px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.v7 #consult-form .carry-head{font-size:14px;font-weight:700}
.v7 #consult-form .carry-tag{display:inline-block;margin-right:8px;padding:0 8px;border:1px solid var(--ink);border-radius:999px;font-size:12px;font-style:normal;font-weight:400;line-height:20px}
.v7 #consult-form .carry-tag[hidden]{display:none}
.v7 #consult-form .carry-values{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;margin-top:8px;font-size:13px}
.v7 #consult-form .carry-values dt{color:var(--muted)}
.v7 #consult-form .carry-note{margin-top:6px;font-size:13px;color:var(--muted)}
.v7 #consult-form input[readonly]{background:var(--field)}
.v7 #consult-form .consult-outbox{margin-top:8px;font-size:13px;color:var(--muted)}
.v7 .sim-section .sim-map-steps small{grid-column:2;font-size:12px;color:var(--muted)}
@media (max-width:600px){
  .v7 .sim-section #sim-map-svg .no,.v7 .sim-section #sim-map-svg .weeks{display:none}
  .v7 .sim-section #sim-map-svg .band-label{font-size:30px}
}
/* §41: 5項目の見出しを同じ形に（2・3 は項目名が折り返さない） */
.v7 .sim-section .sim-verdict dt,.v7 .sim-section .sim-policy h4,.v7 .sim-section .sim-nextcheck h4{font-size:16px;font-weight:700;line-height:1.5;color:var(--ink)}
.v7 .sim-section .sim-verdict>div{grid-template-columns:minmax(0,1fr);gap:2px}
.v7 .sim-section .sim-klabel{font-size:16px;font-weight:700;color:var(--ink)}

/* §42（2026-10-03 代表の指示）: 簡易版は戦略マップ本体の入口 — 高め／標準／下限・簡易6角形（枠と札だけ）・想定ターゲットの仮説・簡単な勝ち／弱み・詳しい戦略マップで分かること・CTA 3導線 */
.v7 .sim-section .sim-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;margin:10px 0 0;padding:8px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.v7 .sim-section .sim-points>div{display:grid;gap:2px}
.v7 .sim-section .sim-points dt{font-size:13px;color:var(--muted)}
.v7 .sim-section .sim-points dd{margin:0;font-size:16px;font-weight:700;font-family:var(--num)}
.v7 .sim-section .sim-entry{display:grid;gap:14px;margin-top:16px;padding-top:12px;border-top:1px solid var(--rule)}
.v7 .sim-section .sim-entry h4,.v7 .sim-section .sim-fullmap h4{font-size:16px;font-weight:700;line-height:1.5;color:var(--ink)}
.v7 .sim-section .sim-hex-body{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;align-items:center;margin-top:6px}
.v7 .sim-section .sim-hex-svg{width:160px;height:auto;display:block}
.v7 .sim-section .sim-hex-svg .hex-frame{fill:none;stroke:var(--rule);stroke-width:1.5}
.v7 .sim-section .sim-hex-svg .hex-spoke{stroke:var(--rule);stroke-width:1}
.v7 .sim-section .sim-hex-axes{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.v7 .sim-section .sim-hex-axes li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:0 8px;align-items:center;font-size:14px}
.v7 .sim-section .sim-hex-axes b{font-family:var(--num)}
.v7 .sim-section .sim-hex-axes em{font-style:normal}
.v7 .sim-section .sim-hex-note,.v7 .sim-section .sim-target-note{margin-top:6px;font-size:13px;color:var(--muted)}
.v7 .sim-section .sim-target-text{margin-top:4px;font-size:16px;line-height:1.7}
.v7 .sim-section .sim-simple h4 small{font-size:13px;font-weight:400;color:var(--muted)}
/* §42-6 の続き（統括 19:20・画面と同じやり方）: note は語のまとまり（.ph）の境でだけ折り返す。SP 320・360・390 で確かめる */
.v7 .sim-section .sim-simple h4 small{word-break:auto-phrase}.v7 .sim-section .sim-simple h4 small .ph{display:inline-block;max-width:100%}
.v7 .sim-section .sim-simple-list{display:grid;gap:4px;margin:6px 0 0}
.v7 .sim-section .sim-simple-list>div{display:grid;grid-template-columns:7em minmax(0,1fr);gap:0 8px;font-size:14px}
.v7 .sim-section .sim-simple-list dt{color:var(--muted)}
.v7 .sim-section .sim-simple-list dd{margin:0}
.v7 .sim-section .sim-fullmap{margin-top:16px;padding-top:12px;border-top:1px solid var(--rule)}
.v7 .sim-section .sim-fullmap-copy{font-size:20px;font-weight:700;line-height:1.5}
.v7 .sim-section .sim-fullmap-sub{margin-top:4px;font-size:14px;line-height:1.8}
.v7 .sim-section .sim-fullmap h4{margin-top:10px}
.v7 .sim-section .sim-fullmap-list{margin:6px 0 0;padding-left:1.2em;font-size:14px;line-height:1.8;columns:2;column-gap:20px}
.v7 .sim-section .sim-cta3{display:grid;gap:8px;margin-top:14px}
.v7 .sim-section .sim-cta3 .button{width:100%}
@media (max-width:600px){
  .v7 .sim-section .sim-hex-body{grid-template-columns:minmax(0,1fr)}
  .v7 .sim-section .sim-hex-svg{width:140px;margin:0 auto}
  .v7 .sim-section .sim-fullmap-list{columns:1}
}
.v7 .sim-section .sim-hex-input{grid-column:2 / -1;font-size:12px;color:var(--muted)}

/* QA（b2fbec37）: 6角形の軸の説明（スマホで折り返す）・候補の説明・メールの後の追従と上の帯（L-m）・入力の段の sticky（O9） */
.v7 .sim-section .sim-hex-desc{grid-column:2 / -1;font-size:12px;line-height:1.6;color:var(--muted)}
.v7 .sim-section .sim-simple-text{margin-top:6px;font-size:14px;line-height:1.7}
.v7 .sim-section .sim-target-text .sim-chip{vertical-align:middle}
body.v7.sim-done .mobile-cta{display:none!important}
body.v7.sim-done .header .header-cta{background:transparent!important;background-image:none!important;color:var(--ink)!important;border:1px solid var(--ink)!important;box-shadow:none!important}
@media (min-width:1024px){ .v7 .sim-section .sim-grid{align-items:start} .v7 .sim-section .sim-inputs{position:sticky;top:76px} }

/* §43（代表の指示 2026-10-03 22:3x・統括の決め）: すぐ簡易査定できる・見て分かる。FV のフォーム／2枚目のアイコン／自物件だけの6角形と競合の別枠／CASE01 の比較カード／結果の高め・標準・下限 */
.v7 .qa-form{margin-top:18px;padding:16px 18px 12px;background:var(--c-paper);border:1px solid var(--c-line-soft);border-top:3px solid var(--c-gold);border-radius:8px;color:var(--c-ink)}
.v7 .qa-title{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;word-break:auto-phrase}
.v7 .qa-title b{font-size:20px;font-weight:700;color:var(--c-ink)}
.v7 .qa-title span{font-size:13px;color:var(--c-ink-2)}
.v7 .qa-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 10px;margin-top:10px}
.v7 .qa-wide{grid-column:1 / -1}
.v7 .qa-f label{display:block;margin:0 0 3px;font-size:12px;font-weight:700;color:var(--c-ink)}
.v7 .qa-f select,.v7 .qa-f input{display:block;width:100%;min-height:44px;margin:0;font-size:16px;box-sizing:border-box}
.v7 .qa-f .field-error{display:block;min-height:0;font-size:12px}
.v7 .qa-consent{display:flex;align-items:flex-start;gap:8px;margin-top:10px;font-size:13px;line-height:1.5;color:var(--c-ink)}
.v7 .qa-consent input{width:20px;height:20px;margin:1px 0 0;flex:none}
.v7 .qa-run{display:flex;width:100%;margin-top:10px;min-height:52px;font-size:16px}
.v7 .qa-purpose{margin-top:8px;font-size:12px;color:var(--c-ink-2)}
.v7 .qa-purpose summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.v7 .qa-purpose p{margin:6px 0 0;font-size:12px;line-height:1.6}
.v7 .qa-purpose p span+span{margin-left:4px}
@media (min-width:601px) and (max-width:1100px){ .hero-copy>.qa-form{grid-column:1 / -1} .v7 .qa-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .v7 .qa-wide{grid-column:auto} }
@media (max-width:600px){ .v7 .qa-form{margin-top:12px;padding:12px 12px 10px} .v7 .qa-title b{font-size:20px} }

.v7 .merits .merit-x{position:relative}
.v7 .merits .mx-icon{position:absolute;top:24px;right:24px;width:44px;height:44px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:600px){ .v7 .merits .mx-icon{top:16px;right:16px;width:36px;height:36px} }

.v7 .sm-grid43 .sm-self-head{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.v7 .sm-grid43 .sm-self-head b{font-size:20px;color:var(--ink)}
.v7 .sm-grid43 .sm-self-head span{font-size:13px;color:var(--muted)}
.v7 .sm-grid43 .sm-hex-wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:8px 18px;align-items:center}
.v7 .sm-hex1{max-width:420px}
.v7 .sm-hex1 .spokes line.nm{stroke-dasharray:6 8;stroke:var(--rule)}
.v7 .sm-hex1 .sr-self{fill:var(--c-gold-a2);stroke:var(--c-gold-ink);stroke-width:4}
.v7 .sm-hex1 .dots circle{fill:var(--c-gold-ink)}
.v7 .sm-hex1 .labels .ax{font-family:var(--gothic);font-size:22px;fill:var(--ink)}
.v7 .sm-hex1 .labels .ax-v{font-size:22px;font-weight:700;fill:var(--accent)}
.v7 .sm-hex1 .labels .ax-v.is-nm{font-weight:400;fill:var(--muted)}
.v7 .sm-axes{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.v7 .sm-axes li{display:grid;grid-template-columns:minmax(0,1fr) auto 2.2em;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--rule-soft);font-size:14px}
.v7 .sm-axes .sa-name{color:var(--ink)}
.v7 .sm-axes .sa-score{font-family:var(--num);font-size:20px;color:var(--ink)}
.v7 .sm-axes .sa-score small{font-size:12px;margin-left:1px}
.v7 .sm-axes .sa-rank{font-style:normal;display:inline-grid;place-items:center;width:2em;height:2em;border-radius:50%;font-weight:700;background:var(--c-stone-wash);color:var(--ink)}
.v7 .sm-axes .sa-rank[data-rank="A"]{background:var(--c-gold);color:var(--c-ink)}
.v7 .sm-axes .sa-nm{grid-column:2 / -1;font-style:normal;font-size:12px;color:var(--muted)}
.v7 .sm-grid43 .sm-total{margin:6px 0 0;display:flex;align-items:baseline;gap:6px}
.v7 .sm-grid43 .sm-total span{font-size:12px;color:var(--muted)}
.v7 .sm-grid43 .sm-total b{font-family:var(--num);font-size:28px;line-height:1;color:var(--ink)}
.v7 .sm-grid43 .sm-total small{font-size:12px;color:var(--muted)}
.v7 .sm-grid43 .sm-comps-title,.v7 .sm-grid43 .sm-comps-note,.v7 .sm-grid43 .sm-comps-how{grid-column:1 / -1;margin:0}
.v7 .sm-grid43 .sm-comps-title{font-size:16px;font-weight:700;color:var(--ink)}
.v7 .sm-grid43 .sm-comps-how{font-size:12px;color:var(--muted)}
.v7 .sm-grid43 .sm-comp h4{margin:0;font-size:14px}
.v7 .sm-grid43 .sm-comp .sm-comp-spec{font-size:12px;line-height:1.5}
.v7 .sm-grid43 .sm-beat{margin:6px 0 0;display:flex;flex-wrap:wrap;gap:4px;font-size:12px}
.v7 .sm-grid43 .sm-beat span{width:100%;color:var(--muted)}
.v7 .sm-grid43 .sm-beat i{font-style:normal;padding:1px 6px;border:1px solid var(--rule);border-radius:10px}
@media (max-width:900px){ .v7 .sm-grid43 .sm-hex-wrap{grid-template-columns:minmax(0,1fr)} .v7 .sm-hex1{margin:0 auto} }
@media (max-width:600px){ .v7 .sm-hex1 .labels .ax,.v7 .sm-hex1 .labels .ax-v{font-size:26px} .v7 .sm-grid43 .sm-total b{font-size:20px} }

.v7 .case-body43{display:grid;gap:12px}
.v7 .case-body43 .case-situ{margin:0;font-size:16px;line-height:1.7}
.v7 .case-vs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.v7 .case-card{margin:0;padding:12px 4px 8px;background:none;border:0;border-top:3px solid var(--c-gold);border-radius:0;min-width:0}
.v7 .case-card .cc-name{margin:0;font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}
.v7 .case-card .cc-name b{display:inline-grid;place-items:center;width:1.8em;height:1.8em;border-radius:50%;background:var(--c-gold);color:var(--c-ink);font-family:var(--num)}
.v7 .case-card .cc-line{position:relative;height:44px;margin:10px 0 6px;border-bottom:2px solid var(--rule)}
.v7 .case-card .cc-line span{position:absolute;top:0;font-size:12px;white-space:nowrap;transform:translateX(-4px)}
.v7 .case-card .cc-line .cl-move{top:auto;bottom:-22px;color:var(--muted)}
.v7 .case-card .cc-line .cl-move::before{content:"";position:absolute;left:3px;top:-16px;width:2px;height:14px;background:var(--muted)}
.v7 .case-card .cc-line .cl-bar{position:absolute;bottom:-4px;height:6px;border-radius:3px;background:var(--c-gold)}
.v7 .case-card .cc-facts{margin:28px 0 0;display:grid;gap:4px}
.v7 .case-card .cc-facts>div{display:grid;grid-template-columns:8.5em minmax(0,1fr);gap:8px;font-size:14px;padding:3px 0;border-bottom:1px solid var(--rule-soft)}
.v7 .case-card .cc-facts dt{color:var(--muted)}
.v7 .case-card .cc-facts dd{margin:0}
.v7 .case-card .cc-facts .is-key dd{font-size:20px;font-weight:700;color:var(--accent)}
@media (max-width:600px){ .v7 .case-vs{grid-template-columns:minmax(0,1fr)} .v7 .case-card .cc-facts>div{grid-template-columns:7.5em minmax(0,1fr)} }

.v7 .sim-section .sim-points>div:nth-child(2){background:var(--c-gold-a2);border-radius:6px;padding:4px 8px}
.v7 .sim-section .sim-points>div:nth-child(2) dd{font-size:20px}
.v7 .sim-section .sim-points>div:first-child dt::after{content:" ↑"}
.v7 .sim-section .sim-points>div:last-child dt::after{content:" ↓"}
/* 競合比較の版（契約 AC1.6・2026-10-07）: 3つの線（挑戦・本命・安全）。見た目は sim-points と同じ並び。強調は「おすすめ」の線だけ（recommended_code・位置で決めない） */
.v7 .sim-section .sim-wait{margin:8px 0 0;padding:12px 0 4px;border-top:1px solid var(--rule);font-size:14px;line-height:1.8}
.v7 .sim-section .sim-wait p{margin:0}
.v7 .sim-section .sim-wait-late{margin-top:6px;color:var(--muted)}
/* 査定中の3つの段階（2026-10-08）: 状態の文だけで示す。進捗率・バー・動きは出さない（動きを減らす設定でも同じ見た目） */
.v7 .sim-section .sim-steps{list-style:none;margin:8px 0 14px;padding:0;display:grid;gap:6px;font-size:14px}
.v7 .sim-section .sim-steps li{display:grid;grid-template-columns:1.6em minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:6px 10px;border:1px solid var(--rule);border-radius:6px}
.v7 .sim-section .sim-steps li b{font-family:var(--num);color:var(--muted)}
.v7 .sim-section .sim-steps .st-state{font-size:13px;color:var(--muted);text-align:right}
.v7 .sim-section .sim-steps li[data-state="checking"]{background:var(--c-gold-a2)}
.v7 .sim-section .sim-steps li[data-state="checking"] .st-state,.v7 .sim-section .sim-steps li[data-state="done"] .st-state,.v7 .sim-section .sim-steps li[data-state="ok2"] .st-state{color:inherit;font-weight:700}
@media (max-width:600px){ .v7 .sim-section .sim-steps li{grid-template-columns:1.4em minmax(0,1fr)} .v7 .sim-section .sim-steps .st-state{grid-column:2;text-align:left} }
.v7 .sim-section .sim-comp-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;margin:10px 0 0;padding:8px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.v7 .sim-section .sim-comp-lines>div{display:grid;gap:2px;align-content:start;border-radius:6px;padding:4px 8px}
.v7 .sim-section .sim-comp-lines>div[data-recommended]{background:var(--c-gold-a2)}
.v7 .sim-section .sim-comp-lines dt{font-size:13px;color:var(--muted)}
.v7 .sim-section .sim-comp-lines dd{margin:0;font-size:18px;font-weight:700;font-family:var(--num);white-space:nowrap}
.v7 .sim-section .sim-comp-lines>div[data-recommended] dd{font-size:20px}
.v7 .sim-section .sim-comp-rec{font-style:normal;font-size:12px;font-weight:700}
.v7 .sim-section .sim-comp-unit,.v7 .sim-section .sim-comp-read{margin:6px 0 0;font-size:13px;color:var(--muted)}
/* 精度の段階（2026-10-08）: 札と件数・C の参考賃料1つ・B と C の注意書き・どの段階でも出す「参考賃料です」・CTA の近くの一文 */
.v7 .sim-section .sim-comp-tier{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:8px 0 0;font-size:14px}
.v7 .sim-section .sim-comp-tier-badge{display:inline-block;padding:2px 10px;border:1px solid var(--rule);border-radius:999px;font-size:13px}
.v7 .sim-section .sim-comp[data-tier="A"] .sim-comp-tier-badge{background:var(--c-gold-a2)}
.v7 .sim-section .sim-comp-count{color:var(--muted);font-size:13px}
.v7 .sim-section .sim-comp-single{margin:10px 0 0;padding:10px 12px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.v7 .sim-section .sim-comp-single .sc-label{margin:0;font-size:13px;color:var(--muted)}
.v7 .sim-section .sim-comp-single .sc-value{margin:2px 0 0;font-size:22px;font-weight:700;font-family:var(--num)}
.v7 .sim-section .sim-comp-notice{margin:8px 0 0;padding:8px 10px;border-left:3px solid var(--rule);font-size:13px;line-height:1.7}
.v7 .sim-section .sim-comp-downgrade{margin:6px 0 0;padding:0 10px;font-size:13px;line-height:1.7;color:var(--muted)}
.v7 .sim-section .sim-comp-ref{margin:8px 0 0;font-size:13px;font-weight:700}
.v7 .sim-section .sim-cta-note{margin:0 0 8px;font-size:13px;color:var(--muted)}
.v7 .sim-section .sim-comp-na{margin-top:8px;padding:12px 0;border-top:1px solid var(--rule)}
.v7 .sim-section .sim-comp-texts{margin:8px 0 0;padding-left:1.2em;font-size:13px;line-height:1.7;list-style:disc}
.v7 .sim-section .sim-comp-explain{margin:10px 0 0;padding-top:8px;border-top:1px solid var(--rule);font-size:13px;line-height:1.7}
.v7 .sim-section .sim-comp-explain dt{font-weight:700;margin-top:6px}
.v7 .sim-section .sim-comp-explain dd{margin:2px 0 0}
@media (max-width:600px){ .v7 .sim-section .sim-comp-lines{gap:0 6px} .v7 .sim-section .sim-comp-lines>div{padding:4px;container-type:inline-size} .v7 .sim-section .sim-comp-lines dd{font-size:clamp(12px, calc(100cqi / 5), 18px)} .v7 .sim-section .sim-comp-lines>div[data-recommended] dd{font-size:clamp(12px, calc(100cqi / 5), 20px)} .v7 .sim-section .sim-comp-lines dt{white-space:nowrap} }
.v7 .sim-section .sim-side-lead{margin:0;font-size:14px;color:var(--muted)}
.v7 .sim-section .sim-to-form{align-self:flex-start}
.v7 .sim-section .sim-rerun{margin-top:10px}
.v7 .qa-form .hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.v7 .qa-form{position:relative}
@media (min-width:1101px){ .v7 .qa-grid .qa-wide{grid-column:auto} .v7 .qa-form{margin-top:14px} }
.v7 .sm-hex1 .ax-no circle{fill:var(--c-paper);stroke:var(--rule);stroke-width:2}
.v7 .sm-hex1 .ax-no text{font-family:var(--num);font-size:22px;font-weight:700;fill:var(--ink)}
.v7 .sm-axes li{grid-template-columns:1.6em minmax(0,1fr) auto 2.2em}
.v7 .sm-axes .sa-no{font-family:var(--num);font-size:14px;color:var(--muted)}
.v7 .sm-axes .sa-nm{grid-column:3 / -1}
.v7 .case-body.case-body43{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.v7 .case-body43 .case-vs{grid-column:1 / -1}
.v7 .case-card .cc-facts>div{grid-template-columns:10em minmax(0,1fr)}
@media (max-width:600px){ .v7 .case-card .cc-facts>div{grid-template-columns:8.5em minmax(0,1fr)} }
.v7 #cases details.case[open] .case-body.case-body43{grid-template-columns:minmax(0,1fr)}
.v7 #cases details.case[open] .case-body43 .case-copy,.v7 #cases details.case[open] .case-body43>*{grid-column:1;grid-row:auto}
.v7 .qa-f label{font-size:13px} .v7 .qa-f label .req{margin-left:4px;font-size:12px;font-weight:400;color:var(--c-alert)} .v7 .qa-consent b{font-size:12px;font-weight:400;color:var(--c-alert)}
.v7 .sm-axes li{font-size:16px}
.v7 .sm-axes .sa-name{font-size:16px}
@media (max-width:600px){ .v7 .sm-grid43 .sm-radar-card{padding-left:0;padding-right:0} .v7 .sm-grid43 .sm-self-head,.v7 .sm-grid43 .sm-axes,.v7 .sm-grid43 .sm-radar-note{padding-left:12px;padding-right:12px} .v7 .sm-hex1{max-width:none;width:100%} }
.v7 .qa-title span{font-size:14px;color:var(--c-ink)}
/* §43: 背の低い PC（1280×720・1366×768）でも FV のフォームの送るボタンまで最初の画面に入れる（文言は変えない） */
@media (min-width:1101px) and (max-height:780px){ .hero3 .hero-copy{padding-top:84px} .hero3 .hero-copy h1{font-size:44px} .v7 .hero-copy .hero-lead{font-size:14px;line-height:1.7;margin-top:10px} .v7 .qa-form{margin-top:10px;padding:10px 14px 8px} .v7 .qa-grid{margin-top:6px;gap:2px 10px} .v7 .qa-f select,.v7 .qa-f input{min-height:40px} .v7 .qa-run{min-height:46px;margin-top:6px} .v7 .qa-consent{margin-top:4px} .v7 .qa-purpose{margin-top:4px} }

/* §43: SP（600px 以下）は、FV の判断の面（関門7: 本命家賃・勝ち負け・戦い方・注記）を最初の画面に残し、簡易査定のフォームはそのすぐ後に置く（DOM は FV のまま。並びだけ変える） */
@media (max-width:600px){ .hero.hero3{display:flex;flex-direction:column} .hero3 .hero-copy{display:contents} .hero3 .hero-copy>h1{order:1;margin:10px 20px 0} .hero3 .hero-copy>.hero-lead{order:2;margin-left:20px;margin-right:20px} .hero3 .hero-visual{order:3} .hero3 .hero-copy>.qa-form{order:4;margin:12px 20px 16px} }
@media (max-width:360px){ .hero3 .hero-copy>h1,.hero3 .hero-copy>.hero-lead{margin-left:16px;margin-right:16px} .hero3 .hero-copy>.qa-form{margin-left:16px;margin-right:16px} }

/* §43: 長さを少し詰める（中身は削らない）。PC は FV のフォームの下に 40px 以上の余白を残す */
@media (min-width:1101px){ .v7 .qa-form{padding:12px 16px 6px} .v7 .qa-grid{margin-top:8px;gap:2px 10px} .v7 .qa-consent{margin-top:6px} .v7 .qa-run{margin-top:8px} .v7 .qa-purpose{margin-top:2px} }
@media (max-width:600px){ .v7 .sm-axes li{padding:4px 0} .v7 .case-card .cc-facts>div{padding:2px 0} .v7 .case-card .cc-line{margin:8px 0 4px} .v7 .case-card .cc-facts{margin-top:24px} .v7 .case-body43{gap:8px} .v7 .sm-grid43 .sm-beat{margin-top:4px} }
@media (min-width:1101px){ .v7 .qa-form{margin-top:8px;padding-top:10px} }
@media (max-width:600px){ .v7 .hero3 .hero-copy>.qa-form{margin:8px 20px 12px} .v7 .sm-grid43 .sm-beat i{border:0;padding:0;border-radius:0} .v7 .sm-grid43 .sm-beat i+i::before{content:"・"} .v7 .sm-grid43 .sm-beat{gap:0} .v7 .case-card .cc-line{height:36px} .v7 .case-card .cc-facts{margin-top:22px} .v7 .sm-grid43 .sm-comp .sm-comp-spec{line-height:1.4} }
@media (max-width:360px){ .v7 .hero3 .hero-copy>.qa-form{margin-left:16px;margin-right:16px} }

/* §43-2: 間取りの注・総合点の添え */
.v7 .sm-axes-note{margin:6px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}
.v7 .sm-grid43 .sm-self-total small{margin-left:6px}
/* §43-2（統括 00:04 の決め 6）: SP360 以下は、余白（padding・margin・gap）だけで縮める。文字の大きさ・中身は変えない。ほかの幅は変えない */
@media (max-width:360px){ .v7 #sample.section{padding-top:56px;padding-bottom:56px} .v7 #more.section{padding-top:56px;padding-bottom:56px} .v7 #strategy.section{padding-top:36px;padding-bottom:36px} .v7 #consultation{padding-bottom:64px} .v7 .sm-grid43 .sm-hex-wrap{gap:4px 18px} .v7 .case-body43{gap:6px} }
@media (max-width:360px){ .v7 .faq-section.section{padding-top:32px;padding-bottom:32px} }
/* §43-3（統括 00:30）: SP390（361〜390px）も余白だけで縮める。文字の大きさと文は変えない。360 以下は上の決め 6 のまま・391 以上は変えない */
@media (min-width:361px) and (max-width:390px){ .v7 #sample.section{padding-top:64px;padding-bottom:64px} .v7 #more.section{padding-top:64px;padding-bottom:64px} }

/* §44（代表の指示 2026-10-04）: 見本は競合と比べた相対評価。レーダーを主役に（PC 420〜450px 四方・カードの左約45%）・SP は上にレーダー（横幅の約90%・290〜320px）・下に一覧 */
.v7 .sm-grid44{grid-template-columns:minmax(0,1fr) 292px;align-items:start}
.v7 .sm-grid44 .sm-radar-card{padding:24px 28px 18px}
.v7 .sm-grid44 .sm-self-head{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.v7 .sm-grid44 .sm-self-head b{font-size:20px;color:var(--ink)}
.v7 .sm-grid44 .sm-self-head span{font-size:14px;color:var(--muted)}
.v7 .sm-grid44 .sm-hex-wrap{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:0 12px;align-items:center;margin-top:8px}
.v7 .sm-grid44 .sm-hex44{display:block;width:100%;max-width:450px;height:auto;margin:0 auto;aspect-ratio:1 / 1}
.v7 .sm-hex44 .rings polygon{fill:none;stroke:var(--rule);stroke-width:1.5}
.v7 .sm-hex44 .spokes line{stroke:var(--rule-soft);stroke-width:1.5}
.v7 .sm-hex44 .sr-self{fill:var(--c-gold-a2);stroke:var(--c-gold-ink);stroke-width:4}
.v7 .sm-hex44 .dots circle{fill:var(--c-gold-ink)}
.v7 .sm-hex44 .ax44{font-family:var(--gothic);font-size:27px;font-weight:700;fill:var(--ink)}
.v7 .sm-hex44 .ax44 .ax-no{fill:var(--accent)}
.v7 .sm-grid44 .sm-axes{margin:0;padding:0;list-style:none;display:grid;gap:0}
.v7 .sm-grid44 .sm-axes li{display:grid;grid-template-columns:1.6em minmax(0,1fr) auto 7.5em;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--rule-soft);font-size:16px}
.v7 .sm-grid44 .sm-axes .sa-no{font-size:16px;color:var(--accent)}
.v7 .sm-grid44 .sm-axes .sa-name{color:var(--ink)}
.v7 .sm-grid44 .sm-axes .sa-score{font-family:var(--num);font-size:20px;color:var(--ink);text-align:right}
.v7 .sm-grid44 .sm-axes .sa-score small{font-size:12px;margin-left:1px}
.v7 .sm-grid44 .sm-axes .sa-tag{font-style:normal;font-size:12px;color:var(--muted);text-align:right}
.v7 .sm-grid44 .sm-axes .sa-tag[data-tag="strong"]{color:var(--accent);font-weight:700}
.v7 .sm-grid44 .sm-score-line{margin:12px 0 0;display:flex;align-items:baseline;gap:6px}
.v7 .sm-grid44 .sm-score-line span{font-size:14px;color:var(--ink);font-weight:700}
.v7 .sm-grid44 .sm-score-line b{font-family:var(--num);font-size:28px;line-height:1;color:var(--ink)}
.v7 .sm-grid44 .sm-score-line small{font-size:13px}
.v7 .sm-grid44 .sm-scale{margin:6px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}
.v7 .sm-grid44 .sm-radar-note{margin-top:10px;font-size:13px;line-height:1.6;color:var(--muted)}
.v7 .sm-grid44 .sm-radar-note span{margin-right:8px}
.v7 .sm-grid44 .sm-right{display:grid;grid-template-rows:auto auto;gap:16px}
.v7 .sm-grid44 .sm-self-spec{font-size:16px}
.v7 .sm-grid44 .sm-total{margin:6px 0 0;display:flex;align-items:baseline;gap:6px}
.v7 .sm-grid44 .sm-total span{font-size:12px;color:var(--muted)}
.v7 .sm-grid44 .sm-total b{font-family:var(--num);font-size:28px;line-height:1;color:var(--ink)}
.v7 .sm-grid44 .sm-total small{font-size:12px;color:var(--muted)}
.v7 .sm-grid44 .sm-comps{grid-template-columns:minmax(0,1fr);gap:10px}
.v7 .sm-grid44 .sm-comps-title,.v7 .sm-grid44 .sm-comps-note{grid-column:1 / -1;margin:0}
.v7 .sm-grid44 .sm-comps-title{font-size:16px;font-weight:700;color:var(--ink)}
.v7 .sm-grid44 .sm-comp{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 12px;align-items:baseline}
.v7 .sm-grid44 .sm-comp h4{margin:0;font-size:14px}
.v7 .sm-grid44 .sm-comp .sm-total{margin:0;justify-content:flex-end}
.v7 .sm-grid44 .sm-comp .sm-total b{font-size:20px}
.v7 .sm-grid44 .sm-comp .sm-comp-rent,.v7 .sm-grid44 .sm-comp .sm-comp-spec,.v7 .sm-grid44 .sm-comp .sm-beat{grid-column:1 / -1}
.v7 .sm-grid44 .sm-comp .sm-comp-rent b{font-size:20px}
.v7 .sm-grid44 .sm-comp .sm-comp-spec{font-size:12px;line-height:1.5}
.v7 .sm-grid44 .sm-beat{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:4px;font-size:12px}
.v7 .sm-grid44 .sm-beat span{color:var(--muted);margin-right:4px}
.v7 .sm-grid44 .sm-beat i{font-style:normal;padding:0 6px;border:1px solid var(--rule);border-radius:10px}
@media (max-width:1100px){ .v7 .sm-grid44{grid-template-columns:minmax(0,1fr)} .v7 .sm-grid44 .sm-right{grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:auto} .v7 .sm-grid44 .sm-comps{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:600px){
  .v7 .sm-grid44 .sm-radar-card{padding:16px 12px 12px}
  .v7 .sm-grid44 .sm-hex-wrap{grid-template-columns:minmax(0,1fr);gap:10px}
  .v7 .sm-grid44 .sm-hex44{width:min(96%,320px);max-width:320px}
  .v7 .sm-grid44 .sm-right{grid-template-columns:minmax(0,1fr)}
  .v7 .sm-grid44 .sm-comps{grid-template-columns:minmax(0,1fr)}
  .v7 .sm-grid44 .sm-axes li{grid-template-columns:1.6em minmax(0,1fr) auto 6.8em;gap:6px;padding:6px 0}
}
@media (max-width:374px){ .v7 .sm-hex44 .ax44{font-size:32px} .v7 .sm-grid44 .sm-comp{grid-template-columns:minmax(0,1fr)} .v7 .sm-grid44 .sm-comp .sm-total{justify-content:flex-start} }
@media (max-width:1100px){ .v7 .sm-grid44 .sm-comp{grid-template-columns:minmax(0,1fr)} .v7 .sm-grid44 .sm-comp .sm-total{justify-content:flex-start} }
.v7 .sm-verdict .sv-col li small{font-size:13px;font-weight:400;color:var(--muted)}

/* §45（代表の指示 2026-10-04）: ブレインが作った画像6枚（暖かい自然光・木と石と白）。PC は 16:9 を活かし、SP は節ごとに object-position で主役を残す */
.v7 .gen-photo{margin:0}
.v7 .gen-photo img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px}
.hero3 .photo-wrap .photo{object-position:62% 62%}
@media (min-width:1101px){ .hero3 .photo-wrap .photo{object-position:62% 62%;transform:none} }
@media (max-width:600px){ .hero3 .photo-wrap .photo{object-position:66% 64%} }
.v7 .about-photo.gen-photo img{object-position:50% 45%}
@media (max-width:600px){ .v7 .about-photo.gen-photo img{object-position:42% 50%} }
.v7 .ask-photo{margin:28px auto 0;max-width:720px}
.v7 .ask-photo img{object-position:40% 60%}
@media (max-width:600px){ .v7 .ask-photo{margin-top:20px} .v7 .ask-photo img{object-position:36% 62%} }
.v7 .case-body43 .case-photo{max-width:560px}
.v7 .case-body43 .case-photo img{object-position:80% 70%}
@media (min-width:1101px){ .v7 #cases details.case[open] .case-body.case-body43{grid-template-columns:minmax(0,1fr) 400px} .v7 #cases details.case[open] .case-body43>*{grid-column:1} .v7 #cases details.case[open] .case-body43>.case-photo{grid-column:2;grid-row:1 / span 2;align-self:start;max-width:none} }
@media (max-width:600px){ .v7 .case-body43 .case-photo img{object-position:86% 70%} }
.v7 .sim-section .sim-photo{margin-top:16px}
.v7 .sim-section .sim-photo img{object-position:50% 55%}
@media (max-width:600px){ .v7 .sim-section .sim-photo img{object-position:56% 60%} }
.v7 .consult-copy .consult-photo{margin-top:24px}
.v7 .consult-copy .consult-photo img{object-position:40% 62%}
@media (max-width:600px){ .v7 .consult-copy .consult-photo img{object-position:36% 66%} }
/* §45: 伸びを小さくする（PC・iPad は ⑤ の文の横に画像・相談の画像は列の幅より小さく。文章と構成は変えない） */
@media (min-width:768px){ .v7 .ask{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,38%);column-gap:40px;align-items:center;text-align:left} .v7 .ask>*{grid-column:1} .v7 .ask .more-lead{margin-left:0} .v7 .ask-ctas{justify-content:flex-start} .v7 .ask>.ask-photo{grid-column:2;grid-row:1 / span 4;margin:0;max-width:none} }
@media (min-width:1101px){ .v7 .consult-copy .consult-photo{max-width:400px} }
/* §44-3（代表の指示 08:30）: 結果の6角形を見本のレーダーと同じ見た目の言葉に（輪・軸の線の色・軸の近くの丸い番号・カードの枠）。点数の多角形は描かない */
/* 統括 09:2x で置き換え: 画面（7ee1674f）と同じ決め＝カードは図（紙の地・ストーンの1px の枠・角丸 6px・スマホでも枠を残す）／輪と軸はストーンの線（軸は未計測で点線）／番号は濃い金の太字／V-96 は「簡易査定ではここまで」の枠の中に1か所 */
.v7 .sim-section .sim-hex-body{grid-template-columns:300px minmax(0,1fr);align-items:start}
.v7 .sim-section .sim-hex-fig{margin:0;background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:12px 12px 10px}
.v7 .sim-section .sim-hex-svg{width:100%;height:auto;aspect-ratio:1 / 1}
.v7 .sim-section .sim-hex-svg .hex-ring,.v7 .sim-section .sim-hex-svg .hex-frame{fill:none;stroke:var(--rule);stroke-width:1;vector-effect:non-scaling-stroke}
.v7 .sim-section .sim-hex-svg .hex-spoke{stroke:var(--rule);stroke-width:1;vector-effect:non-scaling-stroke}
.v7 .sim-section .sim-hex-svg .hex-no{font-family:var(--gothic);font-size:42px;font-weight:700;fill:var(--accent)}
.v7 .sim-section .sim-hex-axes b{color:var(--accent);font-weight:700;font-family:var(--gothic)}
.v7 .sim-section .sim-hex-cap{margin-top:4px;font-size:12px;line-height:1.6;color:var(--muted)}
.v7 .sim-section .sim-hex-bridge{margin-top:14px;background:var(--card);border:1px solid var(--c-gold);padding:12px 14px;display:grid;gap:6px}
.v7 .sim-section .sim-hb-head{margin:0;font-family:var(--mincho);font-size:18px}
.v7 .sim-section .sim-hb-body,.v7 .sim-section .sim-hex-bridge .sim-hex-diff{margin:0;font-size:14px;line-height:1.7;color:var(--ink)}
.v7 .sim-section .sim-hex-bridge .sim-hex-note{margin:0}
@media (max-width:600px){ .v7 .sim-section .sim-hex-body{grid-template-columns:minmax(0,1fr)} .v7 .sim-section .sim-hex-fig{width:min(80%,280px);margin:0 auto;padding:16px 12px 12px} }
/* §44-3（統括 08:30）: FV の「注意」の賃料の添え（一部の競合の方が安い）。「賃料」は割らずに、添えは横（PC）か下の行（SP）へ。どの幅でも 12px 以上 */
.v7 .hs-wl2 li .wl-k{white-space:nowrap;flex:none}
.v7 .hs-wl2 li small{font-family:var(--gothic);font-size:13px;line-height:1.35;color:var(--muted);min-width:0;align-self:center}
@media (max-width:600px){
  .v7 .hs-wl2.is-lose li:has(small){flex:1 1 0;flex-wrap:wrap;white-space:normal;min-width:0}
  .v7 .hs-wl2 li small{flex:1 0 100%;font-size:12px;line-height:1.3}
}
/* §44-3: 賃料の添えは「（一部の競合の」「方が安い）」の区切りでだけ折り返す（「い）」だけが次の行に残らないように。文は同じ） */
.v7 small .nb{display:inline-block}
/* 統括 09:58: スマホでもカードの内側に余白を残す（見本の SP と同じ 16px 12px 12px。枠から文字と図を 8px 以上離す） */
/* 統括 10:00 の決め（SP の長さの上限は変えず、画像6枚も残す）: SP（600 以下）だけ、HERO 以外の5枚の画像の高さを横長に詰める。object-fit:cover と節ごとの object-position はそのまま。HERO・文・構成・CTA は変えない */
@media (max-width:600px){ .v7 .gen-photo img{aspect-ratio:5 / 1} }
@media (max-width:374px){ .v7 .gen-photo img{aspect-ratio:auto;height:52px} }
/* 374 以下は図が小さくなるので、結果の6角形の番号を大きく（見本の 374 以下と同じ考え。画面の上で 12px 以上） */
@media (max-width:374px){ .v7 .sim-section .sim-hex-svg .hex-no{font-size:48px} }
/* ===== 代表 10/04 SP HERO（統括 13:18 の決め）: SP（600 以下）だけ、HERO の画像を背景にして、ヘッダー・h1・本文・写真の札を画像の上に重ねる。
   うすい黒のオーバーレイで文字を読めるようにし、フォームの頭（「無料で簡易査定」のカード）を画像の下の端に重ねる。「この家の判断」はフォームの下。
   601px 以上（iPad・PC）は変えない。文・CTA の文言・フォームの欄は変えない ===== */
@media (max-width:600px){
  .v7 .header .brand,.v7 .header .brand-dot,.v7 .header .brand small{color:var(--c-paper)}
  .v7 .hero.hero3{display:grid;grid-template-columns:20px minmax(0,1fr) 20px;grid-template-rows:52px auto auto minmax(24px,1fr) 28px auto auto;margin-top:-52px;padding:0;position:relative}
  .v7 .hero.hero3 .hero-visual{display:contents}
  .v7 .hero.hero3 .photo-wrap{grid-column:1 / -1;grid-row:1 / 6;position:relative;left:auto;top:auto;bottom:auto;width:auto;height:auto;margin:0;overflow:hidden;z-index:0;min-height:calc(45.6svh + 28px)}
  .v7 .hero.hero3 .photo-wrap .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% 70%;transform:none}
  .v7 .hero.hero3 .photo-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--c-ink) 60%,transparent) 0%,color-mix(in srgb,var(--c-ink) 54%,transparent) 30%,color-mix(in srgb,var(--c-ink) 70%,transparent) 48%,color-mix(in srgb,var(--c-ink) 70%,transparent) 92%,color-mix(in srgb,var(--c-ink) 44%,transparent) 100%)}
  .v7 .hero.hero3 .hero-copy>h1{grid-column:2;grid-row:2;position:relative;z-index:1;margin:8px 0 0;color:var(--c-paper)}
  .v7 .hero.hero3 .hero-copy>.hero-lead{grid-column:2;grid-row:3;position:relative;z-index:1;margin:10px 0 0;color:var(--c-paper)}
  .v7 .hero.hero3 .photo-tag{grid-column:2;grid-row:4;justify-self:end;align-self:end;position:relative;left:auto;right:auto;top:auto;bottom:auto;z-index:1;margin:0 0 8px}
  .v7 .hero.hero3 .hero-copy>.qa-form{grid-column:2;grid-row:5 / 7;position:relative;z-index:2;margin:0 0 12px}
  .v7 .hero.hero3 .hero-summary{grid-column:2;grid-row:7;margin:0}
}
/* 代表 10/04（統括 13:47）: キャッチは2文目を主役に。FV のフォームは8項目（PC は2列・iPad は4列・SP は select を2列、市区町村・最寄駅・駅徒歩・メールは1行） */
.v7 .hero3 h1 .h1-pre{display:inline-block;font-size:.5em;line-height:1.4;margin-bottom:.2em}
.v7 .hero3 h1 .h1-main{display:inline-block}
.v7 .qa-f .opt{margin-left:4px;font-size:12px;font-weight:400;color:var(--muted)}
.v7 .qa-f .qa-help{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:var(--muted)}
@media (max-width:600px){ .v7 .qa-grid .qa-city,.v7 .qa-grid .qa-station{grid-column:1 / -1} }
/* 代表 10/04: 長くなったキャッチと8項目を詰める（文と欄は変えない）。601 以上は前置きの文を1行に・主役の文を列の幅に収める。フォームは行の間と欄の名前を詰める */
@media (min-width:768px){ .v7 .hero3 h1 .h1-pre br{display:none} }
@media (min-width:1101px){ .v7 .hero3 h1 .h1-main{font-size:.68em;line-height:1.25} .v7 .hero3 h1 .h1-pre{font-size:.4em;margin-bottom:6px} }
.v7 .qa-f label{line-height:1.3}
.v7 .qa-grid{row-gap:6px}
@media (max-width:600px){ .v7 .qa-f label{margin-bottom:2px} .v7 .qa-grid{gap:6px 8px} }
/* 代表 10/04 キャッチ: 主役の文が語の途中で折れないように、幅ごとに大きさをそろえる（iPad は 0.8 倍・1441 以上は 0.6 倍） */
@media (min-width:601px) and (max-width:1100px){ .v7 .hero3 h1 .h1-main{font-size:.8em} .v7 .hero3 h1 .h1-pre{font-size:.45em} }
@media (min-width:1441px){ .v7 .hero3 h1 .h1-main{font-size:.6em} .v7 .hero3 h1 .h1-pre{font-size:.34em} }
/* 統括 14:53（代表 10/04 8項目）: 間取り・築年数・駅徒歩を3列で1行に（6列の格子で、ふつうの欄は3つ分・この3つは2つ分・メールは1行）。iPad は4列のまま（3つとメールが1行）。374 以下は選択肢が切れるなら2列に戻す */
.v7 .qa-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.v7 .qa-grid>.qa-f{grid-column:span 3}
.v7 .qa-grid>.qa-f.qa-trio{grid-column:span 2}
.v7 .qa-grid>.qa-f.qa-wide{grid-column:1 / -1}
@media (max-width:600px){ .v7 .qa-grid>.qa-f.qa-city,.v7 .qa-grid>.qa-f.qa-station{grid-column:1 / -1} }
@media (max-width:399px){ .v7 .qa-grid>.qa-f.qa-trio{grid-column:span 3} .v7 .qa-grid>.qa-f.qa-trio.qa-walk{grid-column:1 / -1} } /* 統括 16:17（画面と同じ決め A）: 3列は 400px 以上だけ。375 で「4LDK以上」が切れる */
/* 統括 14:53: PC1440×900 で送るボタンを最初の画面に入れるため、FV の左の列の上の余白と本文の行を詰める（文と欄は変えない） */
@media (min-width:1101px){ .v7 .hero3 .hero-copy{padding-top:56px} .v7 .hero3 .hero-copy .hero-lead{font-size:15px;line-height:1.7;margin-top:10px} .v7 .qa-f .qa-help{line-height:1.35} }
/* 統括 15:13: 601〜1100px も PC と同じ6列の格子（4列は外した）。901〜1100 はフォームの列が 336px と狭く、3列だと選択肢が切れるので、間取り・築年数を2列・駅徒歩を1行にする */
@media (min-width:901px) and (max-width:1100px){ .v7 .qa-grid>.qa-f.qa-trio{grid-column:span 3} .v7 .qa-grid>.qa-f.qa-trio.qa-walk{grid-column:1 / -1} }
/* 統括 15:13 の続き: 601〜900 はフォームが全幅（約 700px）なので、6列の格子のまま、欄は2つ分（1行に3つ）・メールは4つ分にして、iPad768×1024 の最初の画面に判断の面の頭を残す（並びは同じ） */
@media (min-width:601px) and (max-width:900px){ .v7 .qa-grid>.qa-f,.v7 .qa-grid>.qa-f.qa-trio{grid-column:span 2} .v7 .qa-grid>.qa-f.qa-wide{grid-column:span 4} }
@media (min-width:601px) and (max-width:900px){ .v7 .qa-form{padding-top:10px} .v7 .qa-grid{row-gap:4px} .v7 .qa-f label{margin-bottom:1px} }
/* QA 差し戻し（統括 15:55 の D2）: 359 以下は主役の文（10字）が列の幅を超えて語の途中で折れるので、主役だけ 27px にする（h1 は 32px のまま・大きい文字） */
@media (max-width:359px){ .v7 .hero3 h1 .h1-main{font-size:27px} }
/* QA 差し戻し（統括 15:55 の D2 の参考）: 601〜767 は h1 の列が 250〜300px と狭いので、前置きは2行のまま・主役は 0.54 倍にして語の途中で折れないようにする */
@media (min-width:601px) and (max-width:767px){ .v7 .hero3 h1 .h1-main{font-size:.54em} }
/* 統括 16:17: 広さの一文（V-103）と 399 以下の2列で伸びた分を、フォームの中の余白だけで詰める（文と欄は変えない） */
.v7 .qa-f .qa-help{margin-top:1px;line-height:1.3}
@media (min-width:1101px){ .v7 .hero3 .hero-copy{padding-top:42px} .v7 .qa-grid{row-gap:4px} .v7 .qa-f label{margin-bottom:1px} }
@media (max-width:600px){ .v7 .qa-grid{gap:4px 8px} .v7 .qa-f label{margin-bottom:1px} .v7 .hero.hero3 .qa-form{padding:10px 12px 8px} }
/* 統括 16:17 の続き: 601〜900 は広さの一文で伸びた分を、フォームの上と下の余白で詰めて、iPad768×1024 の最初の画面に判断の面の頭を残す */
@media (min-width:601px) and (max-width:900px){ .v7 .hero3 .hero-copy>.qa-form{margin-top:10px} .v7 .hero3 .hero-copy{padding-bottom:12px} }
/* 統括 17:25: PC（1101 以上）でヘッダーのロゴと h1 が重なっていた（上の余白を 42px まで詰めたため）。h1 の上端をロゴの箱の下端から 24px 以上あける（上の余白 84px）。下がった分は h1 の前置きの下・本文の行の間・フォームの中の余白で詰める（文と欄は変えない） */
@media (min-width:1101px){ .v7 .hero3 .hero-copy{padding-top:84px} .v7 .hero3 h1 .h1-pre{margin-bottom:2px} .v7 .hero3 h1 .h1-main{line-height:1.18} .v7 .hero3 .hero-copy .hero-lead{line-height:1.6;margin-top:8px} .v7 .qa-form{margin-top:6px;padding-top:8px} .v7 .qa-title{margin-bottom:0} .v7 .qa-run{margin-top:6px} }
@media (min-width:1101px){ .v7 .hero3 h1 .h1-main{font-size:.64em} .v7 .qa-consent{margin-top:4px} .v7 .qa-purpose{margin-top:0} }
@media (min-width:1441px){ .v7 .hero3 h1 .h1-main{font-size:.58em} }
@media (min-width:1101px){ .v7 .hero3 h1 .h1-pre{font-size:.38em} .v7 .hero3 .hero-copy .hero-lead{margin-top:6px} }
/* 統括 17:25 の続き: ?copy=b の別案（3行の h1）も、PC で送るボタンが最初の画面に入るように行の間だけ詰める（文は今のまま） */
@media (min-width:1101px){ .v7 .hero3 h1[data-copy="b"]{line-height:1.1} }
/* 代表 10/04 19:1x 文言: 主役「知りたいのは、／いま貸すならいくらか。」（11字）が語の途中で折れないように。狭い所（767 以下）は「いま貸すなら／いくらか。」の所でも折る（.br-n）。広い所は1行 */
@media (max-width:600px), (min-width:768px){ .v7 .hero3 h1 .br-n{display:none} }
@media (max-width:600px){ .v7 .hero3 h1 .h1-main{font-size:min(32px, calc((100vw - 40px) / 11.4))} }
@media (min-width:768px) and (max-width:1100px){ .v7 .hero3 h1 .h1-main{font-size:.64em} }
@media (min-width:1101px){ .v7 .hero3 h1 .h1-main{font-size:.6em} }
@media (min-width:1441px){ .v7 .hero3 h1 .h1-main{font-size:.54em} }
/* 代表 10/04 19:1x 文言: PC（1101 以上）は説明の改行を外して3行に収める（文は同じ。改行だけ） */
@media (min-width:1101px){ .v7 .hero3 .hero-lead .br-lead{display:none} }
/* 代表 10/04 19:1x 文言: ⑦ の見出し「AFTY いまの賃料チェック」が SP の狭い幅で2行にならないように、幅に合わせて大きさを決める（390 以上は今の 28px のまま） */
@media (max-width:600px){ .v7 #sim-title{font-size:min(28px, calc((100vw - 40px) / 11.8))} }
/* 代表 10/04 19:1x 文言: ⑦ の「分かること」の1つ目が「現在の募集賃料の目安」と長くなり、359 以下で2行になる分を、行の間だけで詰める（文字の大きさは同じ） */
@media (max-width:359px){ .v7 .sim-section .sim-knows li{line-height:1.4} }
@media (max-width:359px){ .v7 .sim-section .sim-knows ol{gap:4px 6px} .v7 .sim-section .sim-knows li{padding:2px 8px 2px 4px;gap:4px} }
/* QA 差し戻し（統括 20:46）: 339 以下で主CTA「今の賃料目安を見てみる」の最後の1字が次の行に残るので、送るボタンの左右の余白だけ詰める（文字は 16px のまま） */
@media (max-width:339px){ .v7 #qa .qa-run{padding-left:14px;padding-right:14px} }

/* ===== 代表 10/05 カードUI（代表の確定仕様 02:18・見た目の手本 02:16・統括の決め 02:06/02:21）=====
   読む LP から直感的に得する LP へ: うすいグレーの地の上に白いカード（角丸 12〜16px・繊細な影）。金はコンバージョンの CTA ボタンだけ（チャート・見出し・飾り・カードの地に金を使わない）。
   チャートの色は金以外の濃いスレート（--c-slate）。強み＝墨・注意＝スレートの淡い色と ▲▼ の形で分ける。文・欄・選択肢・送る中身・査定ロジックは変えない */
body.v7{background:var(--c-page)}
.v7 .page,.v7 main{background:transparent}
.v7 main>section:not(.hero):not(.why-section):not(.consult-section),.v7 .sample-section,.v7 .about-section,.v7 .sim-section,.v7 .faq-section,.v7 .more-section{background:transparent}
/* 白いカード（塊） */
.v7 :is(.merit-x,.sm-radar-card,.sm-self,.sm-comp,.sv-rent,.sv-col,#cases details.case,.ax-card,.act-map,.sim-knows,.sim-result,#consult-form,.qa-section .qa-form){background:var(--paper);border:1px solid var(--c-card-line);border-radius:16px;box-shadow:0 1px 2px var(--c-shadow-a),0 4px 14px var(--c-shadow-a)}
/* 金はメインの CTA だけ: 手本の金のグラデーション＋影＋角丸 12px（文字は墨の太字＝金の地で AA を保つ。白の文字は金の地で 2.5〜3.5:1 で AA に足りない） */
.v7 .button.primary{border-radius:12px;box-shadow:0 4px 12px var(--c-cta-shadow);font-weight:800}
.v7 .button.secondary{border-radius:12px}
/* 見出し・飾りの金を墨・スレートへ */
.v7{--accent:var(--c-graphite);--shu:var(--c-graphite);--shu-text:var(--c-graphite)}

/* ---- ヘッダー: 「賃料チェック」（上下の矢印なし） ---- */
.v7 .header-cta{border-radius:999px}

/* ---- HERO（PC・iPad・SP 共通: フォームの欄を出さない。ゴールドの CTA 1つ） ---- */
.v7 .hero.hero3.hero10 .hero-go-wrap{margin:22px 0 0}
.v7 .hero.hero3.hero10 .hero-go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:440px;min-height:60px;padding:0 24px;font-size:18px;letter-spacing:.04em;text-decoration:none}
.v7 .hero.hero3.hero10 h1 .h1-main{font-weight:800}
.v7 .hero.hero3.hero10 h1 .h1-main{background-image:linear-gradient(var(--gold),var(--gold));background-repeat:no-repeat;background-size:0 0}
/* SP・iPad（〜1100）: 写真に暗いオーバーレイ（上70%・中50%・下80%）＋白のキャッチ＋ CTA */
@media (max-width:1100px){
  .v7 .header{position:relative;z-index:10;background:transparent;border-bottom:0}
  .v7 .header .brand,.v7 .header .brand-dot,.v7 .header .brand small{color:var(--c-paper)}
  .v7 .hero.hero3.hero10{display:grid;grid-template-columns:20px minmax(0,1fr) 20px;grid-template-rows:52px minmax(24px,1fr) auto auto auto auto minmax(48px,.6fr);min-height:min(100svh,760px);margin-top:-52px;padding:0;position:relative;overflow:hidden}
  .v7 .hero.hero3.hero10 .hero-copy,.v7 .hero.hero3.hero10 .hero-visual{display:contents}
  .v7 .hero.hero3.hero10 .photo-wrap{grid-column:1 / -1;grid-row:1 / -1;position:relative;left:auto;top:auto;right:auto;bottom:auto;width:auto;height:auto;min-height:0;margin:0;overflow:hidden;z-index:0}
  .v7 .hero.hero3.hero10 .photo-wrap .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 60%;transform:none}
  .v7 .hero.hero3.hero10 .photo-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--c-dim-top) 0%,var(--c-dim-mid) 42%,var(--c-dim-bot) 100%)}
  .v7 .hero.hero3.hero10 .hero-copy>h1{grid-column:2;grid-row:3;position:relative;z-index:1;margin:0;color:var(--c-paper)}
  .v7 .hero.hero3.hero10 .hero-copy>h1 .h1-pre{color:var(--c-hero-sub);font-weight:500}
  .v7 .hero.hero3.hero10 .hero-copy>h1 .h1-main{padding-bottom:6px;background-size:min(100%,15.5em) 2px;background-position:0 100%}
  .v7 .hero.hero3.hero10 .hero-copy>.hero-lead{grid-column:2;grid-row:4;position:relative;z-index:1;margin:16px 0 0;color:var(--c-hero-sub);font-size:14px;line-height:1.8}
  .v7 .hero.hero3.hero10 .hero-copy>.hero-go-wrap{grid-column:2;grid-row:5;position:relative;z-index:1;margin:24px 0 0}
  .v7 .hero.hero3.hero10 .hero-go{max-width:none}
  .v7 .hero.hero3.hero10 .photo-tag{grid-column:2;grid-row:6;justify-self:end;align-self:start;position:relative;left:auto;right:auto;top:auto;bottom:auto;z-index:1;margin:14px 0 0}
  .v7 .hero.hero3.hero10 .hero-summary{display:none}
}
@media (min-width:601px) and (max-width:1100px){
  .v7 .hero.hero3.hero10{grid-template-columns:40px minmax(0,1fr) 40px;grid-template-rows:64px minmax(24px,1fr) auto auto auto auto minmax(48px,.6fr);margin-top:-64px;min-height:min(100svh,720px)}
  .v7 .hero.hero3.hero10 .hero-copy>h1{max-width:640px}
  .v7 .hero.hero3.hero10 .hero-copy>.hero-lead{max-width:600px;font-size:15px}
  .v7 .hero.hero3.hero10 .hero-go{max-width:460px}
}
/* PC（1101〜）: 左に大きなキャッチ＋ CTA、右は写真を敷いたまま白い「診断レポート UI」のカード */
@media (min-width:1101px){
  .v7 .hero.hero3.hero10{min-height:640px}
  .v7 .hero.hero3.hero10 .hero-copy{padding-top:64px;padding-bottom:48px}
  .v7 .hero.hero3.hero10 h1 .h1-pre{font-size:.4em;color:var(--muted);font-weight:500}
  .v7 .hero.hero3.hero10 h1 .h1-main{font-size:.8em;line-height:1.2;padding-bottom:8px;background-size:100% 2px;background-position:0 100%}
  .v7 .hero.hero3.hero10 .photo-wrap{height:100%;bottom:0}
  .v7 .hero.hero3.hero10 .photo-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--c-dim-mid) 0%,transparent 55%)}
  .v7 .hero.hero3.hero10 .photo-tag{top:auto;bottom:16px;left:24px;right:auto}
  .v7 .hero.hero3.hero10 .hero-summary{position:absolute;top:40px;right:48px;left:auto;bottom:auto;width:min(560px,calc(100% - 96px));margin:0;background:var(--paper);border:1px solid var(--c-card-line);border-radius:16px;box-shadow:0 24px 60px var(--c-shadow-b),0 2px 6px var(--c-shadow-a);padding:22px 26px 16px;z-index:5}
}
/* 診断レポートのカードの中（本命家賃・小さなチャート・強み/注意・戦い方・「※詳細診断で分析」） */
.v7 .hero10 .hs-judge2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 150px;grid-template-areas:"rent rent radar" "win lose radar" "win lose lock";column-gap:14px;row-gap:6px;align-items:start}
.v7 .hero10 .hs-judge2>.hs-rent{grid-area:rent}
.v7 .hero10 .hs-judge2>.is-win{grid-area:win}
.v7 .hero10 .hs-judge2>.is-lose{grid-area:lose}
.v7 .hero10 .hs-judge2>.hs-radar{grid-area:radar;margin:0;align-self:center}
.v7 .hero10 .hs-judge2>.hs-lock{grid-area:lock;margin:0;justify-self:center}
.v7 .hs-radar-svg{display:block;width:150px;height:auto}
.v7 .hs-radar-svg .rings polygon{fill:none;stroke:var(--c-ring);stroke-width:3}
.v7 .hs-radar-svg .spokes line{stroke:var(--c-ring);stroke-width:3}
.v7 .hs-radar-svg .sr-self{fill:var(--c-slate-fill);stroke:var(--c-slate);stroke-width:7;stroke-linejoin:round}
.v7 .hs-radar-svg .dots circle{fill:var(--c-slate)}
.v7 .hs-radar-svg .hs-ax text{font-size:40px;font-weight:700;fill:var(--c-slate)}
.v7 :is(.hs-lock,.lock-note,.sim-hex-lock-note){display:flex;align-items:center;gap:5px;font-size:12px;line-height:1.5;color:var(--muted);font-weight:500}
.v7 .lock-ic{flex:none;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
.v7 .hero10 .hs-plan2{background:var(--c-field-bg);border:0;border-radius:10px}

/* ---- フォーム（HERO のすぐ下の白いカード。HERO の下の端に少し重ねる） ---- */
.v7 .qa-section{position:relative;z-index:6;padding:0 0 40px}
.v7 .qa-section .qa-wrap{max-width:1180px;margin:0 auto}
.v7 .qa-section .qa-form{margin:-24px 0 0;padding:26px 28px 22px;border-top:1px solid var(--c-card-line)}
.v7 .qa-section .qa-title b{font-size:22px}
.v7 .qa-section :is(select,input[type="text"],input[type="email"]){background-color:var(--c-field-bg);border:1px solid var(--c-field-line);border-radius:8px}
.v7 .qa-section .qa-f label{font-size:13px;font-weight:600}
.v7 .qa-section .qa-f .req{color:var(--c-req);font-size:11px;font-weight:600;background:none;border:0;padding:0}
.v7 .qa-section .qa-run{border-radius:12px;min-height:58px}
@media (min-width:1101px){
  .v7 .qa-section .qa-form{margin-top:-40px;padding:30px 40px 26px}
  .v7 .qa-section .qa-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px 22px}
  .v7 .qa-section .qa-grid>.qa-f{grid-column:span 4}
  .v7 .qa-section .qa-grid>.qa-f.qa-trio{grid-column:span 4}
  .v7 .qa-section .qa-grid>.qa-f:nth-child(4){grid-column:span 3}
  .v7 .qa-section .qa-grid>.qa-f.qa-trio{grid-column:span 3}
  .v7 .qa-section .qa-grid>.qa-f.qa-wide{grid-column:span 12}
  .v7 .qa-section .qa-grid>.qa-f.qa-city,.v7 .qa-section .qa-grid>.qa-f.qa-station{grid-column:span 4}
  .v7 .qa-section .qa-run{max-width:420px}
}
@media (min-width:601px) and (max-width:1100px){ .v7 .qa-section{padding-left:24px;padding-right:24px} .v7 .qa-section .qa-grid{gap:14px 16px} }
@media (max-width:600px){ .v7 .qa-section{padding:0 12px 28px} .v7 .qa-section .qa-form{padding:22px 18px 18px} .v7 .qa-section .qa-grid{gap:12px 10px} }

/* ---- 戦略マップの見本（主役）: PC は診断書のグリッド・iPad は2カラム・SP は1カラムの縦積み ---- */
.v7 #sample-map.sm-grid44{display:grid;gap:18px;align-items:start}
.v7 #sample-map .sm-right,.v7 #sample-map .sample-verdict{display:contents}
.v7 #sample-map .sm-radar-card{padding:22px 22px 18px;margin:0}
.v7 #sample-map .sm-hex-wrap{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px}
.v7 #sample-map .sm-radar.sm-hex44{width:min(100%,420px);height:auto}
.v7 #sample .sm-hex44 .rings polygon{fill:none;stroke:var(--c-ring);stroke-width:2}
.v7 #sample .sm-hex44 .spokes line{stroke:var(--c-ring);stroke-width:2}
.v7 #sample .sm-hex44 .sr-self{fill:var(--c-slate-fill);stroke:var(--c-slate);stroke-width:6;stroke-linejoin:round}
.v7 #sample .sm-hex44 .dots circle{fill:var(--c-slate);r:9}
.v7 #sample .sm-hex44 .ax44{font-size:34px;font-weight:800;fill:var(--ink)}
.v7 #sample .sm-hex44 .ax44 .ax-no{fill:var(--c-slate)}
.v7 #sample .sm-hex44 .ax-mark{font-size:26px}
.v7 #sample .sm-hex44 .ax-mark[data-mark="strong"]{fill:var(--ink)}
.v7 #sample .sm-hex44 .ax-mark[data-mark="weak"]{fill:var(--c-slate);opacity:.7}
.v7 #sample .sm-hex44 .ax44:is([data-code="walk"],[data-code="rent"]){fill:var(--c-slate)}
.v7 #sample-map .sm-list{width:100%}
.v7 #sample-map .sm-axes li{padding-left:10px;padding-right:10px}
.v7 #sample-map .sm-axes li:is([data-code="area"],[data-code="age"]){box-shadow:inset 3px 0 0 var(--ink)}
.v7 #sample-map .sm-axes li:is([data-code="walk"],[data-code="rent"]){box-shadow:inset 3px 0 0 var(--c-chart-gray)}
.v7 #sample-map .sm-axes .sa-score,.v7 #sample-map .sm-score-line b,.v7 #sample-map .sm-total b{color:var(--ink);background:none;-webkit-text-fill-color:currentColor}
.v7 #sample-map .sm-self{padding:18px 20px;margin:0;background:var(--c-field-bg)}
.v7 #sample-map .sm-self h3{color:var(--ink)}
.v7 #sample-map .sm-self-rent b{color:var(--ink);background:none;-webkit-text-fill-color:currentColor}
.v7 #sample-map .sv-rent,.v7 #sample-map .sv-col{padding:16px 18px;margin:0}
.v7 #sample-map .sv-col-head{color:var(--ink)}
.v7 #sample-map .sv-col[data-k="strong"] .sv-col-head i{color:var(--ink)}
.v7 #sample-map .sv-col[data-k="weak"] .sv-col-head i{color:var(--c-slate)}
/* この家の戦い方: アイコン付きの3つのカード */
.v7 #sample-map .sv-plan ol{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
.v7 #sample-map .sv-plan li{display:grid;grid-template-columns:44px auto minmax(0,1fr);align-items:center;gap:12px;background:var(--c-field-bg);border:1px solid var(--c-card-line);border-radius:12px;padding:12px 14px;font-weight:700;line-height:1.5}
.v7 #sample-map .sv-plan li b{color:var(--c-slate);font-weight:800}
.v7 .plan-ic{width:44px;height:44px;padding:9px;box-sizing:border-box;border-radius:50%;background:var(--paper);border:1px solid var(--c-field-line);fill:none;stroke:var(--c-slate);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v7 #sample-map .sm-comps{margin:0}
.v7 #sample-map .lock-note{margin:2px 0 8px}
.v7 #sample-map .band-note{margin:0}
@media (min-width:1101px){
  .v7 #sample-map.sm-grid44{grid-template-columns:minmax(0,1.3fr) minmax(0,.55fr) minmax(0,.55fr)}
  .v7 #sample-map .sm-radar-card{grid-column:1;grid-row:1 / span 4}
  .v7 #sample-map .sm-hex-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  .v7 #sample-map .sm-self{grid-column:2 / 4;grid-row:1}
  .v7 #sample-map .sv-col[data-k="strong"]{grid-column:2;grid-row:2}
  .v7 #sample-map .sv-col[data-k="weak"]{grid-column:3;grid-row:2}
  .v7 #sample-map .sv-plan{grid-column:2 / 4;grid-row:3}
  .v7 #sample-map .sv-rent{grid-column:2 / 4;grid-row:4}
  .v7 #sample-map .sm-comps{grid-column:1 / -1;grid-row:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .v7 #sample-map .sm-comps>:is(h4,.lock-note,.sm-comps-note){grid-column:1 / -1}
  .v7 #sample-map .band-note{grid-column:1 / -1;grid-row:6}
}
@media (min-width:601px) and (max-width:1100px){
  .v7 #sample-map.sm-grid44{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .v7 #sample-map .sm-radar-card{grid-column:1;grid-row:1 / span 2}
  .v7 #sample-map .sv-plan{grid-column:2;grid-row:1}
  .v7 #sample-map .sm-self{grid-column:2;grid-row:2}
  .v7 #sample-map .sv-col[data-k="strong"]{grid-column:1;grid-row:3}
  .v7 #sample-map .sv-col[data-k="weak"]{grid-column:2;grid-row:3}
  .v7 #sample-map .sv-rent{grid-column:1 / -1;grid-row:4}
  .v7 #sample-map .sm-comps{grid-column:1 / -1;grid-row:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .v7 #sample-map .sm-comps>:is(h4,.lock-note,.sm-comps-note){grid-column:1 / -1}
  .v7 #sample-map .band-note{grid-column:1 / -1;grid-row:6}
}
@media (max-width:600px){
  .v7 #sample-map.sm-grid44{grid-template-columns:minmax(0,1fr)}
  .v7 #sample-map .sm-self{order:1}
  .v7 #sample-map .sm-radar-card{order:2;padding:18px 14px 14px}
  .v7 #sample-map .sm-radar.sm-hex44{width:min(100%,340px)}
  .v7 #sample-map .sv-plan{order:3}
  .v7 #sample-map .sv-col[data-k="strong"]{order:4}
  .v7 #sample-map .sv-col[data-k="weak"]{order:5}
  .v7 #sample-map .sv-rent{order:6}
  .v7 #sample-map .sm-comps{order:7}
  .v7 #sample-map .band-note{order:8}
}

/* ---- 結果の6角形: 未計測の軸に小さな鍵（灰）と「詳細戦略マップで分析」。「簡易査定ではここまで」の枠は外した ---- */
.v7 .sim-hex-lock{display:flex;align-items:center;gap:4px;margin-top:2px;font-size:12px;line-height:1.5;color:var(--muted);font-weight:500}
.v7 .sim-hex-lock-note{margin:10px 0 0}
.v7 .sim-hex-svg .hex-no{fill:var(--c-slate)}

/* ---- ⑥ 定額・0円・10万円: アイコン付きのカード ---- */
.v7 .ax-value{position:relative;display:block;padding-left:62px;min-height:44px}
.v7 .val-ic{position:absolute;left:0;top:2px;width:46px;height:46px;padding:10px;box-sizing:border-box;border-radius:12px;background:var(--c-field-bg);border:1px solid var(--c-field-line);fill:none;stroke:var(--c-slate);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v7 .ax-subs li{border-radius:10px}

/* ---- 追従 CTA（下の固定のバー）: 白の半透明＋ぼかし＋細い線・金のボタン・Safe Area。どの幅でも出す（隠すのは入力中と最後の CTA が全部見えている間だけ＝app.js） ---- */
.v7 .mobile-cta{display:flex;justify-content:center;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--c-bar-white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 var(--c-field-line);border-top:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.v7 .mobile-cta .button{width:100%;max-width:520px;min-width:0;min-height:52px;border-radius:12px;font-size:16px;background-color:var(--gold);background-image:var(--gold-grad);color:var(--on-gold);box-shadow:0 4px 12px var(--c-cta-shadow)}
body.v7 .mobile-cta.is-hidden,body.v7.sim-done .mobile-cta.is-hidden{display:none!important}
body.v7.sim-done .mobile-cta:not(.is-hidden){display:flex!important}
body.v7.has-sticky{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
@media (min-width:1101px){ body.v7.has-sticky{padding-bottom:84px} .v7 .mobile-cta .button{max-width:480px} }
:root{scroll-padding-bottom:84px}
@media (min-width:901px) and (max-width:1100px){ .v7 .hero.hero3.hero10{grid-template-rows:76px minmax(24px,1fr) auto auto auto auto minmax(48px,.6fr);margin-top:-76px} }
/* 代表 10/05 カードUI: PC の HERO の幅（キャッチ「いま貸すならいくらか。」を1行に・語の途中で折らない）と、右の診断レポートのカードの位置 */
@media (min-width:1101px){
  .v7 .hero.hero3.hero10 h1 .h1-main{font-size:clamp(37px,3.4vw,56px)}
  .v7 .hero.hero3.hero10 h1 .h1-pre{font-size:clamp(18px,1.5vw,24px)}
  .v7 .hero.hero3.hero10 .hero-copy{width:calc(max(48px, calc((100% - 1344px) / 2)) + clamp(37px,3.4vw,56px) * 11.4 + 56px);padding-left:max(48px, calc((100% - 1344px) / 2));padding-right:40px;box-sizing:border-box}
  .v7 .hero.hero3.hero10 .hero-visual{left:calc(max(48px, calc((100% - 1344px) / 2)) + clamp(37px,3.4vw,56px) * 11.4 + 56px)}
  .v7 .hero.hero3.hero10 .hero-summary{top:104px;right:max(48px, calc((100% - 1344px) / 2));width:min(580px, calc(100vw - (max(48px, calc((100% - 1344px) / 2)) + clamp(37px,3.4vw,56px) * 11.4 + 56px) - max(48px, calc((100% - 1344px) / 2)) + 120px))}
  .v7 .hero.hero3.hero10 .photo-tag{top:16px;bottom:auto;left:20px}
  .v7 .hero10 .hs-judge2{grid-template-columns:minmax(0,1fr) 156px;grid-template-areas:"rent radar" "win radar" "lose lock"}
  .v7 .hero10 .hs-judge2>:is(.is-win,.is-lose){border:0;padding-left:0}
}
@media (min-width:1101px){
  .v7 .hero.hero3.hero10{min-height:700px}
  .v7 .hero.hero3.hero10 .hero-summary{top:88px;width:min(580px, calc(100vw - 2 * max(48px, calc((100vw - 1344px) / 2)) - clamp(37px,3.4vw,56px) * 11.4 - 80px))}
}

/* ===== 代表 10/05 カードUI・見た目の手本 2つ目（統括 02:20）: 1つ目と違う所はこちらを正にする ===== */
/* ヘッダー: 白 90% の半透明＋ぼかし＋うすい線（どの幅でも。HERO に重ねない） */
.v7 .header,.v7 .header.is-fixed{background:var(--c-bar-white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 -1px 0 var(--c-field-line);border-bottom:0}
@media (max-width:1100px){
  .v7 .header{position:relative;z-index:10}
  .v7 .header .brand,.v7 .header .brand-dot{color:var(--ink)}
  .v7 .header .brand small{color:var(--muted)}
  /* HERO: 写真を全面に敷く・文字は下寄せ・オーバーレイは上30%・中45%・下85% */
  .v7 .hero.hero3.hero10{grid-template-rows:minmax(40px,1fr) auto auto auto auto 40px;min-height:500px;margin-top:0}
  .v7 .hero.hero3.hero10 .hero-copy>h1{grid-row:2}
  .v7 .hero.hero3.hero10 .hero-copy>.hero-lead{grid-row:3}
  .v7 .hero.hero3.hero10 .hero-copy>.hero-go-wrap{grid-row:4}
  .v7 .hero.hero3.hero10 .photo-tag{grid-row:5;margin:12px 0 0}
  .v7 .hero.hero3.hero10 .photo-wrap::after{background:linear-gradient(180deg,var(--c-dim-top) 0%,var(--c-dim-mid) 45%,var(--c-dim-bot) 100%)}
}
@media (min-width:601px) and (max-width:1100px){ .v7 .hero.hero3.hero10{grid-template-rows:minmax(56px,1fr) auto auto auto auto 48px;min-height:560px;margin-top:0} }
@media (min-width:901px) and (max-width:1100px){ .v7 .hero.hero3.hero10{grid-template-rows:minmax(56px,1fr) auto auto auto auto 48px;margin-top:0} }
/* キャッチ: 白の明朝・太さは普通〜中・2行目の下線は細いストーン（金を使わない） */
.v7 .hero.hero3.hero10 h1 .h1-main{font-weight:500;background-image:linear-gradient(var(--c-rule-thin),var(--c-rule-thin));background-size:100% 1px}
@media (max-width:1100px){ .v7 .hero.hero3.hero10 .hero-copy>h1 .h1-main{background-size:min(100%,15.5em) 1px} .v7 .hero.hero3.hero10 h1 .h1-pre{font-size:14px;line-height:1.6} }
/* 金は HERO の CTA と追従のバーだけ（金のグラデーション #BFA063→#9E7F43。文字は墨の太字 19px＝大きい文字で AA 3:1 以上。白の文字は 2.5〜3.8:1 で足りない） */
.v7 .hero.hero3.hero10 .hero-go,.v7 .mobile-cta .button{background-color:var(--c-cta-lo);background-image:var(--cta-grad);color:var(--ink);font-size:19px;font-weight:800;border:0;box-shadow:0 4px 12px var(--c-cta-shadow)}
/* ほかの主ボタン（送る・相談・3導線の主）は黒 */
.v7 .button.primary:not(.hero-go):not(.mobile-cta .button){background-color:var(--c-btn-black);background-image:none;color:var(--c-paper);border:1px solid var(--c-btn-line);box-shadow:none}
.v7 .header.is-fixed .header-cta,.v7 .header .header-cta{background:var(--paper);background-image:none;color:var(--ink);border:1px solid var(--c-field-line);border-radius:999px}
/* フォーム: 見出しの下に細い線・「必須」はうすい灰（AA のため #78716c）・select は独自の ▼ */
.v7 .qa-section .qa-title{padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--c-field-line)}
.v7 .qa-section .qa-title b{font-weight:600}
.v7 .qa-section .qa-f .req{color:var(--c-req);font-weight:500}
.v7 .qa-section select{-webkit-appearance:none;appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--c-slate) 50%),linear-gradient(135deg,var(--c-slate) 50%,transparent 50%);background-position:calc(100% - 19px) 52%,calc(100% - 14px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
/* 見本: 小さな英字の札・見出しと数字は明朝・レーダーは暖かいストーン（--c-slate を #57534E に）・戦い方の番号は明朝の太字のうすい灰 */
.v7 #sample .sm-eyebrow{margin:0 0 6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-num);font-weight:600}
.v7 #sample #sample-title{font-family:var(--mincho);font-weight:600}

.v7 #sample-map .sv-plan li b{font-family:var(--mincho);font-weight:700;color:var(--c-num)}
.v7 #sample-map .sv-plan li{font-weight:500;border-color:var(--c-field-line)}
/* 追従のバー: 白 90%＋ぼかし＋うすい線 */
.v7 .mobile-cta{background:var(--c-bar-white);box-shadow:inset 0 1px 0 var(--c-field-line)}
.v7 .mobile-cta .button{max-width:560px;min-height:54px}
body.v7,body.v7.has-sticky{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
/* 代表 10/05 カードUI: 見本の見出し（英字の札は上の行）・PC のチャートを大きく（チャートの下に6軸の一覧を2列）・語の途中で折らない */
.v7 #sample .sm-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:24px}
.v7 #sample .sm-head .sm-eyebrow{grid-column:1 / -1}
@media (max-width:900px){ .v7 #sample .sm-head{grid-template-columns:minmax(0,1fr)} }
.v7 #sample-map .sm-axes .sa-name{white-space:nowrap}
.v7 #sample-map .sm-axes li{padding-left:8px;padding-right:8px}
@media (min-width:1101px){
  .v7 #sample-map .sm-hex-wrap{grid-template-columns:minmax(0,1fr)}
  .v7 #sample-map .sm-radar.sm-hex44{width:min(100%,480px)}
  .v7 #sample-map .sm-axes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px;row-gap:8px}
  .v7 #sample-map .sm-axes li{border-bottom:0}
}
.v7 #sample-map .sv-plan li>span{min-width:0}
.v7 .hero.hero3.hero10 .hero-go{padding:0 14px;gap:8px}
.v7 .hero.hero3.hero10 .hero-go span[aria-hidden]{margin-left:0}
.v7 .hero.hero3.hero10 .hero-go .nb,.v7 #sample-map .sv-plan .nb{display:inline-block}
.v7 .hero.hero3.hero10 .hero-go>span[data-draft]{text-align:center}
/* 代表 10/05 カードUI: 結果の6角形の鍵の行は名前の列に（番号の列を広げない）・図の枠は金を使わないうすい線 */
.v7 .sim-section .sim-hex-axes li>.sim-hex-lock{grid-column:2 / -1}
.v7 .sim-section .sim-hex-fig{border-color:var(--c-field-line);border-radius:12px}
/* ⑥ の定額・0円・10万円: アイコンは左の列（文字に重ねない） */
.v7 .ax-card article.ax-value{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;align-items:start;padding-left:0}
.v7 .ax-card article.ax-value>.val-ic{position:static;grid-column:1;grid-row:1 / span 3}
.v7 .ax-card article.ax-value>:not(.val-ic){grid-column:2}

/* ===== 代表 10/05 カードUI・代表の最終仕様（統括 02:32）・レーダー（02:38）・画面の担当の形（02:3x）・見本の旗（02:44）: これより上の 10/05 の指定と違う所はこちらが正 ===== */
/* トーン: 黄土色のグラデーションはやめる。金はマットな #B89658 の単色（HERO の CTA・追従）。ほかの主ボタンは黒 #1E1E1E */
.v7 .hero.hero3.hero10 .hero-go,.v7 .mobile-cta .button{background-color:var(--c-matte-gold);background-image:none;color:var(--c-btn-black);font-size:17px;font-weight:800;border:0;box-shadow:0 2px 8px var(--c-shadow-a)}
.v7 .button.primary:not(.hero-go):not(.mobile-cta .button){background-color:var(--c-btn-black);background-image:none;color:var(--c-paper);border:1px solid var(--c-btn-line);box-shadow:none}
/* 白いカード: radius 12px・shadow-sm・線 #e7e5e4 の 60% */
.v7 :is(.merit-x,.sm-radar-card,.sm-self,.sm-comp,.sv-rent,.sv-col,#cases details.case,.ax-card,.act-map,.sim-knows,.sim-result,#consult-form){border-radius:12px;border-color:var(--c-card-line-60);box-shadow:0 1px 2px var(--c-shadow-a)}

/* ---- HERO とフォーム ---- */
.v7 .hero.hero3.hero10 .hero-copy>.qa-form{background:var(--paper);border:1px solid var(--c-card-line-60);border-radius:12px;box-shadow:0 1px 2px var(--c-shadow-a);padding:20px;margin:0}
.v7 .hero10 .qa-form .qa-title{padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--c-field-line)}
.v7 .hero10 .qa-form :is(select,input[type="text"],input[type="email"]){background-color:var(--c-field-bg);border:1px solid var(--c-field-line);border-radius:8px}
.v7 .hero10 .qa-form select{-webkit-appearance:none;appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--c-slate) 50%),linear-gradient(135deg,var(--c-slate) 50%,transparent 50%);background-position:calc(100% - 19px) 52%,calc(100% - 14px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.v7 .hero10 .qa-form .qa-f label{font-size:13px;font-weight:600}
.v7 .hero10 .qa-form .qa-f .req{color:var(--c-req);font-size:11px;font-weight:500;background:none;border:0;padding:0}
.v7 .hero10 .qa-form .qa-run{border-radius:12px;min-height:54px}
/* SP・iPad（〜1100）: hero-kitchen に黒 45〜55% のグラデーション＋白い文字＋金の CTA。フォームは写真のすぐ下（少し重ねる） */
@media (max-width:1100px){
  .v7 .hero.hero3.hero10{grid-template-rows:minmax(40px,1fr) auto auto auto auto auto;min-height:0}
  .v7 .hero.hero3.hero10 .photo-wrap{grid-row:1 / 6;min-height:480px}
  .v7 .hero.hero3.hero10 .photo-wrap::after{background:linear-gradient(180deg,var(--c-dim-top) 0%,var(--c-dim-mid) 50%,var(--c-dim-bot) 100%)}
  .v7 .hero.hero3.hero10 .photo-tag{grid-row:5;margin:12px 0 44px}
  .v7 .hero.hero3.hero10 .hero-copy>.qa-form{grid-column:2;grid-row:6;position:relative;z-index:2;margin:-28px 0 8px}
}
@media (min-width:601px) and (max-width:1100px){ .v7 .hero.hero3.hero10 .photo-wrap{min-height:540px} .v7 .hero.hero3.hero10 .hero-copy>.qa-form{padding:24px} }
/* PC（1101〜）: 2カラム＝左にキャッチ＋8項目のフォーム（横2列）・右に hero-kitchen と手前の白い診断レポート（見本）。HERO の CTA は出さない */
@media (min-width:1101px){
  .v7 .hero.hero3.hero10{min-height:0}
  .v7 .hero.hero3.hero10 .hero-go-wrap{display:none}
  .v7 .hero.hero3.hero10 .hero-copy{padding-top:52px;padding-bottom:40px}
  .v7 .hero.hero3.hero10 .hero-copy>.qa-form{margin-top:22px}
  .v7 .hero10 .qa-form .qa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
  .v7 .hero10 .qa-form .qa-grid>.qa-f,.v7 .hero10 .qa-form .qa-grid>.qa-f.qa-trio,.v7 .hero10 .qa-form .qa-grid>.qa-f.qa-wide,.v7 .hero10 .qa-form .qa-grid>.qa-f.qa-city,.v7 .hero10 .qa-form .qa-grid>.qa-f.qa-station,.v7 .hero10 .qa-form .qa-grid>.qa-f.qa-trio.qa-walk{grid-column:auto}
  .v7 .hero.hero3.hero10 .photo-wrap::after{background:linear-gradient(90deg,var(--c-dim-top) 0%,transparent 45%)}
}

/* ---- 6軸のレーダー（radar.js の LpRadar・見本と簡易の結果の共通の部品） ---- */
.v7 .rd-svg{display:block;width:100%;height:auto;margin:0 auto;overflow:visible}
.v7 .rd-svg .rd-ring{fill:none;stroke:var(--c-grid);stroke-width:.75;vector-effect:non-scaling-stroke}
.v7 .rd-svg .rd-axis{stroke:var(--c-grid);stroke-width:.5;vector-effect:non-scaling-stroke}
.v7 .rd-svg .rd-comp{fill:none;stroke:var(--c-chart-gray);stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}
.v7 .rd-svg .rd-self{fill:var(--c-chart-fill8);stroke:var(--c-chart-ink);stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.v7 .rd-svg .rd-dot-out{fill:var(--c-chart-ink)}
.v7 .rd-svg .rd-dot-in{fill:var(--c-paper)}
.v7 .rd-svg .rd-dot-ring{fill:var(--c-paper);stroke:var(--c-chart-gray-2);stroke-width:1;vector-effect:non-scaling-stroke}
.v7 .rd-svg .rd-name{font-size:12px;font-weight:500;letter-spacing:.08em;fill:var(--c-chart-ink)}
.v7 .rd-svg .rd-lower{font-size:12px;letter-spacing:.08em;fill:var(--c-chart-ink)}
.v7 .rd-svg .rd-lower.is-detail{fill:var(--c-req)} /* 統括 04:40 の答え 1: 代表の #A8A29E は白の地で 2.5:1 なので、一覧と同じ #78716c（4.8:1・AA）にそろえた */
.v7 .rd-svg .rd-lower.is-check{fill:var(--c-req)} /* 統括 04:50（AA）・06:03: 「要確認」も画面と同じ #78716c（#9CA3AF は白の地で 2.5:1） */
.v7 .rd-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin:0 0 6px;font-size:12px;line-height:1.6;color:var(--c-small)}
.v7 .rd-legend span::before{content:"";display:inline-block;width:20px;margin-right:6px;vertical-align:middle;border-top:1.5px solid var(--c-chart-ink)}
.v7 .rd-legend .lg-comp::before{border-top:1px dashed var(--c-chart-gray)}
/* 見本: 図の幅（字が 12px 以上になる幅）・PC は大きめ */
.v7 #sample-map .sm-radar.rd-svg{width:min(100%,360px);max-width:none}
@media (min-width:1101px){ .v7 #sample-map .sm-radar.rd-svg{width:min(100%,440px)} }
@media (max-width:359px){ .v7 .rd-svg .rd-name,.v7 .rd-svg .rd-lower{font-size:13.5px} }
.v7 #sample-map .sm-axes .sa-score.is-detail{font-family:var(--gothic);font-size:12px;font-weight:500;color:var(--c-small);white-space:nowrap}
.v7 #sample .sm-sample-note2{display:inline-block;margin-left:8px;font-size:12px;color:var(--c-small)}
.v7 #sample-map .sm-self-label{margin:6px 0 0;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--c-small)}
.v7 :is(.hs-lock,.lock-note){font-size:12px;color:var(--c-small)}
/* HERO の右の小さなレーダー（ラベルなし・2本重ね） */
.v7 .hero10 .hs-radar-svg.rd-svg{width:150px}
/* 簡易の結果の6角形: 図は 12px 以上の字で読める幅・未計測は「※詳細戦略マップで分析」の小さな文（12px・#666）・図のすぐ下の一文（13px・#666） */
.v7 .sim-section .sim-hex-fig{width:min(100%,340px)}
.v7 .sim-section .sim-hex-svg.rd-svg{width:100%}
.v7 .sim-section .axis-detail{display:inline-block;font-size:12px;line-height:1.6;color:var(--c-small);white-space:nowrap;justify-self:end}
.v7 .sim-section .hex-detail-note{margin:6px 0 0;font-size:13px;line-height:1.7;color:var(--c-small)}
.v7 .sim-section .hex-detail-note[hidden]{display:none}

/* ---- 追従 CTA: マットな金・白の半透明の帯。下からフェードイン（動きを減らす設定では動かさない）・Safe Area ---- */
.v7 .mobile-cta{padding-bottom:max(10px, env(safe-area-inset-bottom, 16px))}
body.v7 .mobile-cta,body.v7.sim-done .mobile-cta,body.v7.sim-done .mobile-cta:not(.is-hidden){display:flex!important;opacity:1;transform:none;visibility:visible;transition:opacity .25s ease,transform .25s ease,visibility 0s linear 0s}
body.v7 .mobile-cta.is-hidden,body.v7.sim-done .mobile-cta.is-hidden{display:flex!important;opacity:0;transform:translateY(100%);visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
@media (prefers-reduced-motion: reduce){ body.v7 .mobile-cta,body.v7 .mobile-cta.is-hidden{transition:none!important;transform:none!important} }
/* 代表 10/05 カードUI: ⑤⑥ の「※詳細版で分析」は点数の列から右の列までを使う（名前に重ねない）・結果の6角形の「※詳細戦略マップで分析」は名前の下の行（名前を語の途中で折らない）・一文は語のまとまりで折る */
.v7 #sample-map .sm-axes li[data-detail="true"] .sa-score.is-detail{grid-column:3 / -1;justify-self:start;text-align:left}
.v7 #sample-map .sm-axes li[data-detail="true"] .sa-tag{display:none}
.v7 .sim-section .sim-hex-axes li>.axis-detail{grid-column:2 / -1;grid-row:2;justify-self:start}
.v7 .sim-section .hex-detail-note .nb{display:inline-block}
.v7 .rd-svg .rd-name,.v7 .rd-svg .rd-lower{font-size:12.5px}
@media (max-width:359px){ .v7 .rd-svg .rd-name,.v7 .rd-svg .rd-lower{font-size:13.5px} }
.v7 #sample-map .sm-radar.rd-svg{width:min(100%,380px)}
@media (min-width:1101px){ .v7 #sample-map .sm-radar.rd-svg{width:min(100%,460px)} }
.v7 .rd-svg .rd-name,.v7 .rd-svg .rd-lower{font-size:inherit}
@media (max-width:600px){ .v7 #sample-map .sm-radar-card{padding-left:10px;padding-right:10px} }
/* 代表 10/05 カードUI: iPad（601〜1100）の見本は左にチャート・右に戦い方（右の列の間を詰める）。6軸の一覧は札を名前の下の行へ（点数と名前を重ねない） */
@media (min-width:601px) and (max-width:1100px){
  .v7 #sample-map.sm-grid44{grid-template-rows:auto 1fr}
  .v7 #sample-map .sm-self{align-self:start}
  .v7 #sample-map .sm-axes li{grid-template-columns:1.4em minmax(0,1fr) auto;font-size:15px}
  .v7 #sample-map .sm-axes li .sa-tag{grid-column:2 / -1;grid-row:2;justify-self:start}
}
/* 統括 02:58 の答え 1: ⑤⑥ の行は出し、点数と札の代わりに「※詳細版で分析」（#A8A29E）を1つ */
.v7 #sample-map .sm-axes .sa-score.is-detail{color:var(--c-chart-gray-2)}
.v7 .rd-svg .rd-bal{fill:var(--c-chart-fill8);stroke:var(--c-chart-ink);stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.v7 .rd-svg .rd-bal-edge{stroke:var(--c-chart-ink);stroke-width:1.5;vector-effect:non-scaling-stroke}
/* 代表 10/05 カードUI の検査の直し（実測で見つけた所）: 字は 12px 以上・「※詳細版で分析」の HTML の文字は AA（#78716c・4.8:1。図の中の小さな文字だけ代表の #A8A29E）・SP の一覧は札を名前の下へ・選択肢の欄の右の余白・PC の HERO の上の余白（ロゴと h1 を重ねない）・追従のフォーカスの輪 */
.v7 .hero10 .qa-form .qa-f .req{font-size:12px}
.v7 #sample-map .sm-axes .sa-score.is-detail{color:var(--c-req)}
@media (max-width:1100px){
  .v7 #sample-map .sm-axes li{grid-template-columns:1.4em minmax(0,1fr) auto}
  .v7 #sample-map .sm-axes li .sa-tag{grid-column:2 / -1;grid-row:2;justify-self:start}
  .v7 #sample-map .sm-axes li[data-detail="true"] .sa-score.is-detail{grid-column:3}
}
.v7 .hero10 .qa-form select{padding-right:24px;background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%}
@media (max-width:399px){ .v7 .hero.hero3.hero10 .hero-copy>.qa-form{padding:16px 12px} }
@media (max-width:359px){ .v7 .hero10 .qa-form .qa-run{padding-left:12px;padding-right:12px} }
@media (min-width:1101px){ .v7 .hero.hero3.hero10 .hero-copy{padding-top:104px} }
.v7 .mobile-cta a:focus-visible{outline:3px solid var(--c-btn-black);outline-offset:3px}
.v7 .hero.hero3.hero10{background-color:var(--c-page)}
/* 金のボタンの縁（白い帯と 3:1 以上で見分ける・追従と HERO の CTA） */
.v7 .hero.hero3.hero10 .hero-go,.v7 .mobile-cta .button{border:1px solid var(--c-gold-edge)}
/* SP・iPad の HERO の文字のコントラスト（AA: 本文 4.5:1・大きい文字 3:1）: 黒のグラデーションは上 45%・文字のある中ほどから下は 60%。本文と前置きは白 */
@media (max-width:1100px){
  .v7 .hero.hero3.hero10 .photo-wrap::after{background:linear-gradient(180deg,var(--c-dim-top) 0%,var(--c-dim-bot) 38%,var(--c-dim-bot) 100%)}
  .v7 .hero.hero3.hero10 .hero-copy>.hero-lead,.v7 .hero.hero3.hero10 .hero-copy>h1 .h1-pre{color:var(--c-paper)}
}
/* 代表 10/05 カードUI の検査の直し その2: 節の地はどれもうすいグレー（V6・実績・相談の節の外側。V6 と相談の濃い帯は今のまま）・HERO の h1 の所も黒 60%・SP〜599 の3つの欄は2列（欄の幅を確保）・選択肢の欄の左の余白・iPad の一覧の「※詳細版で分析」は名前の下の行 */
.v7 .why-section,.v7 .consult-section,.v7 #proof{background-color:var(--c-page)}
@media (max-width:1100px){ .v7 .hero.hero3.hero10 .photo-wrap::after{background:linear-gradient(180deg,var(--c-dim-top) 0%,var(--c-dim-bot) 18%,var(--c-dim-bot) 100%)} }
@media (min-width:400px) and (max-width:599px){ .v7 .qa-grid>.qa-f.qa-trio{grid-column:span 3} .v7 .qa-grid>.qa-f.qa-trio.qa-walk{grid-column:1 / -1} }
@media (max-width:399px){ .v7 .hero10 .qa-form select{padding-left:8px} }
@media (max-width:1100px){ .v7 #sample-map .sm-axes li[data-detail="true"] .sa-score.is-detail{grid-column:2 / -1;grid-row:2;justify-self:start} }
/* 代表 10/05 カードUI の検査の直し その3: FAQ の節の地もうすいグレー・キャッチの細い下線は h1 の下の別の線（文字の行の中に入れない）・320 の欄は1列・601〜900 の選択肢の欄の左右の余白 */
.v7 .faq-section{background-color:var(--c-page)}
.v7 .hero.hero3.hero10 h1 .h1-main{background-image:none;padding-bottom:0}
.v7 .hero.hero3.hero10 h1::after{content:"";display:block;width:min(100%,15.5em);height:1px;margin-top:10px;background:var(--c-rule-thin)}
@media (max-width:359px){ .v7 .hero10 .qa-grid>.qa-f,.v7 .hero10 .qa-grid>.qa-f.qa-trio{grid-column:1 / -1} }
@media (min-width:601px) and (max-width:900px){ .v7 .hero10 .qa-form select{padding-left:8px;padding-right:22px} }
.v7 main>section.faq-section:not(.hero):not(.why-section):not(.consult-section){background-color:var(--c-page)}
@media (min-width:601px) and (max-width:700px){ .v7 .hero.hero3.hero10{grid-template-columns:24px minmax(0,1fr) 24px} .v7 .hero.hero3.hero10 .hero-copy>.qa-form{padding:18px 16px} }
/* 統括 05:06（契約 AC1.4・画面 046d351d と同じ流れ）: 2問の段（1タップの大きなボタン・aria-pressed）と「あなたの物件の募集力バランス」 */
.v7 .sim-section .q2{display:grid;gap:14px;padding:4px 0}
.v7 .sim-section .q2[hidden]{display:none}
.v7 .sim-section .q2-title{margin:0;font-size:18px;font-weight:700;line-height:1.6;color:var(--ink)}
.v7 .sim-section .q2-label{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--ink)}
.v7 .sim-section .q2-label b{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:var(--c-btn-black);color:var(--c-paper);font-size:12px}
.v7 .sim-section .q2-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:768px){ .v7 .sim-section .q2-opts{grid-template-columns:repeat(4,minmax(0,1fr))} }
.v7 .sim-section .q2-opt{min-height:52px;padding:10px 12px;border:1px solid var(--c-field-line);border-radius:12px;background:var(--paper);color:var(--ink);font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.v7 .sim-section .q2-opt[aria-pressed="true"]{background:var(--c-btn-black);border-color:var(--c-btn-black);color:var(--c-paper)}
.v7 .sim-section .q2-opt:focus-visible,.v7 .sim-section .q2-back:focus-visible{outline:3px solid var(--c-btn-black);outline-offset:3px}
.v7 .sim-section .q2-back{justify-self:start;min-height:44px;padding:0 4px;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.v7 .sim-section .sim-bal[hidden]{display:none}
.v7 .sim-section .bal-legend{margin:0 0 6px;font-size:12px;color:var(--c-small)}
.v7 .sim-section .bal-legend .bal-key{color:var(--c-chart-ink)}
.v7 .sim-section .sim-bal-fig{width:min(100%,340px);margin:0 auto;padding:12px;border:1px solid var(--c-field-line);border-radius:12px;background:var(--paper)}
.v7 .sim-section .bal-axes{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.v7 .sim-section .bl-row{display:flex;justify-content:space-between;gap:12px;margin:0;font-size:14px}
.v7 .sim-section .bl-v{font-weight:700;color:var(--ink)}
.v7 .sim-section .bl-v.is-none{font-weight:500;color:var(--c-req)}
.v7 .sim-section .bl-input{margin:0;font-size:12px;color:var(--c-small)}
.v7 .sim-section .bal-note{margin:8px 0 0;font-size:13px;line-height:1.7;color:var(--c-small)}
/* 2問の番号の丸と選んだ選択肢は墨（--ink・真っ黒の面にしない） */
.v7 .sim-section .q2-label b{background:var(--ink)}
.v7 .sim-section .q2-opt[aria-pressed="true"]{background:var(--ink);border-color:var(--ink)}
/* 統括 06:40: PC（1101〜）は固定前のヘッダー（absolute・白の半透明）が右の列（写真・写真の札・診断レポートとピル）に重なっていた＝右の列の上の端をヘッダーの下端（76px）より 12px 以上下げる */
@media (min-width:1101px){ .v7 .hero.hero3.hero10 .hero-visual{top:88px} }
/* 代表の差分判断（10/05 08:00・統括 08:17・契約 wire 91d07c92 の改訂 v2）: 募集力バランスの下段は段階（強い／標準／要工夫）を太字で。数字の点数は出さない（画面 a6395736 の .bl-level と同じ）。状態の文（基準確定待ち・未確認など）は今の is-detail（#78716c） */
.v7 .rd-svg .rd-lower.is-level{font-weight:700;fill:var(--c-chart-ink)}
/* 統括 09:5x（契約 AC1.5 第1便・画面 06128f6d）: アパートの実績の注（応答の kind_basis_note）・6軸が検査に通らないときの文・最寄駅の誤りの文 */
.v7 .sim-section .sim-kind-basis{margin:4px 0 0;font-size:12px;line-height:1.6;color:var(--c-small)}
.v7 .sim-section .sim-kind-basis[hidden],.v7 .sim-section .bal-unavailable[hidden]{display:none}
.v7 .sim-section .bal-note:empty{display:none}
.v7 .sim-section .bal-unavailable{margin:10px 0 0;padding:10px 12px;font-size:14px;line-height:1.7;color:var(--ink);border:1px dashed var(--c-field-line);border-radius:8px}
/* 統括 13:07（E2E の SP390 で本命ラインの「10.8万円」が「10.8万」と「円」の2行に割れた）: SP（〜600）の3つのラインは、数字と単位を割らない（nowrap）。
   字の大きさは列の幅から決める（1列の幅の 1/5＝3桁の「100.0万円」も入る・12px 以上・上限は今の 16px／本命 20px）。本命の枠の左右の余白と列の間を少し詰める。PC・iPad（601〜）と見本の節は変えない */
@media (max-width:600px){
  .v7 .sim-section .sim-points{gap:0 8px}
  .v7 .sim-section .sim-points>div{container-type:inline-size}
  .v7 .sim-section .sim-points dd{white-space:nowrap;font-size:clamp(12px, calc(100cqi / 5), 16px)}
  .v7 .sim-section .sim-points>div:nth-child(2){padding:4px 4px}
  .v7 .sim-section .sim-points>div:nth-child(2) dd{font-size:clamp(12px, calc(100cqi / 5), 20px)}
}
/* 統括 22:15（公開前の仕上げ・QA の軽微）: SP の結果の3つのラインの札（挑戦ライン ↑ など）は矢印だけ2行目に下がらない（1行・320〜374 は 12px） */
@media (max-width:600px){ .v7 .sim-section .sim-points dt{white-space:nowrap} }
@media (max-width:374px){ .v7 .sim-section .sim-points dt{font-size:12px;letter-spacing:0} }
/* §58（2026-10-06 代表の指示・公開前の差分）: 15分相談のフォームは今回は出さない（#consultation は hidden）。そこへ向かう ⑦ の導線（「15分相談へ」・3導線の「募集条件を相談したい」）も出さない。lp_assessment.js が hidden を付け外ししても出ないよう CSS で止める */
#sim [data-block="sim-consult"],#sim-cta-consult{display:none!important}