/* ==========================================================================
   h-skin.css — H案v2（Soup Stock Tokyo 型・無彩色）リスキン
   テーマ stgy2026 の style.css の「後」に読み込む上書き専用シート。
   カスタマイザー「追加CSS」（#wp-custom-css）は本番では wp_head の後段（優先度101）で出力され h-skin より後に来るため、
   それと競合する規則（マーカー・記事見出し・目次ほか）は詳細度または !important で勝つように書いてある。
   方針: マークアップ・文言・見出しレベル・並び順は一切変えない（CSSのみ）。
         書体は Noto Sans JP 400/500/700・本文19px/500/lh2/ls.05em（PC）・SPは既存値（16px下限）のまま。
   色:   白#FFF／灰帯#F8F8F8／墨#333／補助#8a8a8a・#999（本文サイズの注記は#6f6f6f）／罫#D9D9D9／
         濃色#222・#333／黒#111。差し色・グラデーションなし。リンクは墨＋下線。
   形:   角3pxまで・装飾影なし（ドロップダウン／ドロワーの機能影のみ残す）・罫1px。
   版:   2026-09-30 初版／2026-10-01 仕上げ（26ページ＋スマホ5ページで点検3周・REPORT.md 参照）
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. トークン（テーマの :root を無彩色へ差し替え）
   -------------------------------------------------------------------------- */
:root{
  --blue:#333;
  --grad-light-a:#999;
  --grad-light-b:#8a8a8a;
  --grad-deep-a:#333;
  --grad-deep-b:#333;
  --btn-a:#222;
  --btn-b:#222;
  --band:#F8F8F8;
  --band2:#F8F8F8;
  --sky:#FFFFFF;
  --accent:#333;
  --line:#D9D9D9;
  --ink-soft:#6f6f6f;
  --ink-article:#333;
  --ink:#333;
  --white:#FFFFFF;
  --bg:#FFFFFF;
  /* H案専用 */
  --h-sub:#8a8a8a;
  --h-sub2:#999;
  --h-dark:#222;
  --h-black:#111;
  --h-col:1164px;
  --h-text:760px;
  --h-sec:100px;
  --h-sec-g:80px;
  --tband-pad:100px;
}
body{color:#333;background:#fff}
::selection{background:#333;color:#fff}
a:focus-visible,button:focus-visible{outline:2px solid #333;outline-offset:2px}

/* --------------------------------------------------------------------------
   1. 角・影の一括整理（ピル999px／丸50%→3px。ドット等の小さな丸は残す）
   -------------------------------------------------------------------------- */
.btn-hd,.nav-toggle,.map-btn,.big-btn,.trust-chips span,
.btn-primary,.btn-ghost,.btn-line,.ph-card .tag,.service .flag,
.station-chips span,.chips span,.chips a,.article .badge,.step .period,
.step.voice .attr,.flowband .fb-step,.sim-field>.q .no,.sim-chips span,
.taxsim .chip,.taxsim .pm,.taxsim-how .hw-mode,.taxsim-how .hw-flow .fc,
.faq .new,.chapter-cta .box a.lk,.wpcf7 input[type="submit"],.wpcf7 button[type="submit"],
.art-head .cat,.to-top,.faq .q::before,.faq .a::before,.promise li::before,
.keypoints .ttl::before,.taxsim-how .hw-no,.article .rno,.drawer .close{border-radius:3px}
.pc-tab a,.mobile-bar,.article .rno,.article .reason,.fig img,.article .fig img{box-shadow:none}

/* --------------------------------------------------------------------------
   2. ヘッダー（白・80px・追従・事務所名は文字のみ・右に電話＋黒い予約ボタン）
   -------------------------------------------------------------------------- */
header.site,header.site.scrolled,header.site.solid{
  position:sticky;top:0;left:auto;right:auto;z-index:80;
  background:#fff;backdrop-filter:none;border-bottom:1px solid #EEE}
.admin-bar header.site{top:32px}
.hd-inner{max-width:none;height:80px;padding:0 40px;gap:18px}
.brand{line-height:1.3}
.brand .kicker{font-size:11px;letter-spacing:.14em;color:var(--h-sub);font-weight:500}
.brand .name{font-size:19px;font-weight:700;color:#333;letter-spacing:.05em}
nav.global>ul{gap:16px}
nav.global a{color:#333;font-size:13.5px;font-weight:700;border-bottom-width:1px}
nav.global>ul>li>a:hover,nav.global>ul>li>a:focus-visible{color:#333;border-bottom-color:#333}
nav.global .has-drop>a::after{border-right-color:#333;border-bottom-color:#333;border-right-width:1px;border-bottom-width:1px}
nav.global .drop,nav.global .menu-item-has-children>.sub-menu{background:#fff;backdrop-filter:none;border:1px solid #E5E5E5;box-shadow:0 12px 30px rgba(0,0,0,.08)}
nav.global .drop-hd{border-bottom-color:var(--line)}
nav.global .drop-hd .en{color:var(--h-sub);font-weight:500}
nav.global .drop-hd .ja{color:#333}
nav.global .drop>a,nav.global .menu-item-has-children>.sub-menu>li>a{color:#333;border-bottom-color:#EEE}
nav.global .drop>a:hover,nav.global .drop>a:focus-visible{background:#F8F8F8;color:#333}
nav.global .drop .ar,nav.global .menu-item-has-children>.sub-menu>li>a::after{color:#333}
.hd-contact{gap:18px}
.hd-tel{color:#333;line-height:1.25}
.hd-tel .num{font-size:20px;font-weight:700;letter-spacing:.04em}
.hd-tel .hours{font-size:11px;color:#777;font-weight:500}
.btn-hd{background:var(--h-dark);color:#fff;font-size:14px;font-weight:700;padding:12px 20px;letter-spacing:.04em}
.btn-hd:hover{background:var(--h-black)}
.nav-toggle{background:var(--h-dark);color:#fff}
.map-btn{border:1px solid #333;color:#333;background:#fff}
.drawer .scrim{background:rgba(0,0,0,.35)}
.drawer .panel a{color:#333;border-bottom-color:#EEE}
.drawer .panel a::after,.drawer .panel a.drw-child::before{color:var(--h-sub)}
.drawer .panel a.current{color:#333;text-decoration:underline}
.drawer .panel a.drw-child{color:#555;border-bottom-color:#F2F2F2}
.drawer .panel a.btn-hd{color:#fff}
.drawer .close{background:#F8F8F8;color:#333}
/* 固定ヘッダー前提の上オフセットを外す（sticky化で流れに乗るため） */
.crumbs{margin-top:0}
@media(max-width:1199.98px){.hd-inner{height:68px;padding:0 20px}}
@media(max-width:480px){
  .hd-inner{padding-inline:16px;gap:8px}
  .brand{min-width:0}
  .brand .kicker{font-size:10.5px;letter-spacing:.08em}
  .brand .name{font-size:15px;letter-spacing:.02em}
  .map-btn{width:40px;height:40px}
  .nav-toggle{margin-left:6px;padding:11px 14px;letter-spacing:.1em}
}

/* --------------------------------------------------------------------------
   3. 共通レイアウト・節の律（節100px／灰帯80px・列1164px・長文760px）
   -------------------------------------------------------------------------- */
.wrap{max-width:calc(var(--h-col) + 48px)}
section.block{padding-block:var(--h-sec)}
section.block.bg-band,section.block.bg-paper,section.block.bg-band2{padding-block:var(--h-sec-g)}
/* 2026-10-01 忠実化：下層の交互帯は白地に（SST の下層は白地＋細い罫。灰は注記・箱だけ） */
.bg-band,.bg-paper{background:#fff}
.bg-band2{background:#fff}
.sec-head{margin-bottom:44px}
.eyebrow{font-size:14px;letter-spacing:.14em;color:var(--h-sub);font-weight:500;margin-bottom:10px}
.sec-title,h2.sec-title{font-size:26px;color:#333;line-height:1.7;letter-spacing:.15em;margin-bottom:22px}
.sec-lede,p.body{max-width:var(--h-text);color:#333}
h3.mid{font-size:22px;color:#333;letter-spacing:.08em}
h4.small{font-size:19px;color:#333;letter-spacing:.06em}
strong,.body b{color:#333}
p.body a,.article p a,.article li a,.article td a,.callout a,.stgy-disclaimer a{color:#333;font-weight:inherit;text-decoration:underline;text-underline-offset:4px}
ul.dots li::before,.keypoints li::before{background:#333;width:6px;height:6px;top:.95em}
.note,.note-line{color:#6f6f6f}
/* 「›」黒丸の小さな導線リンク（H案 .dot） */
.more-link{color:#333;border-bottom:0;padding-bottom:0;gap:14px;letter-spacing:.1em;font-size:16px}
.more-link::after{content:"›";width:22px;height:22px;border-radius:50%;background:#222;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;padding-bottom:2px;flex:none}
.more-link:hover{text-decoration:underline;text-underline-offset:4px}
.more-link:hover::after{transform:none}
/* プレースホルダ */
.ph,.ph-card{border-color:#BBB;color:#777}
.ph{background:#EEE}
.ph-card .tag{color:#333;border-color:#999}

/* --------------------------------------------------------------------------
   4. ボタン（主＝黒地白字／副＝白地1px墨／LINEも白黒）
   -------------------------------------------------------------------------- */
.btn-primary,.big-btn.primary,.wpcf7 input[type="submit"],.wpcf7 button[type="submit"],.chapter-cta .box a.lk{
  background:var(--h-dark);color:#fff;border:1px solid var(--h-dark);font-weight:700;letter-spacing:.06em}
.btn-primary:hover,.big-btn.primary:hover,.chapter-cta .box a.lk:hover{background:var(--h-black);transform:none}
.btn-ghost,.big-btn.ghost,.btn-line,.chapter-cta .box a.lk.ghost{
  background:#fff;color:#333;border:1px solid #333;font-weight:700;letter-spacing:.06em}
.btn-line:hover{opacity:1;background:#F8F8F8}
.big-btn:hover,.btn-primary:hover{transform:none}
.btn-primary,.btn-ghost,.btn-line{font-size:16px;padding:16px 34px}
.big-btn{font-size:16px;padding:18px 34px}
.wpcf7 input[type="submit"]:hover,.wpcf7 button[type="submit"]:hover{filter:none;background:var(--h-black)}
.wpcf7 input[type="submit"]:focus-visible,.wpcf7 button[type="submit"]:focus-visible{outline:2px solid #333}
.tel-inline,.tel-block{color:#333}
.tel-block .num{letter-spacing:.04em}
.tel-inline .hours,.tel-block .hours{color:#777}

/* --------------------------------------------------------------------------
   5. トップ：ヒーロー（グラデ層は装飾のみ＝非表示可。写真モザイクはテンプレ改修が必要）
   -------------------------------------------------------------------------- */
.hero{background:#F8F8F8;color:#333;padding-top:clamp(72px,9vw,120px);padding-bottom:clamp(72px,8vw,100px);border-bottom:1px solid var(--line)}
.grad-layers{display:none}
.hero-inner{max-width:calc(var(--h-col) + 48px)}
.hero .eyebrow{color:var(--h-sub);letter-spacing:.14em}
.hero h1{font-size:clamp(30px,4.2vw,44px);color:#333;line-height:1.5;letter-spacing:.1em}
.hero .h1-sub{color:#333;letter-spacing:.08em}
.hero .sub{color:#333;font-size:19px;max-width:var(--h-text)}
.hero-tel{color:#333}
.hero-tel .lbl,.hero-tel .hours{color:#777}
.trust-chips span,.station-chips span,.chips span,.chips a{
  border:1px solid #999;color:#333;background:#fff;font-weight:500;font-size:15px;padding:4px 16px;letter-spacing:.06em}
.chips a:hover{background:#333;color:#fff;border-color:#333}
.chips a{border-color:#333;text-decoration:none}   /* ページ内の目次チップ（リンク）は墨の枠＝押せる札（料金モック .cn） */
.hero .area-note,.hero .area-line{color:#6f6f6f}

/* --------------------------------------------------------------------------
   6. カード類（枠1px・影なし・白地。写真札風＝下罫）
   -------------------------------------------------------------------------- */
/* 状況カード → 3列の札（下罫・灰色の小ラベル） */
.situations{gap:40px 60px}
.situ{background:transparent;border:0;border-bottom:1px solid var(--line);padding:4px 0 26px;color:#333}
.situ:hover{transform:none;border-color:#333}
.situ:hover b{text-decoration:underline;text-underline-offset:4px}
.situ b{font-size:21px;line-height:1.7;letter-spacing:.06em}
.situ span{font-size:16px;line-height:1.85;color:#333}
.situ .go{font-size:14px;color:var(--h-sub);letter-spacing:.15em;font-weight:500}

/* 汎用の箱 */
.step,.ex,.callout,.order,.form-ph,.price-example,.service,.place-card,.faq,
.author-box .inner,.chapter-list .art,.summary-link,.art-card,.fb-step,
.cta-card,.feesim .sim-card,.taxsim .sim-card,.taxsim-cta,.taxsim-how .hw-card{
  background:#fff;border:1px solid var(--line);box-shadow:none;color:#333}
.situ,a.service,.summary-link,.chapter-list .art,.art-card{transition:border-color .2s}
a.service:hover,a.service:focus-visible,.summary-link:hover,.chapter-list .art:hover,.art-card:hover{transform:none;border-color:#333;box-shadow:none}
.step h3,.grid2>.step h3,.grid3>.step h3,.service h3,.place-card .pc-body h3,.ex h3{color:#333;letter-spacing:.06em}
.step p,.service p{color:#333}

/* サービス */
.service.lead-card{background:#fff}
a.service{color:#333}
a.service:hover h3,a.service:focus-visible h3{color:#333;text-decoration:underline;text-underline-offset:4px}
a.service .go,.service .price-line{color:#333}
a.service .go{color:var(--h-sub);font-weight:500;letter-spacing:.15em;font-size:14px}
.service .flag,.step.voice .attr,.step .period{border:1px solid #999;color:#333;background:#fff;font-weight:500;font-size:14px;padding:2px 12px;letter-spacing:.08em}
.step .period{margin-left:12px}

/* 申告後の3つのお約束（旧・青カード → 枠つき白札） */
.card,.card:nth-child(2){background:#fff;color:#333;border:1px solid var(--line)}
.card .num{color:var(--h-sub);opacity:1;font-size:14px;letter-spacing:.14em}
.card h3{color:#333}
.card p{color:#333}
.card .sub{border-top-color:var(--line);color:#6f6f6f;opacity:1;font-size:14px}

/* 料金プレビュー */
.price-example b,.price-example strong{color:#333;font-size:1.25em}

/* 流れ帯（STEP） */
.flowband .fb-step{background:#fff;color:#333;border:1px solid var(--line);font-weight:700}
.flowband .fb-ar{color:var(--h-sub)}

/* 記事カード（写真札型：枠なし・下罫） */
.art-card{border:0;border-bottom:1px solid var(--line);padding:0 0 26px;background:transparent}
.art-card:hover b{text-decoration:underline;text-underline-offset:4px}
.art-card b{font-size:19px;color:#333;letter-spacing:.04em}
.art-card .hook{color:#333;font-size:16px;font-weight:500}
.art-card .go{color:var(--h-sub);font-size:14px;font-weight:500;letter-spacing:.15em}
.art-card .art-thumb{margin-bottom:18px}
.grid3:has(>.art-card){gap:48px 60px}

/* 教科書トップ（/knowledge/）の章カード6枚 → 縦罫で区切る3列の文字札（章一覧モック型） */
@media(min-width:901px){
  .tb-in>.chapter-list{max-width:none;display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px}
  .tb-in>.chapter-list>.art{border:0;border-left:1px solid var(--line);background:transparent;margin:0;padding:6px 34px 34px}
  .tb-in>.chapter-list>.art:nth-child(3n+1){border-left:0;padding-left:0}
  .tb-in>.chapter-list>.art:nth-child(n+4){padding-top:34px;border-top:1px solid var(--line)}
  .tb-in>.chapter-list>.art b{text-decoration:underline;text-underline-offset:4px}
  .tb-in>.chapter-list>.art span{font-size:16px;line-height:1.9;color:#333}
  .tb-in>.chapter-list>.art .go{display:block;margin-top:8px;font-size:14px}
}
/* SP：章カード6枚は枠の箱ではなく細罫で区切る行に／記事カードは「左に小さな図・右に題」の行に（記事モックの一覧型） */
@media(max-width:900px){
  .tb-in>.chapter-list>.art{border:0;border-bottom:1px solid var(--line);background:transparent;padding:22px 0;margin:0}
  .tb-in>.chapter-list>.art:first-child{border-top:1px solid var(--line)}
  .tb-in>.chapter-list>.art .go{display:block;margin-top:6px;font-size:14px}
}
@media(max-width:640px){
  .grid3>.art-card{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:16px;align-items:start;padding:0 0 20px}
  .grid3>.art-card .art-thumb{grid-row:1/4;width:112px;margin:4px 0 0}
  .grid3>.art-card>:not(.art-thumb){grid-column:2}
  .grid3>.art-card b{font-size:16px;line-height:1.7;margin-bottom:4px}
  .grid3:has(>.art-card){gap:20px}
}
/* 投稿記事の表は本文列より少し広く（760→960）＝列の多い表・フローチャートの縦積みを緩和 */
@media(min-width:1100px){
  .single .article>.tablewrap{margin-inline:-100px;max-width:none}          /* テーマの max-width:100% を外さないと左へずれるだけ */
  .single .article>.tablewrap>table{width:100%}                             /* 960に収まる表は折り返して収める（収まらない表は従来どおり横スクロール） */
}
/* 教科書 章ハブの記事リスト */
.chapter-list .art b{color:#333}
.chapter-list .art span{color:#6f6f6f}
.chapter-list .art .go{color:var(--h-sub);font-weight:500;letter-spacing:.15em}
/* 章ページ（page-chapter）の記事リスト → 3列の札（H案 .c3：図＋題＋一文＋灰の小ラベル・下罫。枠なし） */
.wrap>.chapter-lead{max-width:var(--h-text);margin-inline:0}
.wrap>.chapter-list{max-width:none;margin-top:56px}
.wrap>.chapter-list>.art{border:0;border-bottom:1px solid var(--line);background:transparent;padding:0 0 26px;margin:0}
.wrap>.chapter-list>.art .art-thumb{margin-bottom:18px}
.wrap>.chapter-list>.art b{font-size:19px;line-height:1.7;letter-spacing:.04em;margin-bottom:6px}
.wrap>.chapter-list>.art:hover b{text-decoration:underline;text-underline-offset:4px}
.wrap>.chapter-list>.art span{display:block;font-size:16px;line-height:1.85}
.wrap>.chapter-list>.art span:not(.go){color:#333}
.wrap>.chapter-list>.art .go{margin-top:8px;font-size:14px}
@media(min-width:641px){.wrap>.chapter-list{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 48px}}
@media(min-width:1000px){.wrap>.chapter-list{grid-template-columns:repeat(3,1fr);gap:56px 60px}}

/* 面談場所カード */
.place-card figure figcaption,.place-card .pc-figs figcaption{color:#6f6f6f}
.place-card .pc-map{color:#333;border-bottom:0;text-decoration:underline;text-underline-offset:4px}
.map-embed{background:#F8F8F8}

/* 代表挨拶 */
.greet .sign{color:#333}

/* トップ「お悩み」6項目 → 縦罫で区切る3列の文字札（H案 .nw 型） */
@media(min-width:901px){
  #worries .grid2{grid-template-columns:repeat(3,1fr);gap:0}
  #worries .grid2>.step{border:0;border-left:1px solid var(--line);background:transparent;padding:6px 34px 30px;margin:0}
  #worries .grid2>.step:nth-child(3n+1){border-left:0;padding-left:0}
  #worries .grid2>.step:nth-child(n+4){padding-top:36px;border-top:1px solid var(--line)}
  #worries .grid2>.step h3{font-size:21px;line-height:1.65;margin-bottom:10px}
  #worries .grid2>.step p{font-size:16px;line-height:1.9}
}
#worries .grid2>.step .more-link{font-size:15px}

/* 画像のフィルター・非表示は「19. 写真と図版」にまとめた */

/* --------------------------------------------------------------------------
   7. FAQ（行型：上下罫・Q/Aは墨の小札）
   -------------------------------------------------------------------------- */
.faq-list{border-top:1px solid var(--line)}
.faq{border:0;border-bottom:1px solid var(--line);margin:0;padding:30px 0;background:transparent}
.faq .q{color:#333}
.faq .q::before{background:#222;color:#fff;width:28px;height:28px;font-size:15px;top:5px}
.faq .a::before{background:#fff;color:#333;border:1px solid #333;width:28px;height:28px;font-size:15px;top:5px}
.faq .new{background:#fff;color:#333;border:1px solid #333}
.article .faq .q,.article h3.q{color:#333}

/* --------------------------------------------------------------------------
   8. お知らせ・注意・要点・計算式
   -------------------------------------------------------------------------- */
.notice{background:#F8F8F8;color:#333;box-shadow:none;border:0}
.bg-band .notice:not(.notice-pause),.bg-paper .notice:not(.notice-pause),
.tband.alt .notice,.tband.accent .notice,.tband.accent .formula-line,.tband.accent .keypoints,
.bg-band .price-example{background:#fff;border:1px solid var(--line)}
/* 受付停止のお知らせ（旧・薄オレンジの特別色）→ 灰地＋墨の左線1px（H案の注記）。灰帯の上では白地 */
.notice.notice-pause,.tband .notice.notice-pause{background:#F8F8F8;border:0;border-left:1px solid #333}
.tband.alt .notice.notice-pause,.tband.accent .notice.notice-pause,.bg-band .notice.notice-pause{background:#fff}
.callout{color:#333}
.callout b,.callout strong,.order strong{color:#333}
.formula-line{background:#F8F8F8;color:#333;box-shadow:none;border:1px solid var(--line)}
.keypoints{background:#F8F8F8;border:0;padding:30px 36px}
.keypoints .ttl{color:#333;letter-spacing:.12em}
.keypoints .ttl::before{background:#222;width:28px;height:28px;font-size:15px}
.keypoints li{color:#333}
.promise li::before{background:#222}
.stgy-disclaimer{background:#F8F8F8;border:0;color:#333}
.stgy-disclaimer .stgy-disclaimer__title{color:#333}
/* 記事本文のマーカー2種（旧SWELL＝追加CSS〔h-inherit.css〕の黄 #fff59a・緑 #c8f2d0／本文直書きの <mark style> の
   #FFFF99・#98FB98）は**色のまま**残す（2026-10-01 宗行さん「マーカーは色を戻す」＝比較画像 review\マーカー_白黒と現状の色 で決定）。
   9/30〜10/1 の白黒版（黄＝灰の下塗り・緑＝墨の下線）は取りやめ。控え＝旧版\h-skin.css.bak_20261001_0110 の 8節。
   事例ページの強調（.badge+.ex strong）だけは、テーマの淡生成り帯色 var(--band) が 0節で灰へ変わるのでそのまま灰の下塗りになる */

/* --------------------------------------------------------------------------
   9. 表（罫1px #D9D9D9・見出しセル #F8F8F8）
   -------------------------------------------------------------------------- */
.table-scroller,.article .tablewrap{border:0;box-shadow:none}
table.data{border-collapse:collapse;background:#fff}
table.data th,table.data td{border:1px solid var(--line);color:#333}
table.data thead th,table.data th.head{background:#F8F8F8;color:#333;border:1px solid var(--line)}
table.data th[scope=row]{background:#F8F8F8;color:#333;border:1px solid var(--line)}
table.data tr.total th,table.data tr.total td{background:#F8F8F8;color:#333}
table.data tr.total td.r{color:#333}
table.data strong{color:#333}
table.data tr:last-child th,table.data tr:last-child td{border-bottom:1px solid var(--line)}
.article .tablewrap table thead th{background:#F8F8F8!important;color:#333!important;border:1px solid var(--line)}
.article .tablewrap table tbody th{background:#F8F8F8;color:#333}
.article .tablewrap table th,.article .tablewrap table td{border:1px solid var(--line)}
.article .tablewrap table tr:last-child td{border-bottom:1px solid var(--line)}
table.hours-table td .hrs,table.hours-table td .mark{color:#333}
table.hours-table td small,.hours-legend{color:#6f6f6f}
@media(max-width:640px){
  table.data.sp-card tr{border:1px solid var(--line)}
  table.data.sp-card th,table.data.sp-card td,table.data.sp-card tr:last-child>th,table.data.sp-card tr:last-child>td{border:0}
  table.data.sp-card td:first-child,table.data.sp-card th[scope=row]{color:#333}
  table.data.sp-card td[data-label]::before{color:var(--h-sub)}
}
/* 記事本文の手書きインライン色（旧エディタ由来の表・フローチャート・計算式の図）を無彩色へ。
   承認済みの記事モックは本文の style 属性を外した「白地＋罫#D9D9D9・見出しセル#F8F8F8」の明るい表。
   CSSでは style 属性を消せないので、色ごとに同じ見え方へ置き換える（意味の区別は形で残す）:
     濃青の見出し・問いのセル(#2c5282)     → 灰地#F8F8F8・墨の太字
     水色の「適用できる」・区分のセル(#00bcd4) → 白地・墨の太字・墨の枠1px（結論として立てる）
     灰の「適用できない」セル(#999)          → 白地・補助色#6f6f6fの太字・点線の枠
     赤字の「↓はい／いいえ」(#c53030)       → 墨の太字
     赤地の区分（居住の用）(#c53030)        → 灰地・墨の太字
     淡い水色・青の面(#e6fffa/#ebf8ff/#f7fafc/#e8f4f8) → 灰地#F8F8F8、淡い赤の面(#fff5f5) → 白地に点線の枠
     青字の語(#2c5282)・赤字の注番号(#e53e3e)・緑字の注記(#48bb78) → 墨／補助色 */
html body .article [style*="color: #c53030"],html body .article [style*="color:#c53030"]{color:#333!important;font-weight:700}
html body .article :is(th,td,div,p,span)[style*="background-color: #2c5282" i],html body .article :is(th,td,div,p,span)[style*="background-color:#2c5282" i]{
  background-color:#F8F8F8!important;color:#333!important;font-weight:700}
html body .article :is(th,td,div,p,span)[style*="background-color: #00bcd4" i]{background-color:#fff!important;color:#333!important;font-weight:700;outline:1px solid #333;outline-offset:-1px}
html body .article :is(th,td,div,p,span)[style*="background-color: #999"]{background-color:#fff!important;color:#6f6f6f!important;font-weight:700;outline:1px dashed #999;outline-offset:-1px}
html body .article [style*="background-color: #c53030"]{background-color:#F8F8F8!important;color:#333!important;font-weight:700}
html body .article [style*="solid #00bcd4"]{border-color:#333!important}
html body .article :is([style*="#e6fffa" i],[style*="#ebf8ff" i],[style*="#f7fafc" i],[style*="#e8f4f8" i]){background-color:#F8F8F8!important}
html body .article [style*="#b2d4e8" i]{border-color:#D9D9D9!important;border-radius:3px!important}
html body .article [style*="#fff5f5" i]{background:#fff!important;border:1px dashed #999!important;border-radius:3px!important}
html body .article [style*="color:#2c5282" i],html body .article [style*="color: #2c5282" i]:not([style*="background"]){color:#333!important}
html body .article [style*="color:#e53e3e" i],html body .article [style*="color: #e53e3e" i]{color:#333!important}
html body .article [style*="#48bb78" i],html body .article [style*="rgb(72, 187, 120)"]{color:#6f6f6f!important}
html body .article [style*="#cbd5e0" i]{border-color:var(--line)!important}
html body .article :is(p,div,span,td,th)[style*="border-radius"]{border-radius:3px!important}   /* 本文の手書き角丸（4〜5px）も3pxまで */
html body .article :is([style*="#2c5282" i],[style*="background-color: #00bcd4"],[style*="background-color: #c53030"],[style*="background-color: #999"]) :is(strong,b){color:inherit!important}
html body [style*="solid #c00"]{border-left-color:#333!important}
html body [style*="#5a5f66"]{color:#6f6f6f!important}
html body [style*="#e6e2d8"]{border-top-color:var(--line)!important}
@media(max-width:640px){
  html .article figure::after{color:var(--h-sub)}
  /* 入れ子の表で組んだフローチャートは390幅で1字ずつ縦に積まれる → 720pxの台紙で横スクロールにする */
  .single .article .tablewrap>table:has(table){min-width:720px}
}

/* --------------------------------------------------------------------------
   10. 下層ページ：パンくず・ページ扉・交互帯
   -------------------------------------------------------------------------- */
.crumbs{max-width:calc(var(--h-col) + 48px);padding-top:26px;font-size:14px;color:var(--h-sub);letter-spacing:.08em}
.crumbs a{color:var(--h-sub);font-weight:500;text-decoration:underline;text-underline-offset:4px}
.page-hero,.page-head{background:#fff;padding-block:46px 0}
.page-hero .wrap,.page-head .wrap{max-width:calc(var(--h-col) + 48px)}
/* 扉の下の罫は 2026-10-01 忠実化第2弾でやめた（SST の扉は題と一文だけ）。扉と本文の間は余白で */
.page-hero .wrap,.page-head .wrap{padding-bottom:34px}
.page-hero .kick,.page-head .kick{font-size:14px;letter-spacing:.24em;color:var(--h-sub);font-weight:500;margin-bottom:8px}
.page-hero h1,.page-head h1{font-size:34px;color:#333;letter-spacing:.08em;line-height:1.6}
.page-hero h1 .sub,.page-head h1 .sub{color:#6f6f6f;font-size:19px}
.page-hero .lead,.page-head .lead{color:#333;max-width:var(--h-text);margin-top:14px}
/* 写真帯（ページ扉直下）は1164列に収め、周囲に余白 */
.page-hero+.photo-band,.page-head+.photo-band{max-width:var(--h-col);margin:46px auto 0}
.photo-band img{height:clamp(220px,24vw,360px)}

.tband{background:#fff;padding:var(--h-sec) 24px}
.tband.alt,.tband.accent{background:#fff;padding-block:var(--h-sec-g)}
.tbands>.tband+.tband{border-top:1px solid var(--line)}  /* 帯の境は細い罫で（2026-10-01） */
.tbands>.tband:first-child{padding-top:var(--h-sec)}
.tbands>.tband:last-child{padding-bottom:var(--h-sec)}
.tband>.tb-in{max-width:var(--h-col)}
.tbands>:not(.tband){max-width:var(--h-col)}
/* 長文は760pxまで（表・カード群・図は1164列を使う） */
.tb-in>p,.tb-in>ul,.tb-in>ol,.tb-in>h3,.tb-in>h4,.tb-in>blockquote,.tb-in>.notice,.tb-in>.callout,
.tb-in>.formula-line,.tb-in>.keypoints,.tb-in>.order,.tb-in>.faq-list,.tb-in>.wpcf7,.tb-in>.form-ph,
.tb-in>.photo,.tb-in>.fig,.tb-in>.trust-bar{max-width:var(--h-text)}
/* 事務所紹介の代表写真（figure.photo.photo-s）の大きさ（2026-10-01 宗行さん「もう少し小さく。いずれ大きくしたいので寸法を控えて」）
   控え＝現行サイト 320px（テーマの .photo-s）／H案の見本（10/1 朝まで）760px（本文列いっぱい）／いま PC 520px。
   スマホ（〜640px）は 10/1 昼まで列いっぱい（390px 画面で約358px）→ 宗行さん「スマホでは大きい」で 260px に。
   大きくするときは下の数字を変えるだけ（PC は 760px で列いっぱい、スマホは none で列いっぱい） */
.tb-in>.photo.photo-s{max-width:520px}
@media(max-width:640px){
  /* 追加CSS（h-inherit）の「スマホでは図を760pxにして左右スワイプ」は記事の図解のための規則だが、固定ページの
     写真（figure.photo＝代表写真・面談場所）にも効いて写真が画面からはみ出していた（宗行さん「スマホでは写真が大きい」）。
     写真は列幅に収め、スワイプの案内も出さない。図解（figure.fig）は従来どおりスワイプで読める */
  .article figure.photo{overflow:visible}
  .article figure.photo>img{max-width:100%!important;width:100%!important;height:auto}
  .article figure.photo::after{content:none}
  .tb-in>.photo.photo-s{max-width:260px}
}
/* 枠つき箱（計算例・事例・手順）は表を抱えるので1164列、中の文章だけ760 */
.tb-in :is(.ex,.step)>:is(p,ul,ol,h3,h4,.cond,.callout,.notice){max-width:var(--h-text)}
.tb-in>.tablewrap,.tb-in>.table-scroller{max-width:var(--h-col)}
.tb-in .reason>p,.tb-in .reason>ul,.tb-in .reason>ol,.tb-in .reason>h3,.tb-in .reason>.callout,.tb-in .reason>.notice{max-width:var(--h-text)}
/* 濃色の反転帯（お客様の声の導入）＝#333 */
.tband.dark{background:#333}
.tband.dark>.tb-in>p,.tband.dark>.tb-in>ul>li,.tband.dark>.tb-in>ol>li{color:#E6E6E6}
.tband.dark>.tb-in>h2{border-top-color:#fff}

/* 本文見出し（固定ページの帯・投稿記事 共通）
   h2＝26px・上罫1px墨／h3＝22px・左3px墨バー */
html .article h2{font-size:26px;color:#333;letter-spacing:.1em;line-height:1.6;border-top:1px solid #333;border-bottom:0;padding:28px 0 0;margin:72px 0 28px}
.article h2:first-child{margin-top:0}
html .article h3{font-size:22px;color:#333;letter-spacing:.08em;line-height:1.6;border-left:3px solid #333;padding-left:16px;margin:56px 0 22px}
.article h4,.article h4.wp-block-heading{font-size:19px;color:#333;letter-spacing:.06em;border-bottom:1px solid var(--line);padding-bottom:6px;margin:40px 0 14px}
.article :is(.ex,.step,.callout,.notice,.order,.keypoints,.summary-link,.faq,.service,.card,.place-card,.reason,.cta-card,.sim-card,.hw-card) h3{border-left:0;padding-left:0}
.article .reason>h2{border-top:0;padding-top:0}
.article strong,.article b{color:#333}
.article blockquote,.article .wp-block-quote{border:1px solid var(--line);border-left:1px solid var(--line);padding:18px 26px 6px;background:#fff}
.lead-p{color:#333}

/* 解決事例のバッジ＋カード */
.article .badge{background:#222;color:#fff;font-weight:700}
.article .badge.alt{background:#555}
.article .badge+.ex{background:#fff;border-color:var(--line)}
/* 本番では wpautop がバッジを <p> で包むため、テーマの「カード上端にまたがる」指定（.badge+.ex）が効いていない。
   <p>ごと同じ形にして、ラベルをカードの上端に載せる */
.article p:has(>.badge:only-child){margin:0;line-height:1;position:relative;z-index:1}
.article p:has(>.badge:only-child)+.ex{margin-top:-14px;padding-top:50px;background:#fff}
/* 選ばれる理由の番号札（.rno）も同じく <p> に包まれている → 札をブロック上端にまたがせる（.reason の -29px が効く形に） */
.article p:has(>.rno:only-child){margin:0;line-height:1;position:relative;z-index:1}
/* 箱の中の小見出し：先頭は上余白なし・2つ目以降は40px（本文 h3 の56pxは箱の中では広すぎる） */
html .article :is(.ex,.step,.reason,.callout,.notice,.order,.service,.card)>h3:first-child{margin-top:0}
html .article :is(.ex,.step)>h3:not(:first-child){margin-top:40px}
/* 表・カード群の直後の文が詰まる（テーマは .step 内の表の下余白0・グリッドの下余白なし） */
.step .table-scroller:not(:last-child){margin-bottom:34px}
.article :is(.grid2,.grid3)+:is(p,ul,ol,.table-scroller,.tablewrap,.callout,.notice){margin-top:32px}
/* 選ばれる理由 1〜6 */
.article .rno{background:#222;width:52px;height:52px;font-size:22px}
.article .rno.alt{background:#555}
.article .reason{background:#fff;border:1px solid var(--line)}
.article .reason.alt{background:#F8F8F8;border-color:var(--line)}

/* --------------------------------------------------------------------------
   11. 投稿記事（760列・見出しは墨・目次・章CTA・著者）
   -------------------------------------------------------------------------- */
.art-head{max-width:calc(var(--h-text) + 48px);padding:46px 24px 0}
.art-head::after{content:"";display:block;border-bottom:1px solid #333;margin-top:34px}
.art-head .cat{background:transparent;border:0;padding:0;color:var(--h-sub);font-weight:500;letter-spacing:.14em;margin-bottom:8px;text-decoration:underline;text-underline-offset:4px}
.art-head h1{font-size:34px;color:#333;letter-spacing:.08em;line-height:1.6}
.art-head .meta{color:var(--h-sub);margin-top:14px}
.art-head+section.block{padding-top:34px}
.single .article,body.single .wrap>.article{max-width:var(--h-text)}
.related-read,.chapter-summary,.chapter-cta,.author-box{max-width:calc(var(--h-text) + 48px)}
html .toc{background:#F8F8F8;border:0;padding:24px 30px}
.toc .ttl{color:#333;letter-spacing:.12em}
html .toc a{color:#333;font-weight:500}
.toc li::before{color:var(--h-sub)}
.related-read .ttl{font-size:26px;color:#333;letter-spacing:.1em;border-top:1px solid #333;padding-top:28px;margin-bottom:10px}
.related-read .ttl::before{content:none}
/* あわせて読みたい：760列に3列は窮屈 → 記事モック型の行（左に図200px・右に題と一文、下罫） */
.related-read .grid3{display:block}
.related-read .art-card{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:26px;align-items:start;padding:22px 0}
.related-read .art-card .art-thumb{grid-row:1/4;width:200px;margin:4px 0 0}
.related-read .art-card>:not(.art-thumb){grid-column:2}
.related-read .art-card b{text-decoration:underline;text-underline-offset:4px;margin-bottom:4px}
.related-read .art-card .hook{margin:0 0 6px}
@media(max-width:640px){
  .related-read .art-card{grid-template-columns:112px minmax(0,1fr);column-gap:16px}
  .related-read .art-card .art-thumb{width:112px}
}
.summary-link{border:1px solid #333;color:#333}
.summary-link .lb small{color:var(--h-sub);font-weight:500;letter-spacing:.14em}
.summary-link::after{color:#333}
.summary-link .lb .hook{color:#333}
.chapter-cta .box{background:#F8F8F8;color:#333;border:0}
.chapter-cta .box .h{color:var(--h-sub);letter-spacing:.14em}
.chapter-cta .box p{color:#333}
.chapter-cta .box p strong{color:#333}
html body .chapter-cta .box strong[style*="color:#fff"]{color:#333!important}  /* 本文側インライン指定の白字を墨へ */
.author-box .inner{border:0;border-top:1px solid var(--line);padding:22px 0 0;background:transparent}
.author-box .role{color:var(--h-sub);font-weight:500}
.author-box .nm,.author-box .field{color:#333}
.fig img,.article .fig img{border:1px solid var(--line)}
/* 記事本文の図（wp-block-image）：前後に余白を取り、幅指定のある図は中央に（記事モック .body figure / img） */
.single .article figure.wp-block-image{margin:28px 0 30px}
.single .article figure.wp-block-image img{margin-inline:auto}
.single .article figure.wp-block-image figcaption{font-size:16px;color:#6f6f6f;text-align:center;margin-top:8px}
.fig .cap{color:#6f6f6f}
.photo img{box-shadow:none;border:0}

/* --------------------------------------------------------------------------
   12. 共通CTA帯（末尾）・静かな予約帯に寄せる
   -------------------------------------------------------------------------- */
.cta-band{background:#fff;border-top:1px solid var(--line)}
.cta-band .cta-card,.cta-card{background:#fff;border:0;padding:0 24px;max-width:var(--h-col)}
.cta-band .cta-card h2,.cta-card h2{font-size:26px;color:#333;letter-spacing:.15em}
.cta-band .cta-card .lede,.cta-card .lede{color:#333}
.cta-band .place{background:#F8F8F8;border:0;color:#333}
.cta-band .place b{color:#333}
.cta-note{color:#6f6f6f}
.cta-actions{max-width:900px}
.cta-actions .btns>a{min-height:56px}
/* 末尾の予約カード → 静かな予約帯（H案 .qc）：左に題・案内、右に電話＋ボタン */
@media(min-width:1080px){
  .cta-band{border-bottom:1px solid var(--line)}
  section.block.cta-band{padding-block:60px}
  .cta-band .cta-card{padding:0;display:grid;grid-template-columns:1fr auto;column-gap:60px;align-items:center;text-align:left;max-width:calc(var(--h-col) + 48px)}
  .cta-band .cta-card>*{grid-column:1}
  .cta-band .cta-card>h2{margin-bottom:6px;font-size:22px;letter-spacing:.1em}
  .cta-band .cta-card>.lede{margin:0 0 12px;font-size:16px;max-width:none}
  .cta-band .cta-card>.place{margin:0;max-width:none;font-size:15px}
  .cta-band .cta-card>.cta-actions{grid-column:2;grid-row:1/4;display:flex;align-items:center;gap:22px;max-width:none;margin:0}
  .cta-band .cta-card>.cta-actions .tel-block{margin:0;text-align:right;white-space:nowrap}
  .cta-band .cta-card>.cta-actions .tel-block .num{font-size:30px}
  .cta-band .cta-card>.cta-actions .btns{display:flex;gap:12px}
  .cta-band .cta-card>.cta-actions .btns>a{width:auto;min-height:0;white-space:nowrap;padding:14px 26px}
  .cta-band .cta-card>.cta-note{text-align:left;margin-top:22px;font-size:15px}
  .cta-band .cta-card>.btn-ghost{justify-self:start;margin-top:8px}
}

/* --------------------------------------------------------------------------
   13. フッター（#333・白字）＋黒のコピーライト帯
   -------------------------------------------------------------------------- */
footer.site{background:#333;color:#fff;padding:0;font-size:15px}
.ft-inner{background:none;border-radius:0;padding:80px 0 0}   /* 2026-10-01 SST 実測（本体 616px・上下余白 80px）に合わせて 60→80 */
.ft-main{padding-bottom:40px}                                   /* 下側の余白も足して本体を約 600px に（著作権帯は別） */
.ft-main{gap:34px}
.ft-grid{width:100%;max-width:calc(var(--h-col) + 48px);padding-inline:24px;grid-template-columns:360px 1fr 1fr 1fr;gap:30px}   /* width:100%＝縦並びflexの中で margin:auto による縮み（SPで左右10pxずれ）を防ぐ */
footer.site .ft-grid li{letter-spacing:.03em}   /* 「相続不動産の評価・売却サポート」が1字だけ折り返さない幅 */
.ft-brand .name{font-size:19px;letter-spacing:.05em;margin-bottom:16px}
.ft-brand p,.ft-brand .hours-compact{font-size:14px;line-height:1.95;color:#DDD}
footer.site h5{color:#BBB;font-size:15px;letter-spacing:.08em;margin-bottom:8px}
footer.site li{font-size:15px;line-height:2.2;font-weight:700;padding:0}
footer.site a{color:#fff}
.ft-bottom{max-width:calc(var(--h-col) + 48px);padding-inline:24px}
.ft-info{font-size:14px;color:#CCC}
.copyright{margin-top:50px;background:#111;color:#999;font-size:12px;letter-spacing:.1em;text-align:right;padding:10px 0;
  box-shadow:0 0 0 100vmax #111;clip-path:inset(0 -100vmax)}
@media(max-width:860px){.ft-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ft-grid{grid-template-columns:1fr}}
@media(max-width:820px){footer.site{padding-bottom:0}.copyright{padding-bottom:78px;text-align:center}}

/* --------------------------------------------------------------------------
   14. 常設の入口：PC右端の縦タブ／SP固定バー／上に戻る
   -------------------------------------------------------------------------- */
@media(min-width:1080px){
  .pc-tab{gap:2px}
  .pc-tab a{padding:18px 11px;font-size:15px;letter-spacing:.12em;box-shadow:none}
  .pc-tab a:hover{filter:none;opacity:.9}
  .pc-tab .web{background:#222;color:#fff}
  .pc-tab .tel{background:#555;color:#fff}
  .pc-tab .line{background:#fff;color:#222;border:1px solid #222;border-right:0}
}
/* SP固定バー（スマホ幅モック .spbar）：WEB予約＝黒・電話とLINE＝白、上に細罫。影なし */
.mobile-bar{box-shadow:none;border-top:1px solid #CCC;background:#fff;grid-template-columns:1.2fr 1fr 1fr}
.mobile-bar .web{background:#222;color:#fff}
.mobile-bar .tel,.mobile-bar .line{background:#fff;color:#222}
.mobile-bar .line{border-left:1px solid #E5E5E5}
.mobile-bar small{opacity:1;font-weight:500}
.to-top{background:#222}
.to-top:hover{background:#111}
/* PCでは右下の reCAPTCHA バッジ（高さ約60px・下14px）と重なるため、上に戻るボタンをその上へ */
@media(min-width:821px){.to-top{bottom:92px}}

/* --------------------------------------------------------------------------
   15. シミュレーター（報酬 #fee-sim／税額 #tax-sim）
   -------------------------------------------------------------------------- */
/* 料金モックの型：白地に直接置く（カード枠なし）・設問は「左に STEP＋題／右に選択肢」の行、行間に細罫 */
.feesim,.taxsim{background:#fff;border-top:0;padding-block:70px var(--h-sec)}
.feesim .sim-card,.taxsim .sim-card{background:transparent;border:0;padding:0;max-width:var(--h-col)}
.feesim h2,.taxsim h2,.taxsim-cta h2{color:#333;letter-spacing:.12em;font-size:26px}
.feesim .sim-lede,.taxsim .sim-lede{margin-bottom:34px}
.sim-card>.sim-field{margin:0;padding:28px 0;border-bottom:1px solid var(--line)}
.sim-card>.sim-lede+.sim-field{border-top:1px solid var(--line)}
.sim-field>.q{color:#333}
.sim-field>.q .no{background:none;color:var(--h-sub);font-size:14px;font-weight:500;letter-spacing:.14em;padding:0;border-radius:0}
@media(min-width:901px){
  .sim-card>.sim-field{display:grid;grid-template-columns:280px minmax(0,1fr);column-gap:44px;align-items:start}
  .sim-card>.sim-field>*{grid-column:2}
  .sim-card>.sim-field>.q{grid-column:1;grid-row:1/span 8;display:block;margin:0;line-height:1.7}
  .sim-card>.sim-field>.q .no{display:block;margin-bottom:2px}
  .sim-card>.sim-field>.q>span:not(.no){display:block}
}
.sim-card>.sim-field .hint{margin-top:12px}
.feesim .sim-note-line{text-align:left}
.hint-d,.sim-subseg,.taxsim .sim-subq{background:#F8F8F8}
.hint-d summary,.sim-subseg .sublbl,.taxsim .sim-subq .lbl{color:#333}
.sim-chips span,.sim-seg span,.taxsim .chip,.taxsim .pm{border:1px solid #999;color:#333;background:#fff}
.sim-chips input:checked+span,.sim-seg input:checked+span,.taxsim .chip.on{background:#222;border-color:#222;color:#fff}
.taxsim .chip:hover,.taxsim .pm:hover{border-color:#333}
.sim-chips input:focus-visible+span,.sim-seg input:focus-visible+span{outline:2px solid #333}
.sim-slider input[type=range],.taxsim .sldrow input[type=range]{accent-color:#333}
/* 結果：灰地＋墨の左線1px・左寄せで「題 → 金額 → 税込」を一行に（料金モック .res） */
.sim-result{background:#F8F8F8;border-left:1px solid #333;text-align:left;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;padding:28px 36px;margin-top:44px}
.sim-result .rlabel{color:#333;letter-spacing:.08em;font-size:17px}
.sim-result .rval{margin-top:0}
.sim-result>*{flex:none;max-width:100%}
.taxsim .taxsim-result>.rval{flex:1 1 320px}
.sim-result .rval,.taxsim .taxsim-result .rval,.taxsim .taxsim-result .rval strong,.taxsim .pv{color:#333}
.sim-break>h3{color:#333}
.feesim .sim-break,.taxsim #simBrkWrap,.taxsim .taxsim-result~.msg{max-width:var(--h-text)}   /* 内訳の表は本文列760（料金モック .sim table） */
.sim-break th,.sim-break td{border-bottom-color:var(--line)}
.sim-break tr.total th,.sim-break tr.total td{background:#F8F8F8;color:#333}
.taxsim .free input{border:1px solid #999;color:#333}
.taxsim table.data.brk th,.taxsim table.data.brk td.r{color:#333}
.taxsim .msg,.taxsim .msg.warn{background:#fff;border:1px solid var(--line);color:#333}
.taxsim .msg strong{color:#333}
.taxsim-cta{border:0;background:transparent}
/* 税額シミュレーターの下の節：中央寄せ（最大900px）の箱が左寄せの見出しとずれる → 見出しと同じ左端にそろえる */
.taxsim-next .taxsim-cta,.taxsim-next .callout,.taxsim-how .hw-card,.taxsim-dis .notice{margin-inline:0}
.taxsim-next .taxsim-cta{text-align:left;padding:0}
.taxsim-next .taxsim-cta p{margin-inline:0}
.taxsim-next .taxsim-cta .btns{justify-content:flex-start}
.taxsim-how .hw-mode,.taxsim-how .hw-flow .fc{background:#fff;border:1px solid var(--line);color:#333}
.taxsim-how .hw-flow .ar{color:var(--h-sub)}
.taxsim-how .hw-no{background:#222}
.taxsim-how .hw-t{color:#333}
.taxsim-how .hw-bar,.taxsim-how .hw-sharebar,.taxsim-how .hw-allocbar{border:1px solid var(--line);box-shadow:none}
.taxsim-how .seg.a,.taxsim-how .seg.spa{background:#F2F2F2;color:#333}
.taxsim-how .seg.b,.taxsim-how .seg.sp,.taxsim-how .seg.oth{background:#333;color:#fff}
.taxsim-how .seg.c1{background:#555;color:#fff}
.taxsim-how .seg.c2{background:#6f6f6f;color:#fff}
.taxsim-how table.data.hw-calc tr.sum td{background:#F8F8F8;color:#333}
.taxsim-how details.hw-rate{background:#F8F8F8}
.taxsim-how details.hw-rate>summary,.taxsim-how details.hw-rate table.data th[scope=row]{color:#333}
.taxsim-how .hw-src a{color:#333}
.taxsim-how .hw-result,.taxsim-how .hw-body>p.hw-result{background:#333;color:#fff}

/* --------------------------------------------------------------------------
   16. お問い合わせ（信頼バー・Contact Form 7）
   -------------------------------------------------------------------------- */
/* 信頼バー：お問い合わせモック .trust＝箱にしない（星・点数・件数・リンク・小札を一行に） */
.trust-bar{background:transparent;border:0;padding:0;gap:8px 22px}
.trust-bar .trust-chips span{border-color:#333}
/* Google クチコミの評価は Google の実物と同じ配色にする（2026-10-01 宗行さん「実際のを持ってきている風に」）：
   ★＝Google の黄 #FBBC04／点数＝濃灰 #202124／件数＝Google の灰 #70757a。サイトで唯一の差し色。
   「クチコミを見る」はこちらの文言なので墨のまま */
.trust-bar .tb-stars{color:#FBBC04}
.trust-bar .tb-score{color:#202124}
/* 件数は stgy2026h では Google のクチコミへのリンク（build_h_theme.py の TEMPLATE_PATCHES）。下線つき・灰 */
.trust-bar .tb-label{color:#70757a;text-decoration:underline;text-underline-offset:3px}
.trust-bar a.tb-label:hover{color:#202124}
.trust-bar .tb-link{color:#333;text-decoration:underline}
.trust-bar .tb-link:hover{color:#111}
.wpcf7 p,.wpcf7 label,.wpcf7 p.form-label,.wpcf7 p.form-sublabel{color:#333}
.wpcf7 p.form-label .form-label-note{color:#6f6f6f}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 input[type="url"],
.wpcf7 input[type="number"],.wpcf7 input[type="date"],.wpcf7 select,.wpcf7 textarea{border:1px solid #999;color:#333}
/* フォーム本体の中央寄せ600px（CF7本文の style 属性）を外し、本文列（760px）の左端にそろえる */
.wpcf7 .form-wrapper{max-width:none!important;margin:0!important}
.wpcf7 input[type="submit"],.wpcf7 button[type="submit"]{margin-inline:0;padding:18px 72px}
/* フォーム内の注意書き2つ（本文の style 属性：赤い左線の灰箱／薄い左線）→ H案の注記（灰地・墨の左線1px） */
html body .wpcf7 p[style*="solid #c00"],html body .wpcf7 p[style*="solid var(--line)"]{
  background:#F8F8F8!important;border-left:1px solid #333!important;padding:14px 22px!important;color:#333!important}
.wpcf7 .cf7-char-counter{color:#6f6f6f}
.wpcf7 input[type="text"]:focus,.wpcf7 input[type="email"]:focus,.wpcf7 input[type="tel"]:focus,.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="number"]:focus,.wpcf7 input[type="date"]:focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:#333;box-shadow:0 0 0 3px rgba(0,0,0,.08)}
.wpcf7 ::placeholder{color:#999}
.wpcf7 .req,.wpcf7 .required{color:#333}   /* 必須の「*」は墨（決定事項5） */
/* 入力エラー・送信結果（静止画には出ない状態）も無彩色で：エラーは黒の太字＋枠を2px相当に */
.wpcf7 .wpcf7-not-valid-tip{color:#111}
.wpcf7 .wpcf7-not-valid{border-color:#111;box-shadow:inset 0 0 0 1px #111}
.wpcf7 form .wpcf7-response-output{border-color:#333;color:#333}
/* reCAPTCHA の固定バッジ（第三者・青）も無彩色に */
.grecaptcha-badge{filter:grayscale(1)}
.wpcf7 input[type="radio"],.wpcf7 input[type="checkbox"]{accent-color:#333}

/* --------------------------------------------------------------------------
   17. 一覧（フォールバック）
   -------------------------------------------------------------------------- */
.fb-ttl{color:#333}
.fb-ttl a:hover{color:#333}
/* サイトマップ・プライバシーポリシーは固定ページ用テンプレが当たらず index.php（この一覧）で出ている
   （REPORT.md「テンプレ改修」参照）。扉の代わりに：一覧の題＝灰の小ラベル、本文 h1＝扉の大見出し、
   区切りの <hr>＝h2 の上罫（hr の直後の h2 は罫を重ねない） */
.fb-list{max-width:none}
.fb-list>.fb-item:only-child{border-bottom:0;padding:0}
/* 本文が h1 で始まるページ（プライバシーポリシー）は一覧の題を灰の小ラベルに、h1 の無いページ（サイトマップ）は題を扉の大見出しに */
.fb-list>.fb-item:only-child .fb-ttl{font-size:34px;letter-spacing:.08em;line-height:1.6;color:#333;margin:0 0 34px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.fb-list>.fb-item:only-child .fb-ttl a{color:#333;text-decoration:none}
.fb-list>.fb-item:only-child .fb-body:has(>.article>h1:first-child) .fb-ttl{font-size:14px;letter-spacing:.14em;font-weight:500;margin:0 0 6px;padding:0;border:0}
.fb-list>.fb-item:only-child .fb-body:has(>.article>h1:first-child) .fb-ttl a{color:var(--h-sub)}
.fb-list>.fb-item:only-child .fb-ttl a:hover{text-decoration:underline;text-underline-offset:4px}
.fb-list .article{max-width:var(--h-text);margin-inline:0}
.fb-list .article>h1{font-size:34px;letter-spacing:.08em;line-height:1.6;color:#333;margin:0 0 14px}
.fb-list .article>p.lead{font-size:19px;line-height:2}
.fb-list .article>hr{border:0;border-top:1px solid #333;margin:72px 0 28px}
html .fb-list .article>hr+h2{border-top:0;padding-top:0;margin-top:0}
/* 事務所用の路線価図検索（#stgy-rosenka・作業用のページ）は道具なので、幅は現行と同じ880px・中央のまま
   （地図と路線価図の表示を狭めない。道具の中の色や部品には触れない。2026-10-01 監督追記） */
.fb-list:has(#stgy-rosenka){max-width:880px}
.fb-list:has(#stgy-rosenka) .article{max-width:none}
@media(max-width:640px){
  .fb-list .article>h1,.fb-list>.fb-item:only-child .fb-body:not(:has(>.article>h1:first-child)) .fb-ttl{font-size:28px;letter-spacing:.05em}
  .fb-list .article>hr{margin-top:52px}
}

/* --------------------------------------------------------------------------
   18. SP（〜640px）：テーマの本文16px設計を維持し、見出しの字間と節の律だけ詰める
   -------------------------------------------------------------------------- */
@media(max-width:640px){
  :root{--h-sec:64px;--h-sec-g:56px}
  /* 見出しの文字サイズはテーマのSP値（h2 24px・h3 20px・扉h1 28px・記事h1 25px）に戻し、字間だけ詰める */
  .sec-title,h2.sec-title,html .article h2{font-size:24px;letter-spacing:.08em}
  html .article h2{margin-top:52px;padding-top:22px}
  html .article h3{font-size:20px;letter-spacing:.05em;margin-top:40px}
  .hero h1{font-size:27px;letter-spacing:.04em}
  .page-hero h1,.page-head h1{font-size:28px;letter-spacing:.05em}
  .art-head h1{font-size:25px;letter-spacing:.05em}
  .situations{gap:28px}
  .keypoints{padding:24px 20px}
  .article .keypoints ul{margin-left:0}   /* テーマの ≤480px 規則（.article ul の左1.2em）で要点の箇条が二重に字下げされる */
  .tband{padding-inline:16px}
  .wrap,.crumbs,.art-head,.related-read,.chapter-summary,.chapter-cta,.author-box{padding-inline:16px}
  .ft-grid,.ft-bottom{padding-inline:16px}
  .cta-band .cta-card,.cta-card{padding:0}
}

/* --------------------------------------------------------------------------
   19. 写真と図版（彩度.88・テーマ同梱図の無彩色化・使わない写真3点・記事冒頭のアイキャッチ）
   -------------------------------------------------------------------------- */
/* 写真は自然な色のまま（2026-10-01 忠実化＝SST は写真を暗くしない。9/30〜10/1 の彩度.88 は取りやめ） */
/* テーマ同梱の図版SVG（assets/img/*.svg・青）と、事例ページの図（fig_case_*・濃青の棒グラフ）は
   暫定で無彩色に（単色版の差し替えまで）。記事カードのアイキャッチ（青系グラフィック）も同じ */
img[src*="/assets/img/" i][src*=".svg" i],.fig img[src*=".svg" i],img[src*="/fig_case_"]{filter:grayscale(1)}
/* 記事カードのアイキャッチ・記事冒頭のアイキャッチは色のまま（2026-10-01 忠実化＝SST のサムネイルは色付き） */
/* 記事本文の図（図解・フローチャート・表の画像）は意味を持つので手を付けない */
.single .article img,.single .article figure img{filter:none}
/* 使わない写真（テンプレ／本文から外すのが本来の直し方＝REPORT.md 参照）
   9/30＝相談風景 band_contact_soudan・署名の手元 fig_flow_sign・マンション街 band_top_jutakuchi（広告写真調）
   10/01＝料金の御見積書 fig_pricing_mitsumori・申告サービスのカレンダー fig_kigen_calendar（小道具の素材写真＝宗行さん「外して」・
   見直しで同じ種類と判定）。遅延読込（EWWW）の写真は src が仮画像のあいだ data-src にしか名前が無いので両方で判定する */
img[src*="band_contact_soudan"],img[src*="fig_flow_sign"],img[src*="band_top_jutakuchi"],
img[src*="fig_pricing_mitsumori"],img[data-src*="fig_pricing_mitsumori"],
img[src*="fig_kigen_calendar"],img[data-src*="fig_kigen_calendar"],
img[src*="band_seizen_taiju"],img[src*="band_kyokasho_kidou"]{display:none!important}
.photo-band:has(>img[src*="band_contact_soudan"]),.photo-band:has(>img[src*="band_top_jutakuchi"]),
figure:has(>img[src*="fig_flow_sign"]),
figure:has(>img[src*="fig_pricing_mitsumori"]),figure:has(>img[data-src*="fig_pricing_mitsumori"]),
figure:has(>img[src*="fig_kigen_calendar"]),figure:has(>img[data-src*="fig_kigen_calendar"]),
.photo-band:has(>img[src*="band_seizen_taiju"]),.photo-band:has(>img[src*="band_kyokasho_kidou"]){display:none!important}
/* 大樹・木道＝比喩の素材写真（SST にはない使い方）。2026-10-01 忠実化で外した */
/* 記事ページ冒頭のアイキャッチは出す（2026-08-14 宗行さん指示「記事冒頭に表示」を引き継ぐ。2026-10-01 監督が
   「出さない」から変更）。色は最後に決める（2026-10-01 宗行さん）＝それまでは記事カードと同じく表示だけ白黒。
   画像ファイルは青のまま。下の1行を消せば青に戻る。出さないに戻すなら .article .art-eyecatch{display:none} */

/* .fig の枠（白地・罫・内余白）は図版用。写真には付けない */
.fig img:not([src*=".svg" i]):not([src*="/fig_case_"]){padding:0;border:0;background:none}

/* --------------------------------------------------------------------------
   20. 英字ラベルは出さない（H案＝英字キッカーなし。2026-10-01 監督追記）
   -------------------------------------------------------------------------- */
/* ページ扉の .kick は page-hub／page-standard では英字（カスタムフィールド page_kick：CONTACT・PRICING 等）。
   章ページ（page-chapter）の .kick は和文「相続税の教科書｜第N章」なので残す。
   シミュレーター2種の .eyebrow（SIMULATION／SIMULATOR／HOW IT WORKS）も英字だけなので出さない。
   和文の .eyebrow（状況から探す 等）と、ヘッダーの小見出し（.brand .kicker）には触れない */
body.page-template-page-hub .page-hero .kick,
body.page-template-page-standard .page-hero .kick,
.sim-card>.eyebrow,
.taxsim-how .sec-head>.eyebrow{display:none}

/* --------------------------------------------------------------------------
   21. 忠実化（2026-10-01 宗行さん「反映して」）＝見出しを中太に
   SST の見出しは細く軽い。大きさは据え置き、太さを 700→500 に。扉の h1 は 34→30px
   -------------------------------------------------------------------------- */
.page-hero h1,.page-head h1{font-weight:500;font-size:30px}
.sec-title,h2.sec-title,html .article h2,html .article h3,.tb-in h2,.tb-in h3,.article h4,.fb-list .article>h1,
.fb-list>.fb-item:only-child .fb-ttl{font-weight:500}
@media(max-width:640px){
  .page-hero h1,.page-head h1{font-size:27px}
}

/* --------------------------------------------------------------------------
   22. 記事の表と図の文字（2026-10-01 宗行さん「表やHTMLの図の文字が本文より小さすぎる」）
   表の基本 15.5→17px（SP 15→15.5）、本文直書きの 15px 未満は 15px に底上げ、em 指定の縮小は 0.92em に、
   図の説明文は 16px。横に長い表は従来どおり横スクロール
   -------------------------------------------------------------------------- */
.single .article .tablewrap>table{font-size:17px}
.single .article .tablewrap table th,.single .article .tablewrap table td{line-height:1.85;padding:11px 14px;max-width:26em}
.single .article table small,.single .article small{font-size:15px}
.single .article figure figcaption,.single .article figure.wp-block-image figcaption{font-size:16px}
.single .article [style*="font-size:10px" i],.single .article [style*="font-size: 10px" i],
.single .article [style*="font-size:11px" i],.single .article [style*="font-size: 11px" i],
.single .article [style*="font-size:12px" i],.single .article [style*="font-size: 12px" i],
.single .article [style*="font-size:12.5px" i],.single .article [style*="font-size: 12.5px" i],
.single .article [style*="font-size:13px" i],.single .article [style*="font-size: 13px" i],
.single .article [style*="font-size:13.5px" i],.single .article [style*="font-size: 13.5px" i],
.single .article [style*="font-size:14px" i],.single .article [style*="font-size: 14px" i],
.single .article [style*="font-size:14.5px" i],.single .article [style*="font-size: 14.5px" i]{font-size:15px!important}
.single .article [style*="font-size:0.7em" i],.single .article [style*="font-size: 0.7em" i],.single .article [style*="font-size:.7em" i],
.single .article [style*="font-size:0.75em" i],.single .article [style*="font-size: 0.75em" i],.single .article [style*="font-size:.75em" i],
.single .article [style*="font-size:0.8em" i],.single .article [style*="font-size: 0.8em" i],.single .article [style*="font-size:.8em" i],
.single .article [style*="font-size:0.85em" i],.single .article [style*="font-size: 0.85em" i],.single .article [style*="font-size:.85em" i],
.single .article [style*="font-size:0.9em" i],.single .article [style*="font-size: 0.9em" i],.single .article [style*="font-size:.9em" i],
.single .article [style*="font-size:70%" i],.single .article [style*="font-size: 70%" i],
.single .article [style*="font-size:75%" i],.single .article [style*="font-size: 75%" i],
.single .article [style*="font-size:80%" i],.single .article [style*="font-size: 80%" i],
.single .article [style*="font-size:85%" i],.single .article [style*="font-size: 85%" i],
.single .article [style*="font-size:90%" i],.single .article [style*="font-size: 90%" i]{font-size:.92em!important}
@media(max-width:640px){
  .single .article .tablewrap>table{font-size:15.5px}
  .single .article .tablewrap table th,.single .article .tablewrap table td{padding:9px 12px}
}

/* --------------------------------------------------------------------------
   23. 忠実化・第2弾（2026-10-01 宗行さん「やって。承認済みの顔もおすすめに従う」）
   SST の実測（トップ h2 24px/400/0.15em・飾りなし・小ラベルなし・本文字間0.15em・角0・「›」は素の記号）に寄せる
   -------------------------------------------------------------------------- */
/* 見出し：飾り（上罫・左バー・下線）をやめ、余白と大きさで区切る。節見出しは24px */
html .article h2{border-top:0;padding-top:0;margin-top:96px}
html .article h3{border-left:0;padding-left:0;margin-top:64px}
.article h4,.article h4.wp-block-heading{border-bottom:0;padding-bottom:0}
.tb-in h2:first-child,.article h2:first-child,.tband>.tb-in>h2:first-child{margin-top:0}
.sec-title,h2.sec-title,html .article h2,.tb-in h2{font-size:24px}
/* 小ラベル（見出しの上の14px和文）は見出しと重複するので出さない。ヘッダーの事務所名の上の小見出しは別（.brand .kicker） */
.eyebrow,.sec-head>.eyebrow{display:none}
/* 「›」は黒丸に入れず素の記号に */
.more-link::after{background:none;color:#333;width:auto;height:auto;border-radius:0;font-size:22px;line-height:1}
/* 角は0（SST は写真もボタンも角0） */
.btn-hd,.nav-toggle,.map-btn,.big-btn,.trust-chips span,
.btn-primary,.btn-ghost,.btn-line,.ph-card .tag,.service .flag,
.station-chips span,.chips span,.chips a,.article .badge,.step .period,
.step.voice .attr,.flowband .fb-step,.sim-field>.q .no,.sim-chips span,
.taxsim .chip,.taxsim .pm,.taxsim-how .hw-mode,.taxsim-how .hw-flow .fc,
.faq .new,.chapter-cta .box a.lk,.wpcf7 input[type="submit"],.wpcf7 button[type="submit"],
.art-head .cat,.to-top,.faq .q::before,.faq .a::before,.promise li::before,
.keypoints .ttl::before,.taxsim-how .hw-no,.article .rno,.drawer .close,
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 select,.wpcf7 textarea{border-radius:0}
/* 本文の字間を少し広く（SST 0.15em・当サイトは19pxなので 0.08em に） */
body{letter-spacing:.08em}
@media(max-width:640px){
  .sec-title,h2.sec-title,html .article h2{font-size:22px}
  html .article h2{margin-top:72px;padding-top:0}
  html .article h3{margin-top:48px}
  body{letter-spacing:.05em}
}

/* --------------------------------------------------------------------------
   24. 格子の上の見出しは中央揃え（2026-10-01 宗行さん「SST には中央揃えの見出しがあるが採用しないのか」）
   SST の実物＝トップと文章のページは左揃え。写真札や事例の格子を見せる節（法人向けの「導入シーン」など）だけ中央揃え。
   同じ規則で、下層の「見出しの直後に格子が来る節」だけ中央に（教科書の章一覧・人気の記事、事務所紹介のサービス3枚・面談の場所）。
   トップは SST のトップと同じく左揃えのまま
   -------------------------------------------------------------------------- */
.tb-in:has(> h2 + .grid3) > h2,.tb-in:has(> h2 + .grid2) > h2,.tb-in:has(> h2 + .chapter-list) > h2,
.tb-in:has(> h2 + p + .grid3) > h2,.tb-in:has(> h2 + p + .chapter-list) > h2,
.tb-in:has(> h2 + p + .grid3) > h2 + p,.tb-in:has(> h2 + p + .chapter-list) > h2 + p{text-align:center;max-width:none}

/* --------------------------------------------------------------------------
   25. 全体見直し・第3弾（2026-10-01）＝扉の題・FAQ・角
   SST 実測：扉の h1 40px/400/0.15em で上に大きな余白／FAQ の質問行は薄灰 #F1F1F1・内余白 20px・19px/400／
   ボタンは角 4px・14px（文字は小さすぎるので当サイトは 17px のまま）／写真と札は角0
   -------------------------------------------------------------------------- */
/* 扉：題を大きく軽く、上の余白を広く（パンくず→60px→題） */
.crumbs{padding-top:26px}
.page-hero,.page-head{padding-block:60px 0}
.page-hero h1,.page-head h1{font-size:36px;font-weight:400;letter-spacing:.12em;line-height:1.5}
.page-hero .lead,.page-head .lead{margin-top:22px}
.page-hero .wrap,.page-head .wrap{padding-bottom:48px}
.art-head h1{font-weight:500}
/* FAQ：SST 型＝質問は薄灰の行（Q は文字だけ）、答えは白地で字下げ。札と罫はやめる */
.faq-list{border-top:0;max-width:none}
.faq{border:0;border-bottom:0;margin:0 0 14px;padding:0;background:transparent}
.faq .q,.faq h3.q{background:#F4F4F4;padding:18px 24px 18px 52px;margin:0;font-size:19px;font-weight:500;line-height:1.9;color:#333}
.faq .q::before{content:"Q";position:absolute;left:24px;top:18px;width:auto;height:auto;background:none;color:#333;font-size:19px;font-weight:700;line-height:1.9}
.faq .a{padding:16px 24px 10px 52px;line-height:2}
.faq .a::before{content:"A";position:absolute;left:24px;top:16px;width:auto;height:auto;background:none;border:0;color:#8a8a8a;font-size:19px;font-weight:700;line-height:2}
.article .faq .q,.article .faq h3.q,.faq h3.q,.faq .q{padding-left:52px}
/* 角：ボタン・入力欄・小札は 4px（SST のボタン実測）、写真・図・箱は 0 */
.btn-hd,.big-btn,.btn-primary,.btn-ghost,.btn-line,.wpcf7 input[type="submit"],.wpcf7 button[type="submit"],
.chapter-cta .box a.lk,.taxsim .chip,.sim-chips span,.taxsim .pm,.taxsim-how .hw-mode,
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 select,.wpcf7 textarea,
.trust-chips span,.station-chips span,.chips span,.chips a{border-radius:4px}
img,.photo img,.fig img,.art-thumb,.art-card img,.photo-band img{border-radius:0}
@media(max-width:640px){
  .page-hero,.page-head{padding-block:40px 0}
  .page-hero h1,.page-head h1{font-size:28px;letter-spacing:.06em}
  .page-hero .wrap,.page-head .wrap{padding-bottom:36px}
  .faq .q,.faq h3.q{padding:14px 16px 14px 42px;font-size:17px}
  .faq .q::before{left:16px;top:14px;font-size:17px}
  .faq .a{padding:12px 16px 8px 42px}
  .faq .a::before{left:16px;top:12px;font-size:17px}
}
/* 濃い帯（お客様の声の冒頭の一文など .tband.dark）は重いので薄灰の帯に（2026-10-01 全体見直し第3弾） */
.tband.dark{background:#F8F8F8}
.tband.dark>.tb-in>p,.tband.dark>.tb-in>ul>li,.tband.dark>.tb-in>ol>li,.tband.dark>.tb-in>h2,.tband.dark>.tb-in>h3{color:#333}
.tband.dark>.tb-in>h2{border-top-color:#333}

/* --------------------------------------------------------------------------
   26. スマホ：横に長い表は左右にスワイプ（2026-10-01 宗行さん「スマホでも全部確認して」で発見＝お問い合わせの曜日表が右で切れて見えた）
   表の入れ物（.table-scroller／記事の .tablewrap）は横スクロールにし、スワイプできる旨を小さく添える
   -------------------------------------------------------------------------- */
@media(max-width:640px){
  .table-scroller,.tablewrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%}
  .table-scroller:has(>table.hours-table)::after,.single .article .tablewrap:has(>table)::after{
    content:"← 表は左右にスワイプできます →";display:block;text-align:center;font-size:13px;color:#8a8a8a;margin-top:6px}
}

/* --------------------------------------------------------------------------
   27. スマホ総点検の結論（2026-10-01 宗行さん「スマホのチェックはもういい・結論づけて」）
   26ページ（固定ページ全部＋投稿3本）を390pxで検品した結果、ページをまたいで繰り返す原因は次の6つ。1節で直す。
   -------------------------------------------------------------------------- */
@media(max-width:640px){
  /* a. 文字を焼き込んだ図（webp／svg）：追加CSSの「760pxにして左右スワイプ」だと初期表示が図の41%＝題と結論の数値が入らない。
        画面幅の1.75倍（390px→683px）にして題の要部が入るようにする（スワイプは維持・文字は1割縮むだけ）。写真（figure.photo）は除外 */
  .article figure>img{width:calc(100vw * 1.75)!important}
  .article figure.photo>img{width:100%!important}
  /* b. 見出しの1文字落ち・語の途中折れ：行を均す（対応ブラウザだけ効く・非対応は現状どおり） */
  .page-hero h1,.page-head h1,.art-head h1,html .article h2,html .article h3,.tb-in h2,.tb-in h3,.sec-title,
  .article .fig .cap,.article figcaption,.sim-field>.q,.cta-card h2,.faq .q{text-wrap:balance}
  /* c. 札（縦積みにした表）のラベル：13pxの薄灰で読みづらい → 15px・注記色・少し余白 */
  table.data.sp-card td[data-label]::before{color:var(--ink-soft);font-size:15px;margin-bottom:4px}
  /* d. ヘッダーの小見出し（二子玉川｜相続税専門）10.5px → 12px */
  .brand .kicker{font-size:12px;letter-spacing:.06em}
  /* e. 扉の直後の帯の上余白：扉36px＋帯52px＝約90pxの空白 → 帯側を0に（扉の余白だけ残す） */
  .page-hero+.tbands>.tband:first-child,.page-head+.tbands>.tband:first-child{padding-top:0}
  /* f. 事例の札（.ex が <strong>題</strong>（相続人…）<br>本文 の形）：題が本文の1行目に見える → 題を1行の見出しに（17px・ブロック）。
        br に content:"" で余白を足す案は Edge/Chrome で効かなかった（2026-10-01 実測）ので使わない */
  .article .ex>strong:first-child{display:block;font-size:17px;line-height:1.6;margin-bottom:4px}
  /* g. 相続税シミュレーションの「この試算のしくみ」：手順の文字が約20pxで字下げも深く1行13文字 → 本文並みに */
  .taxsim-how .hw-no{width:28px;height:28px;font-size:14px}
  .taxsim-how .hw-step{gap:10px}
  .taxsim-how .hw-body p{font-size:16px}
  /* h. 問い合わせフォームの選択肢（ラジオ・チェック）：横並びで押しづらい → 1行ずつ・上下に余白・丸を大きく。
        文字を押しても選べるようにする JS は functions_h.php（CF7 の label 要素なし設定のため） */
  .wpcf7 .wpcf7-list-item{display:block;margin:0 0 2px;padding:6px 0;cursor:pointer}
  .wpcf7 .wpcf7-list-item input{width:20px;height:20px;margin:0 10px 0 0;vertical-align:middle;cursor:pointer}
  .wpcf7 .wpcf7-list-item-label{vertical-align:middle}
}

/* --------------------------------------------------------------------------
   28. 予約帯の「不安解消」行（2026-10-01 宗行さん「LP制作会社の考え方で取り入れられるものを」）
   高価格×慎重×理性＝「納得しないと決められない」型の読者には、予約ボタンの隣で「相談だけでよい」と伝えるのが最も効く。
   文は お問い合わせ／FAQ の既存文言の再掲。クチコミ行（.cta-trust）は STGY2026H_CTA_TRUST が true のときだけ出る（既定 false）
   -------------------------------------------------------------------------- */
.cta-band .cta-card .cta-ease{margin:6px auto 0;font-size:16px;line-height:1.9;color:#555;max-width:40em}
.cta-band .cta-card .cta-trust{margin:10px auto 0;font-size:16px;line-height:1.6;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 10px}
.cta-trust .ct-stars{color:#FBBC04;letter-spacing:.06em}
.cta-trust .ct-score{font-weight:700;color:#202124;font-variant-numeric:tabular-nums}
.cta-trust .ct-link{color:#333;text-decoration:underline;text-underline-offset:4px}
@media(min-width:641px){
  .cta-band .cta-card>.cta-ease{margin:0 0 12px;max-width:none}
  .cta-band .cta-card>.cta-trust{justify-content:flex-start;margin:10px 0 0}
  .cta-band .cta-card>.cta-actions{grid-row:1/span 6}
}
/* 2026-10-02 宗行さん「投稿ページにはクチコミ行は不要」＝記事の読者は調べる人。予約帯の★行は固定ページだけ（次の zip で反映） */
.single .cta-band .cta-trust{display:none}
/* 2026-10-02 宗行さん「スマホのヘッダーのアクセスのピンは外す」＝下の固定バー（予約・電話・LINE）とメニューで足りる。代替は置かない */
.map-btn{display:none!important}
/* 2026-10-02 宗行さん「ピンを外したら事務所名と MENU の間がなくなった」＝MENU を右端へ寄せ、事務所名は縮める（360px でも MENU が切れない） */
@media(max-width:1199.98px){.nav-toggle{margin-left:auto}}  /* 地図ピンが持っていた margin-left:auto を MENU に引き継ぐ（本番 DOM で実測：375px で MENU 289〜359px・はみ出しなし） */
@media(max-width:374px){.brand .name{font-size:14px;letter-spacing:0}.nav-toggle{padding:11px 12px}}
/* 2026-10-04 宗行さん「SST と比べてフッターの縦幅が狭い」＝高さはほぼ同じ（当所 624px／SST 本体616＋黒帯36）だが当所はリンクが多く詰まって見える。PC だけ下余白 40→80（SST の上下80に合わせる）・段の間 34→64・リンクの行送り 33→40px（約730px） */
@media(min-width:1200px){footer.site .ft-main{gap:64px}footer.site .ft-bottom .ft-info{margin-bottom:80px}footer.site .ft-grid li{line-height:40px}footer.site .ft-brand p,footer.site .ft-brand .hours-compact{line-height:2.2}}
/* 2026-10-04 宗行さん「著作権の黒い帯がページの一番下に来ていない（SST のように）」＝原因は .ft-main の下余白40px が黒帯の下に灰色で残っていた。下余白を0にして、余白は黒帯の上（.ft-info の下）へ移す。スマホは黒帯の内側の下余白（固定バーの分）だけが残る */
footer.site .ft-main{padding-bottom:0!important}
footer.site .ft-bottom .ft-info{margin-bottom:40px}
@media(min-width:1200px){footer.site .ft-bottom .ft-info{margin-bottom:80px}}
/* 2026-10-05 宗行さん「図だけ列より広く表示する方法でお願い」＝投稿記事の図を、表と同じ幅（760→960）まで広げる。
   背景：記事の図は旧テーマの列幅880pxに合わせて940pxで作ってある。列が760pxになって図の中の20pxの文字が約16pxに縮み、本文19pxより小さく見えていた。
   あわせて、リライト記事の表（<div class="table-scroller"> で包む正規マークアップ）にも表の拡幅を効かせる（.article>.tablewrap だけが対象で取りこぼしていた）。
   対象は記事本文の直下の図・表だけ（.ex などの枠の中は列幅のまま）。幅を指定した図（is-resized）は指定どおり。スマホ・タブレット（1100px未満）は変えない。固定ページの図（.fig・760px用に作図）も変えない。 */
@media(min-width:1100px){
  .single .article>figure.wp-block-image{margin-inline:-100px;max-width:none}
  .single .article>figure.wp-block-image>img{max-width:100%;height:auto}
  .single .article>.table-scroller{margin-inline:-100px;max-width:none}
  .single .article>.table-scroller>.tablewrap>table,.single .article>.table-scroller>table{width:100%}
}
/* 2026-10-05 スマホ（640px 以下）で、リライト記事のカード型の表（table.data.sp-card）が右に約47px はみ出していた不具合の修正。
   原因：投稿ではテーマが表を .tablewrap で包む。style.css の `.article .tablewrap>table{width:max-content;min-width:100%}` が、
   カード型の `table.data.sp-card{width:100%;min-width:0}`（同じ詳細度・ファイルの前のほう）より後ろにあって勝ち、
   表が「中身の幅」（セルの max-width:26em＝約403px が上限）まで広がっていた。公開済みの land-replotting で実測（表 405px／列 358px）。
   リライト前の記事はカード型の表を使っていないので影響なし。固定ページは .tablewrap で包まれないので影響なし。
   あわせて、カード型の表は横にスクロールしなくなるので、表の下に出る「← 表は左右にスワイプできます →」の案内（26節）を出さない。 */
@media(max-width:640px){
  .single .article .tablewrap>table.data.sp-card{width:100%;min-width:0}
  .single .article .tablewrap table.data.sp-card th,.single .article .tablewrap table.data.sp-card td{max-width:none}
  .single .article .tablewrap:has(>table.data.sp-card)::after{content:none}
}