/*
Theme Name: stgy2026
Theme URI: https://stgy-souzoku.com/
Author: 世田谷相続専門税理士事務所
Author URI: https://stgy-souzoku.com/
Description: 世田谷相続専門税理士事務所 ゼロベース再構築テーマ（WANDY配色＝空色グラデ×濃青×ゴシック）。SWELL非依存のクラシックテーマ。デザインの正=WANDYモック4本（mock_top_wandy_palette / mock_pricing_wandy / mock_hub_after_wandy / mock_article_wandy）、文章の正=P1原稿。
Version: 0.7.4
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stgy2026
*/

/* ============================================================
   デザイントークン（:root）— WANDYモック4本の :root が正
   変更履歴:
     2026-07-19 背景白寄り化（生成りベース→白ベース＋淡帯）
     2026-07-31 WANDYトークンへ全面差替（明朝廃止・金/生成り/オレンジ廃止・
                青4段＋帯・墨色本文・ピル型ボタン・box-shadowカード）
     2026-08-02 v0.4.5 プレビューFB反映: SVG文字拡大・3ヶ月欠け修正・
                代表写真320px（.photo-s）・contact文言2件・声1列化
     2026-08-02 v0.5.1 トップ視覚素材: 代表写真・面談場所マップ・事務所地図・声アンケート画像2枚
     2026-08-02 v0.5.0 トップ増補（宗行さん承認・悩み6/流れ帯/ご注意/面談4項目/
                ph実データ化10枚/FAQ増補ほか9箇所）。追加CSSは末尾の0.5.0節
     2026-08-02 v0.5.5 フッターをWANDY実測に一致（色・グラデ・余白律・宗行さん指摘）
     2026-08-02 v0.5.7 フッター高さ・グラデ濃淡を本家一致(大型事務所名表記追加)・事例カードのリズム付け
     2026-08-02 v0.5.8 フッター大型名撤去+再バランス・リビール2系統化(本家の使い分けに一致)
     2026-08-02 v0.5.9 教科書記事カードにアイキャッチ・原稿本文のZoom表記統一
     2026-08-02 v0.5.10 面談場所に駅別会議室カード3枚(写真+マップ)・survey-3steps文字再拡大
     2026-08-02 v0.5.11 面談場所カード銀行名強調・北側エリア一文・アクセス交通手段別情報
     2026-08-02 v0.5.12 図版6枚の文字を本文並みへ再拡大（全図統一）
     2026-08-02 v0.5.13 選ばれる理由・事務所紹介の増補（宗行さん承認起案どおり・図版2点挿入）
     2026-08-02 v0.5.14 家族信託図・分け方4通り図をWANDY意匠へ刷新・睦ビル会議室内観写真の正しい配置
     2026-08-02 v0.5.15 features 14類型全掲載・税務調査実態表復活・aboutカード2×2配置
     2026-08-02 v0.5.16 選ばれる理由の濃淡リズム・理由4-6増補・図版5枚v3刷新+調査率対比図新設
     2026-08-02 v0.5.17 料金: 報酬の目安で完結(特急/非上場株)・早見表±2帯・標準サービス明記・生前対策料金増補・加算例CASE再計算
     2026-08-02 v0.5.18 3サービスページ増補（不動産・生前対策・申告＝素材全採用+図版再利用。CSS追加なし＝既存部品のみ）
     2026-08-02 v0.5.19 シミュレーターSTEP4特急/STEP5非上場株・計算例5件統合・土地約3割復活(R6国税庁)・日曜予約制表記統一
     2026-08-02 v0.5.20 全ページ余白拡大（宗行さん指示・WANDY本文律実測に基づく）
     2026-08-02 v0.5.21 シミュレーター簡素化: 早見表・加算表を削除し内訳常時表示へ（宗行さん指示）
     2026-08-02 v0.5.22 CTA〜フッター接続の白帯調整（本家実測=地色・間隔一致）
     2026-08-02 v0.5.24 最終4ページ軽微増補（世田谷/進め方/contact/シミュレーター・CSS追加なし＝既存部品のみ）
     2026-08-02 v0.5.26 調査率対比図をv3タイプスケールへ整合（tax-audit-compare.svgのみ・CSS変更なし）
     2026-08-02 v0.6.0 下層ページ交互帯の全面導入（宗行さんGO・h2単位全幅帯・声ページ濃青導入・事例カード白固定）
     2026-08-02 v0.6.1 タイムライン図のタイプスケール整合・世田谷記事カードのグリッド修正（.grid2>br/.grid3>br 非表示）
     2026-08-02 v0.6.2 調査率対比図を一段軽く（要素数が少ない図の視覚バランス調整・tax-audit-compare.svgのみ・CSS変更なし）
     2026-08-02 v0.6.4 （抜粋）削除・フッター面談限定明示・申告2節の構造化・受付停止notice特別色+事情別目次・教科書人気記事カード化・投稿リビール除外
     2026-08-02 v0.6.5 contact受付停止notice特別色+上方移動・電話テキスト帯削除・淡青帯上のnotice白地化
     2026-08-09 v0.6.6 PCドロップダウン刷新（見出し行＋右矢印＋ヘアライン・bbcinc参考）・
                SPドロワー刷新（右端シェブロン＋「›」子項目・ドット廃止）・面談場所から用賀削除・
                静的プレビュー生成の忠実化（ヘッダーclassとグロナビが欠落していた不具合）
     2026-08-10 v0.7.0 公開後FB: シミュレーター結論行の白文字化・CF7入力部の意匠新設・
                箱類の角丸を全廃（直角化／ピル999pxと円50%は維持）・
                ドロップダウン先頭に親ページ行・チップ型アンカーナビ8ページ。
     2026-08-09 v0.6.8 カスタマイザー「追加CSS」の出力を遮断（functions.php・wp_get_custom_css）。
                swell_child の追加CSS（旧rdzデザイン用・無スコープの header.site/.brand/nav.global 規則）が
                Theme Switcha プレビューへ混入し、透過ヘッダーが白帯化・事務所名が明朝藍色化していた。
                本テーマのスタイルは style.css に集約する方針（CSS自体の変更なし）
     2026-08-10 v0.7.1 微調整: contact信頼バー .trust-bar の下余白 22px→32px（SPも同値）・
                お問い合わせ内容欄 .wpcf7 textarea の min-height 200px→96px（resize:vertical維持）・
                トップのサービス3カードをカード全体リンク化する a.service 節を追加
                （本文で使う div.service には当てない＝見た目不変。hoverは .situ に準じる）。
                ドロップダウンの「トップ」行撤回・ヒーロー主ボタンのページ直行化・
                「相続が発生した方へ」「生前の備え」の次のステップ節はCSS変更なし
   ============================================================ */
:root{
  --blue:#1F3A7A;            /* 見出し・強調・部品の濃青 */
  --grad-light-a:#8EC4E2;    /* 暗背景（フッター等）用の淡いブルー */
  --grad-light-b:#439DCE;    /* 明るいアクセント（WANDY sky10） */
  --grad-deep-a:#3F69BF;     /* アクセント（WANDY navy） */
  --grad-deep-b:#3F69BF;
  --btn-a:#3F69BF;           /* ボタングラデ始点 */
  --btn-b:#439DCE;           /* ボタングラデ終点 */
  --band:#D9EBF5;            /* 淡青の帯背景 */
  --band2:#F1F4F7;           /* 薄グレー帯 */
  --sky:#8EC4E2;             /* ヒーローの空色ベース */
  --accent:#3F69BF;          /* 強調（オレンジ不使用） */
  --line:#E3E9EF;
  --ink-soft:#46557a;        /* 補足 */
  --ink-article:#26282C;     /* 本文の墨色 */
  --ink:#26282C;             /* 本文（別名・既存部品の互換） */
  --white:#ffffff;
  --bg:#FFFFFF;
  --sans:"Zen Kaku Gothic New","BIZ UDPGothic","Noto Sans JP",YuGothic,"Yu Gothic",sans-serif;
}

/* ============================================================
   リセット・ベース
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  overflow-x:hidden;
  font-family:var(--sans);
  color:var(--blue);
  background:#fff;
  line-height:2.05;
  font-size:16px;
  font-feature-settings:"palt";
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* ============================================================
   ヘッダー（共通部品）
   トップのみ透過→スクロールで白（.scrolled）。下層ページは白固定（.solid）。
   ============================================================ */
header.site{position:fixed;top:0;left:0;right:0;z-index:80;background:transparent;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,backdrop-filter .3s}
header.site.scrolled,header.site.solid{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hd-inner{max-width:1240px;margin-inline:auto;display:flex;align-items:center;gap:14px;padding:12px 20px}
.brand{display:flex;flex-direction:column;text-decoration:none;line-height:1.35}
.brand .kicker{font-size:12.5px;letter-spacing:.18em;color:var(--accent);font-weight:900}
.brand .name{font-size:15.5px;font-weight:900;color:var(--ink-article);white-space:nowrap}
nav.global{margin-left:auto}
nav.global>ul{display:flex;list-style:none;gap:18px;align-items:center}/* 項目間も14→18pxへ（詰まり解消・2026-08-01） */
nav.global>ul>li{position:relative}
nav.global a{display:inline-block;text-decoration:none;color:var(--ink-article);font-size:13.5px;padding:6px 0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s;white-space:nowrap;font-weight:700}/* グロナビも墨色（透過ヘッダーの空色上でも可読・2026-08-01） */
nav.global>ul>li>a:hover,nav.global>ul>li>a:focus-visible{color:var(--grad-deep-a);border-bottom-color:var(--accent)}
nav.global .has-drop>a::after{content:"";display:inline-block;width:.34em;height:.34em;margin-left:4px;border-right:1.4px solid var(--accent);border-bottom:1.4px solid var(--accent);transform:translateY(-2px) rotate(45deg);vertical-align:middle}
/* サブメニュー（0.6.6 リデザイン・参考=bbcinc dropnav を当事務所トークンへ翻訳）:
   ふわっと出現・白パネル・先頭に英字＋和文の見出し行・リンク行は右矢印＋ヘアライン区切り。
   wp_nav_menu 本割当時の入れ子 <ul class="sub-menu"> にも同じ意匠が当たるよう
   セレクタを .drop / .sub-menu の両建てにしている（見出し行は静的フォールバックのみ）。 */
nav.global .drop,
nav.global .menu-item-has-children>.sub-menu{position:absolute;top:calc(100% + 10px);left:-14px;min-width:300px;background:rgba(255,255,255,.97);backdrop-filter:blur(6px);border-radius:0;box-shadow:0 18px 44px rgba(23,53,67,.18);padding:14px 16px 12px;z-index:90;display:block;list-style:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
nav.global .drop::before,
nav.global .menu-item-has-children>.sub-menu::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}/* ホバー途切れ防止の橋 */
nav.global .drop.right{left:auto;right:-14px}
nav.global .has-drop:hover>.drop,nav.global .has-drop:focus-within>.drop,
nav.global .menu-item-has-children:hover>.sub-menu,nav.global .menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
/* 見出し行（英字＋和文）＋下ヘアライン */
nav.global .drop-hd{display:flex;flex-direction:column;gap:3px;padding:2px 14px 12px;margin-bottom:6px;border-bottom:1px solid #E8EDF3}
nav.global .drop-hd .en{font-size:10.5px;letter-spacing:.18em;color:var(--grad-light-b);font-weight:900;line-height:1.4}
nav.global .drop-hd .ja{font-size:13.5px;font-weight:900;color:var(--blue);line-height:1.5}
/* リンク行: ラベル＋右矢印・行間ヘアライン・hoverで淡グレー面＋矢印スライド */
nav.global .drop>a,
nav.global .menu-item-has-children>.sub-menu>li>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;font-size:14.5px;color:var(--ink-article);font-weight:700;line-height:1.7;border-bottom:1px solid #E8EDF3;border-radius:0;transition:background .18s,color .18s}
nav.global .drop>a:last-child,
nav.global .menu-item-has-children>.sub-menu>li:last-child>a{border-bottom:0}
nav.global .drop>a:hover,nav.global .drop>a:focus-visible,
nav.global .menu-item-has-children>.sub-menu>li>a:hover,
nav.global .menu-item-has-children>.sub-menu>li>a:focus-visible{background:var(--band2);color:var(--blue)}
nav.global .drop .ar{color:var(--grad-light-b);font-weight:900;font-size:13.5px;flex:none;transition:transform .18s}
nav.global .drop>a:hover .ar,nav.global .drop>a:focus-visible .ar{transform:translateX(4px)}
/* wp_nav_menu 側は擬似要素で同じ矢印を出す（マークアップに .ar を差し込めないため） */
nav.global .menu-item-has-children>.sub-menu>li>a::after{content:"→";color:var(--grad-light-b);font-weight:900;font-size:13.5px;flex:none;transition:transform .18s}
nav.global .menu-item-has-children>.sub-menu>li>a:hover::after,
nav.global .menu-item-has-children>.sub-menu>li>a:focus-visible::after{transform:translateX(4px)}
.hd-contact{display:flex;align-items:center;gap:10px}
.hd-tel{text-align:right;line-height:1.4;text-decoration:none;color:var(--ink-article)}
.hd-tel .num{font-size:16.5px;font-weight:900;white-space:nowrap}
.hd-tel .hours{font-size:12.5px;color:var(--ink-soft)}
.btn-hd{background:linear-gradient(90deg,var(--btn-a),var(--btn-b));color:#fff;text-decoration:none;font-size:13.5px;font-weight:900;padding:11px 18px;border-radius:999px;white-space:nowrap}
/* SPメニュー: 「MENU」ピルボタン＋余白広めパネル */
.nav-toggle{display:none;background:linear-gradient(90deg,var(--btn-a),var(--btn-b));border:none;cursor:pointer;color:#fff;font-size:12.5px;font-weight:900;letter-spacing:.14em;padding:12px 22px;align-items:center;justify-content:center;border-radius:999px;font-family:var(--sans)}
/* SP地図ボタン（現行踏襲・7/18決定）＝新トークンで再配色 */
.map-btn{display:none;margin-left:auto;background:#fff;border:1.5px solid var(--grad-light-b);width:44px;height:44px;border-radius:999px;color:var(--grad-deep-a);align-items:center;justify-content:center;text-decoration:none;flex:none}
.drawer{display:none;position:fixed;inset:0;z-index:81}
.drawer.open{display:block}
.drawer .scrim{position:absolute;inset:0;background:rgba(31,58,122,.35);backdrop-filter:blur(2px)}
.drawer .panel{position:absolute;top:0;right:0;bottom:0;width:min(86vw,360px);background:#fff;padding:76px 30px 36px;overflow-y:auto;box-shadow:-8px 0 32px rgba(23,53,67,.16);border-radius:0}
/* 0.6.6: ドロワーもドロップダウンと同じ方向性へ（右端シェブロン＋ヘアライン区切り・
   子項目は「›」プレフィックス。全項目列挙の構成は不変＝アコーディオン化しない） */
.drawer .panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:var(--ink-article);font-size:15.5px;line-height:1.7;padding:14px 4px;font-weight:700;border-bottom:1px solid #E8EDF3}
.drawer .panel a::after{content:"→";color:var(--grad-light-b);font-size:13px;font-weight:900;flex:none}
.drawer .panel a.current{color:var(--grad-deep-a)}
.drawer .panel a.drw-parent,
.drawer .panel a.drw-child+a:not(.drw-child){margin-top:18px}/* グループ間の余白 */
.drawer .panel a.drw-child{font-size:14px;padding:11px 4px 11px 14px;color:var(--ink-soft);font-weight:400;position:relative;border-bottom-color:#EEF2F6}
.drawer .panel a.drw-child::before{content:"›";position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--grad-light-b);font-weight:900}
.drawer .panel a.btn-hd{display:block;text-align:center;margin-top:24px;color:#fff;font-weight:900;border-bottom:0}
.drawer .panel a.btn-hd::after{content:none}
.drawer .close{position:absolute;top:20px;right:22px;background:var(--band2);border:none;width:40px;height:40px;border-radius:50%;font-size:18px;color:var(--blue);cursor:pointer}
@media(max-width:1199.98px){nav.global,.hd-contact{display:none}.nav-toggle{display:inline-flex;margin-left:12px}.map-btn{display:inline-flex}}

/* 管理バー表示中（ログイン時）は固定ヘッダーを管理バーのぶん下げる（訪問者の表示には影響しない） */
.admin-bar header.site{top:32px}
@media screen and (max-width:782px){.admin-bar header.site{top:46px}}

/* ============================================================
   共通レイアウト
   ============================================================ */
.wrap{max-width:1080px;margin-inline:auto;padding-inline:24px}
section.block{padding-block:clamp(76px,11vw,142px)}
.bg-band{background:var(--band)}
.bg-band2{background:var(--band2)}
.bg-paper{background:var(--band)}/* 旧クラス名の互換（淡青帯） */
.sec-head{margin-bottom:clamp(38px,6vw,62px)}
.eyebrow{font-size:12.5px;letter-spacing:.16em;color:var(--grad-light-b);font-weight:900;margin-bottom:14px}
.sec-title,h2.sec-title{font-size:clamp(22px,3vw,28px);font-weight:900;color:var(--blue);line-height:1.6;letter-spacing:.02em;margin-bottom:24px;text-wrap:balance}
.sec-lede{margin-top:18px;color:var(--ink-article);font-size:15.5px;max-width:44em}

h3.mid{font-size:clamp(19px,2.4vw,23px);color:var(--blue);font-weight:900;letter-spacing:.02em;margin:2.9em 0 1em;line-height:1.6}
h4.small{font-size:16px;color:var(--blue);font-weight:900;margin:2.1em 0 .65em}
p.body{font-size:15.5px;line-height:2.1;max-width:44em;margin-bottom:1.5em;color:var(--ink-article)}
/* 文中リンクはアクセント色＋下線で本文と明瞭に区別 */
p.body a{color:var(--grad-deep-a);font-weight:700;text-decoration:underline;text-underline-offset:3px}
ul.dots{list-style:none;margin:0 0 1.7em}
ul.dots li{position:relative;padding-left:1.6em;margin-bottom:.7em;max-width:46em;color:var(--ink-article);line-height:2.05}
ul.dots li::before{content:"";position:absolute;left:2px;top:.85em;width:8px;height:8px;border-radius:50%;background:var(--grad-deep-a)}
.note{font-size:14px;color:var(--ink-soft)}
.more-link{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:900;color:var(--grad-deep-a);text-decoration:none;border-bottom:2px solid var(--grad-light-b);padding-bottom:4px;margin-top:20px;transition:color .2s}
.more-link::after{content:"→";transition:transform .2s}
.more-link:hover::after{transform:translateX(4px)}
.center{text-align:center}
strong,.body b{color:var(--blue);font-weight:900}

/* プレースホルダ（写真・図版・未確定コンテンツ） */
.ph{background:repeating-linear-gradient(135deg,#EDEFF2,#EDEFF2 12px,#E4E8EC 12px,#E4E8EC 24px);border:1px dashed #A9B6C4;border-radius:0;color:#5c6b7d;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13.5px;letter-spacing:.04em;padding:24px;min-height:180px;line-height:1.8}
.ph-card{background:#fff;border:1px dashed #A9B6C4;border-radius:0;padding:22px 24px;color:#5c6b7d;font-size:14.5px;line-height:1.9}
.ph-card .tag{display:inline-block;font-size:12.5px;font-weight:900;letter-spacing:.08em;color:var(--grad-deep-b);border:1px solid var(--grad-light-b);background:#fff;border-radius:999px;padding:3px 12px;margin-bottom:10px}

/* ============================================================
   ヒーロー（トップ）
   WANDY .c-gradient 実測構造: base空色 + 斜めmix + カーソル追従ぼかし円
   + ノイズ + 下端白フェード。ヘッダー透過に伴い最上部まで延長。
   ============================================================ */
.hero{position:relative;background:var(--sky);color:var(--blue);margin-top:0;padding-top:calc(67px + clamp(72px,10vw,108px));padding-bottom:clamp(88px,11vw,136px);overflow:hidden}/* B案でヒーローが短くなり下の余白が間延び→縮小（2026-08-01 宗行さん） */
.grad-layers{position:absolute;left:0;width:100%;top:-100%;height:200%;pointer-events:none}/* グラデ層はヒーローの2倍高を上へ半分逃がす */
.grad-mix{position:absolute;inset:0;background:linear-gradient(-120deg, rgba(67,157,206,.8) 20%, rgba(241,241,241,0) 80%)}
.grad-cursor{position:absolute;top:50%;left:0;width:200vw;aspect-ratio:1/1;border-radius:100%;background:radial-gradient(circle closest-side, rgba(217,235,245,.865) 0%, rgba(217,235,245,.831) 15%, rgba(217,235,245,.731) 30%, rgba(217,235,245,.576) 45%, rgba(217,235,245,.397) 60%, rgba(217,235,245,.232) 75%, rgba(217,235,245,.113) 90%, rgba(217,235,245,0) 100%);transform:translate(-50%,-50%);will-change:transform}/* 低スペック機で filter:blur(30vw) がレンダラを数十秒固めるため、ぼかし済みの円を radial-gradient で直接描く方式へ置換（2026-07-31）。本家 WANDY 実測 = width/height:120vw・background-color:#D9EBF5（**opacity指定なし＝α1.0**）・filter:blur(30vw)。そのガウス畳み込み後の実効α分布（σ=30vw・円半径60vw・中心 1-exp(-2)=.8647／r=15vw .831／30vw .731／45vw .576／60vw .397／75vw .232／90vw .113／100vw .063）を数値積分して停止位置・α値を較正。2026-08-02 修正：旧版は本家に無い opacity:.55 を掛けていたため全体が0.55倍に薄かった（宗行さん指摘「本家より薄い」）＝実測どおり素のα分布へ戻した。width は 200vw（＝半径100vw）据え置き＝塗り面積を増やさない代わり、外周90→100%の裾（真値.113→.063）を0へ滑らかに落とす近似（最大α誤差.03・広域に分散するためエッジは出ない）。transform/top/left/will-change は不変 */
.grad-noise{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.grad-mask{position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 80%, #ffffff 100%)}
.hero-inner{position:relative;z-index:1;max-width:1080px;margin-inline:auto;padding-inline:24px}
.hero .eyebrow{margin-bottom:20px;color:var(--ink-article)}/* 空色上で#439DCEは埋まる（2026-08-01 宗行さん指摘）→墨色へ */
/* ヒーロー文字は墨色（2026-08-01 宗行さん指摘: 青背景×濃青は同系色で見づらい→WANDY本家もヒーローは黒#111。「ヒーローだけ濃青」の例外を廃止し全ページ統一） */
.hero h1{font-size:clamp(32px,5vw,58px);font-weight:900;line-height:1.5;letter-spacing:.02em;color:var(--ink-article);margin-bottom:14px}/* WANDY級へ拡大（実測63pxに接近・2026-08-01 B案） */
.hero .h1-sub{font-size:clamp(17px,2vw,21px);font-weight:700;letter-spacing:.03em;color:var(--ink-article);margin-bottom:22px}
.hero .sub{font-size:clamp(15px,1.7vw,16.5px);line-height:2.15;max-width:42em;margin-bottom:32px;color:var(--ink-article)}
.hero-btns{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px}
.big-btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;padding:19px 34px;min-width:250px;justify-content:center;border-radius:999px;font-weight:900;font-size:16px;letter-spacing:.03em;transition:transform .2s}
.big-btn.primary{background:linear-gradient(90deg,var(--btn-a),var(--btn-b));color:#fff}
.big-btn.ghost{border:2px solid var(--blue);color:var(--blue);background:#fff}
.big-btn:hover{transform:translateY(-2px)}
.hero-tel{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;color:var(--ink-article);text-decoration:none;margin-bottom:26px}
.hero-tel .lbl{font-size:13.5px;color:var(--ink-soft)}
.hero-tel .num{font-size:clamp(22px,3vw,28px);font-weight:900}
.hero-tel .hours{font-size:12.5px;color:var(--ink-soft)}
.trust-chips{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.trust-chips span{border:1.5px solid var(--grad-light-b);color:var(--grad-deep-a);background:#fff;font-size:13px;font-weight:700;letter-spacing:.04em;padding:9px 18px;border-radius:999px}
.hero .area-note,.hero .area-line{font-size:13.5px;color:var(--ink-soft);max-width:46em;line-height:1.9}

/* 状況カード6 */
.situations{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.situations{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.situations{grid-template-columns:1fr}}
.situ{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:0;padding:30px 28px;color:var(--blue);transition:transform .2s,box-shadow .2s}
.situ:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(23,53,67,.1)}
.situ b{display:block;font-size:16.5px;font-weight:900;margin-bottom:11px;line-height:1.6}
.situ span{font-size:14.5px;line-height:1.9;color:var(--ink-article);display:block}
.situ .go{display:block;margin-top:14px;font-size:13.5px;color:var(--accent);font-weight:900}

/* ボタン（ピル型・グラデ／ゴースト） */
.btnrow{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:8px}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,var(--btn-a),var(--btn-b));color:#fff;text-decoration:none;font-size:15.5px;font-weight:900;letter-spacing:.04em;padding:18px 36px;border-radius:999px;transition:transform .2s}
.btn-primary:hover{transform:translateY(-2px)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--blue);color:var(--blue);background:#fff;text-decoration:none;font-size:14.5px;font-weight:900;letter-spacing:.03em;padding:17px 30px;border-radius:999px}
.btn-line{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#06C755;color:#fff;text-decoration:none;font-size:14.5px;font-weight:900;letter-spacing:.03em;padding:17px 30px;border-radius:999px}
.btn-line:hover{opacity:.9}
.tel-inline{display:inline-flex;flex-direction:column;text-decoration:none;color:var(--blue);line-height:1.3}
.tel-inline .num{font-size:26px;font-weight:900}
.tel-inline .hours{font-size:12.5px;color:var(--ink-soft)}
.tel-block{display:block;text-align:center;text-decoration:none;color:var(--blue);margin-bottom:20px;line-height:1.4}
.tel-block .num{display:block;font-size:clamp(24px,4vw,30px);font-weight:900}
.tel-block .hours{display:block;font-size:12.5px;color:var(--ink-soft);margin-top:2px}

/* 選ばれる理由 */
.reason-block h3.rz{font-size:19px;color:var(--blue);font-weight:900;margin:2.5em 0 .65em;display:flex;gap:12px;align-items:baseline}
.reason-block h3.rz .n{flex:none;color:var(--accent);font-size:15px;font-weight:900}
.reason-block p{max-width:46em;margin-bottom:.7em}

/* サービスカード */
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.services{grid-template-columns:1fr}}
.service{background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);padding:34px 32px;display:flex;flex-direction:column}
.service.lead-card{background:linear-gradient(180deg,#fff,var(--band2))}
.service h3{font-size:18.5px;color:var(--blue);font-weight:900;margin-bottom:16px}
.service p{font-size:14.5px;line-height:1.95;color:var(--ink-article)}
.service .flag{display:inline-block;font-size:12.5px;font-weight:900;letter-spacing:.06em;color:var(--grad-deep-b);border:1px solid var(--grad-light-b);background:#fff;border-radius:999px;padding:3px 12px;margin-bottom:12px;align-self:flex-start}
/* 0.7.1（2026-08-10）トップ「サービスのご案内」3枚をカード全体リンク化（front-page.php で div.service → a.service）。
   .service は page-standard.php・page_area-setagaya / page_partners の本文でも div として使われているため、
   リンク用の規則は a.service にのみ当てて既存 div.service の見た目は一切変えない。
   hover は .situ カード（246-250行）に準じる控えめな持ち上げ＋影で、下線と既定リンク色は打ち消す。 */
a.service{text-decoration:none;color:var(--blue);transition:transform .2s,box-shadow .2s}
a.service:hover,a.service:focus-visible{transform:translateY(-3px);box-shadow:0 12px 26px rgba(23,53,67,.1)}
a.service:hover h3,a.service:focus-visible h3{color:var(--grad-deep-a)}
a.service .go{display:block;padding-top:14px;font-size:13.5px;font-weight:900;color:var(--accent)}

/* 料金プレビュー */
.price-example{background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);padding:26px 30px;font-size:15.5px;line-height:1.95;max-width:46em;color:var(--ink-article)}
.price-example b,.price-example strong{color:var(--blue);font-weight:900}

/* 申告後の3つのお約束など 青グラデカード */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:12px}
@media(max-width:900px){.cards{grid-template-columns:1fr}}
.card{background:linear-gradient(112deg,#439DCE 7.28%,#3F69BF 95.79%);color:#fff;padding:42px 36px 36px;border-radius:0}
.card:nth-child(2){background:linear-gradient(111deg,#8EC4E2 8.33%,#439DCE 95.91%)}
.card .num{font-size:12.5px;letter-spacing:.2em;opacity:.85;margin-bottom:16px}
.card h3{font-size:17.5px;font-weight:900;line-height:1.7;margin-bottom:18px}
.card p{font-size:14px;line-height:2.0}
.card .sub{font-size:12px;opacity:.85;margin-top:16px;border-top:1px solid rgba(255,255,255,.4);padding-top:10px;line-height:1.8}

/* FAQ */
.faq-list{max-width:54em}
.faq{background:#fff;border:1px solid var(--line);border-radius:0;margin-bottom:18px;padding:28px 30px;box-shadow:0 4px 16px rgba(23,53,67,.08)}
/* 2026-08-02 修正: flexだと<strong>入りの回答が複数カラムに割れる（テキストランがflexアイテム化）→バッジは絶対配置に */
.faq .q{display:block;position:relative;padding-left:44px;font-size:15.5px;font-weight:900;color:var(--blue);line-height:1.8;margin-bottom:14px}
.faq .q::before{content:"Q";position:absolute;left:0;top:0;width:30px;height:30px;background:var(--btn-a);color:#fff;font-size:13px;font-weight:900;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.faq .a{display:block;position:relative;padding-left:44px;font-size:14.5px;line-height:1.95;color:var(--ink-article)}
.faq .a::before{content:"A";position:absolute;left:0;top:0;width:30px;height:30px;background:var(--band2);color:var(--accent);font-size:13px;font-weight:900;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
/* 設問を h3 で書く場合（FAQPage 構造化データ＝functions.php の h3 走査に載せるため）の上マージン打ち消し */
.faq h3.q{margin:0 0 14px}
/* 「新設」等のピル型バッジ（h3.q の外＝構造化データの質問文に混入させない） */
.faq .new{display:inline-block;background:#3F69BF;color:#fff;font-size:12px;font-weight:700;line-height:1;padding:4px 10px;border-radius:999px;margin-bottom:8px;letter-spacing:.06em;}

/* グリッド共通 */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:760px){.grid2{grid-template-columns:1fr}}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.grid3{grid-template-columns:1fr}}
/* 2026-08-02 v0.6.1 保険: 固定ページ本文の .grid2 / .grid3 に <a> 等のインライン要素を
   直接並べると、the_content の wpautop がカード間の改行を <br /> に変換し、その <br /> が
   グリッドアイテムとして数えられてカードが飛び飛びに配置される（世田谷の記事カード6枚で発生）。
   原稿側は改行を除いて根治済みだが、再発しても崩れないよう <br> をアイテムから外す。 */
.grid2>br,.grid3>br{display:none}

/* 代表挨拶 */
.greet{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,56px);align-items:start}
@media(max-width:820px){.greet{grid-template-columns:1fr}}
.greet .msg p{margin-bottom:1.45em;font-size:15.5px;line-height:2.1;max-width:42em}
.greet .msg p:not(.sign){color:var(--ink-article)}
.greet .sign{margin-top:20px;color:var(--blue);font-size:15.5px;font-weight:900}

/* 駅名チップ（白地・枠線ピル） */
.station-chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}
.station-chips span{border:1.5px solid var(--grad-light-b);color:var(--grad-deep-a);background:#fff;font-size:13.5px;font-weight:700;padding:9px 16px;border-radius:999px}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 28px}
.chips span,.chips a{border:1.5px solid var(--grad-light-b);color:var(--grad-deep-a);background:#fff;font-size:13.5px;font-weight:700;padding:9px 16px;border-radius:999px}
/* 0.6.4（2026-08-02）チップをページ内リンクの目次にも使う（pre-inheritance「ご事情別の課題と対策」1〜6）。
   見えはピルのまま・リンクらしさは hover の反転で出す。色は既存トークンのみ。 */
.chips a{text-decoration:none;display:inline-block;line-height:1.6;transition:background .2s,color .2s}
.chips a:hover{background:var(--grad-deep-a);color:#fff;border-color:var(--grad-deep-a)}

/* 0.5.10（2026-08-02）駅別の面談場所カード（写真＋Googleマップリンク）。
   三軒茶屋・成城学園前でも面談できることを写真で伝え、二子玉川より北側からの
   問い合わせを取りにいくための部品。写真は現行公開サイトの実ファイルのみ。 */
.place-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0 36px}
@media(max-width:900px){.place-cards{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.place-cards{grid-template-columns:1fr}}
.place-card{background:#fff;border:1px solid var(--line);border-radius:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 16px rgba(23,53,67,.08)}
.place-card figure{margin:0}
.place-card figure img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.place-card figure figcaption{font-size:13.5px;color:var(--ink-soft);line-height:1.7;padding:10px 22px 0}
.place-card .pc-body{padding:16px 22px 26px;display:flex;flex-direction:column;flex:1}
.place-card .pc-body h3{font-size:19px;font-weight:900;color:var(--grad-deep-a);margin:0 0 8px;line-height:1.5}
.place-card .pc-body p{font-size:15.5px;line-height:1.95;color:var(--ink-article);margin:0 0 18px}
.place-card .pc-map{margin-top:auto;align-self:flex-start;font-size:14.5px;font-weight:700;color:var(--grad-deep-a);text-decoration:none;border-bottom:1.5px solid var(--grad-light-b);padding-bottom:2px}
.place-card .pc-map:hover{border-bottom-color:var(--grad-deep-a)}

/* ============================================================
   固定ページ用 共通部品（ページ扉・パンくず・記事本文）
   ============================================================ */
.crumbs{max-width:1080px;margin:67px auto 0;padding:clamp(24px,4vw,36px) 24px 0;font-size:13.5px;color:var(--ink-soft)}
.crumbs a{color:var(--grad-deep-a);text-decoration:none;font-weight:700}
.crumbs a:hover{text-decoration:underline}
/* ページ扉（白背景＋eyebrowラベル＋大見出しw900） */
.page-hero,.page-head{background:#fff;padding-block:clamp(66px,9.5vw,120px) clamp(56px,7vw,92px);position:relative}
.page-hero .wrap,.page-head .wrap{max-width:1080px}
.page-hero .kick,.page-head .kick{font-size:12.5px;letter-spacing:.16em;color:var(--grad-light-b);font-weight:900;margin-bottom:14px}
.page-hero h1,.page-head h1{font-size:clamp(28px,4.4vw,44px);font-weight:900;line-height:1.55;letter-spacing:.02em;color:var(--blue)}
.page-hero h1 .sub,.page-head h1 .sub{display:block;font-size:clamp(15px,2vw,19px);font-weight:700;color:var(--ink-soft);margin-top:16px;line-height:1.8}
.page-hero .lead,.page-head .lead{font-size:clamp(15px,1.8vw,16.5px);color:var(--ink-article);line-height:2.1;margin-top:32px;max-width:44em}

/* 記事ヘッダー（single） */
.art-head{max-width:880px;margin:0 auto;padding:clamp(40px,6vw,64px) 24px 0}
.art-head .cat{display:inline-block;font-size:13px;letter-spacing:.08em;color:var(--grad-deep-a);background:#fff;border:1.5px solid var(--grad-light-b);border-radius:999px;padding:7px 18px;margin-bottom:20px;font-weight:700;text-decoration:none}
.art-head h1{font-size:clamp(25px,4.2vw,40px);color:var(--blue);font-weight:900;line-height:1.55;letter-spacing:.02em}
.art-head .meta{margin-top:20px;font-size:13.5px;color:var(--ink-soft)}

/* 記事・ページ本文（上線・左線の装飾は廃止＝余白とbox-shadowで区切る） */
.article{max-width:880px;margin:0 auto}
.article .intro p{font-size:16.5px;line-height:2.1;margin-bottom:1.6em}
.article h2{font-size:clamp(21px,3vw,28px);color:var(--blue);font-weight:900;line-height:1.6;letter-spacing:.02em;margin:3.6em 0 1.25em}
.article h2:first-child{margin-top:0}
.article h3{font-size:clamp(17px,2.2vw,19.5px);color:var(--blue);font-weight:900;line-height:1.7;margin:2.8em 0 .9em}
.article p,.article li,.article td,.article th,.article dd,.article blockquote{color:var(--ink-article)}
.article p{margin-bottom:1.75em;line-height:2.15;font-size:15.5px}
.article ul,.article ol{margin:0 0 2.2em 1.4em}
.article li{margin-bottom:.85em;line-height:2.05;font-size:15.5px}
.article strong,.article b{color:var(--blue);font-weight:900}
/* 文中リンクはアクセント色＋下線 */
.article p a,.article li a,.article td a{color:var(--grad-deep-a);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.lead-p{font-size:16.5px}
.formula-line{text-align:center;font-size:clamp(17px,2.4vw,21px);font-weight:900;color:var(--blue);background:var(--band);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);padding:30px 30px;margin:30px 0 40px;line-height:1.7}

/* 表（sp-card 含む） */
.table-scroller{overflow-x:auto;margin:26px 0 42px;border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08)}
table.data{width:100%;border-collapse:collapse;background:var(--white);font-size:15.5px;min-width:460px;border-radius:0;overflow:hidden}
table.data th,table.data td{border-bottom:1px solid var(--line);padding:18px 22px;vertical-align:top;text-align:left;line-height:1.9;font-weight:400;color:var(--ink-article)}
table.data thead th,table.data th.head{background:var(--blue);color:#fff;white-space:nowrap;font-weight:900;letter-spacing:.04em;border-bottom:none} /* 2026-08-02 宗行さん決定A案: 表ヘッダーは濃青単色(旧=青グラデ) */
table.data th[scope=row]{background:var(--band2);color:var(--grad-deep-a);text-align:center;font-weight:900;border-bottom:1px solid var(--line)}
table.data td.r,table.data th.r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
table.data tr.total th,table.data tr.total td{background:var(--band2);font-weight:900;color:var(--blue)}
table.data tr.total td.r{color:var(--grad-deep-a);font-size:16.5px}
table.data tr:last-child th,table.data tr:last-child td{border-bottom:none}
table.data tr>th:first-child,table.data tr>td:first-child{min-width:9em}
table.data strong{color:var(--blue)}
.note-line{font-size:14px;color:var(--ink-soft);margin:-26px 0 38px}
@media(max-width:640px){
  .table-scroller:has(table.sp-card){box-shadow:none;border-radius:0}
  table.data.sp-card{min-width:0;width:100%;font-size:15px;box-shadow:none;background:transparent}
  table.data.sp-card thead{display:none}
  table.data.sp-card tbody,
  table.data.sp-card tr,
  table.data.sp-card th,
  table.data.sp-card td{display:block;width:auto}
  table.data.sp-card tr{background:var(--white);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);margin-bottom:18px;padding:12px 0}
  table.data.sp-card th,
  table.data.sp-card td{border:none;padding:9px 20px;text-align:left;white-space:normal;min-width:0}
  table.data.sp-card td.r{text-align:left;white-space:normal;font-size:15px}
  table.data.sp-card td:first-child,
  table.data.sp-card th[scope=row]{font-weight:900;color:var(--blue);font-size:16px;background:transparent;text-align:left;border-bottom:none}
  table.data.sp-card td[data-label]::before{content:attr(data-label);display:block;font-size:13px;font-weight:900;color:var(--grad-light-b);letter-spacing:.04em;margin-bottom:1px}
}

/* 計算例ボックス */
.ex{background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);padding:36px 38px;margin:34px 0}
.ex h3{margin-top:0;font-weight:900}
/* 1枚のカード内に小見出しが複数並ぶ場合（解決事例＝ご相談者／背景／対応／結果／ポイント）の節間 */
.ex h3:not(:first-child){margin-top:2.2em}
.ex .cond{font-size:14.5px;color:var(--ink-soft);margin-bottom:18px;line-height:1.95}
.ex table.data{min-width:0}
.ex .table-scroller{box-shadow:none;border-radius:0;border:1px solid var(--line)}
@media(max-width:480px){.ex{padding:24px 20px}}

/* お約束 番号リスト（丸バッジ） */
.promise{list-style:none;margin:0 0 2.3em;counter-reset:pr}
.promise li{position:relative;padding-left:54px;margin-bottom:29px;min-height:36px;line-height:2.0;font-size:15.5px;color:var(--ink-article)}
.promise li::before{counter-increment:pr;content:counter(pr);position:absolute;left:0;top:4px;width:34px;height:34px;background:linear-gradient(90deg,var(--btn-a),var(--btn-b));color:#fff;font-weight:900;font-size:14px;border-radius:50%;display:flex;align-items:center;justify-content:center}

/* コールアウト・注意（角丸＋box-shadowの面で） */
.callout{background:#fff;border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);padding:30px 32px;margin:32px 0;font-size:15.5px;line-height:2.0;color:var(--blue)}
.callout b,.callout strong{color:var(--grad-deep-a);font-weight:900}
.callout a{color:var(--grad-deep-a);font-weight:900}
.notice{background:var(--band);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);color:var(--blue);padding:26px 30px;margin:32px 0;font-size:15px;line-height:1.95}
/* ------------------------------------------------------------
   受付停止のお知らせ（.notice-pause）— 0.6.4 新設 / 0.6.5 で2箇所目を追加 / 2026-08-02
   ★このサイト唯一の「WANDYトークン外」の色。宗行さんが明示的に許可した
     次の2箇所限定で使う（0.6.5・2026-08-02）。
       ① 生前対策サービス（/pre-inheritance/）冒頭の受付見合わせ notice
       ② お問い合わせ（/contact/）フォーム直下の受付見合わせ notice
     ほかのページ・ほかの部品には絶対に広げないこと（広げるとトークン運用が崩れる）。
   地 #FDF3E7（薄いオレンジ）／枠 #F0D9BC ／文字は現行の墨色系（var(--blue)）のまま。
   ------------------------------------------------------------ */
.notice.notice-pause{background:#FDF3E7;border:1px solid #F0D9BC}
/* ※帯（.tband.accent）の中で白へ落とされないようにする上書きは、末尾の帯セクションに置いてある
     （.tband .notice.notice-pause）。カスケード順の都合でここには書けない。 */

/* 成果バッジ（解決事例） */
.article .badge{display:inline-block;background:linear-gradient(90deg,var(--btn-a),var(--btn-b));color:#fff;font-size:13px;font-weight:900;letter-spacing:.06em;padding:6px 18px;border-radius:999px;margin:-4px 0 16px}

/* ------------------------------------------------------------
   解決事例カードのリズム（2026-08-02 v0.5.7 宗行さん指摘「単調さをなくす」）
   マークアップは不変。解決事例は必ず <h2> → <span class="badge"> → <div class="ex">
   の順で並ぶので、セレクタを「バッジの直後の .ex」に限定して事例文脈だけに効かせる
   （料金ページの計算例・世田谷ページの事例＝バッジのない .ex には一切かからない）。
   使う色は WANDY トークンのみ（#1F3A7A / #3F69BF / #439DCE / #D9EBF5 / #F1F4F7）。
   上線・左線アクセントは使わない。
   ------------------------------------------------------------ */
/* ①バッジをカードの上端にまたがせる（帯が浮き、事例の切れ目が一目で分かる） */
.article .badge{position:relative;z-index:1;margin:-4px 0 0 26px}
.article .badge+.ex{margin-top:-15px;padding-top:52px}
/* ②カードは白で固定・枠は淡青で常時（2026-08-02 v0.6.0）
   交互帯（.tband）を全ページに入れたため、カード地色まで交互にすると帯と二重の縞になる。
   旧 `.article .badge:nth-of-type(even)+.ex{background:var(--band2)}` は廃止し、
   事例カードは白のまま淡青の枠で浮かせる（帯の地色が変わってもカードは常に白＝可読性一定）。 */
.article .badge+.ex{background:#fff;border-color:#D9EBF5}
/* ③バッジ自体は交互に濃淡（奇数＝濃青→空色／偶数＝紺→濃青）。
   帯で包むと :nth-of-type が帯ごとにリセットされるため、偶数番は変換器が .alt を付ける。 */
.article .badge.alt{background:linear-gradient(90deg,var(--blue),var(--btn-a))}
/* ④「結果」などの数字・要点（strong）に淡青のマーカー。strong は既に濃青太字なので可読性は不変 */
.article .badge+.ex strong{background:linear-gradient(transparent 62%,var(--band) 62%)}
/* ⑤事例と事例のあいだを一段広げ、カードの区切りをはっきりさせる */
.article .ex+h2{margin-top:4.2em}
@media(max-width:480px){
  .article .badge{margin-left:16px}
  .article .badge+.ex{margin-top:-14px;padding-top:40px}
}
/* 読む順のご案内（教科書 章ハブ） */
.order{background:#fff;border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);padding:26px 30px;margin:32px 0;font-size:15.5px;line-height:2.0;color:var(--ink-article)}
.order strong{color:var(--grad-deep-a);font-weight:900}
/* 進め方 ステップ */
.step{background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);padding:32px 34px;margin:32px 0}
.step h3{margin-top:0;font-weight:900}
.step .period{display:inline-block;background:linear-gradient(90deg,var(--btn-a),var(--btn-b));color:#fff;font-size:13px;font-weight:900;letter-spacing:.04em;padding:4px 14px;border-radius:999px;margin-left:10px;vertical-align:middle}
.step .table-scroller{margin-bottom:0}
/* フォーム プレースホルダ（contact・非機能の意匠枠） */
.form-ph{background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);padding:32px 32px;margin:0 0 32px}
.form-ph .ph-ttl{font-size:17px;color:var(--blue);font-weight:900;margin-bottom:6px}
.form-ph .ph-note{font-size:13.5px;color:var(--ink-soft);margin-bottom:16px;line-height:1.8}
.form-ph .fld{border:1px dashed var(--grad-light-b);background:var(--band2);border-radius:0;padding:12px 16px;margin-bottom:10px;font-size:15px;color:var(--ink-article)}
.form-ph .fld:last-child{margin-bottom:0}
.form-ph .fld b{color:var(--blue);font-weight:900}

/* この記事の要点（淡青カード・要バッジ） */
.keypoints{background:var(--band);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);padding:38px 40px;margin:16px 0 54px}
.keypoints .ttl{font-size:18px;color:var(--blue);font-weight:900;letter-spacing:.02em;margin-bottom:14px;display:flex;align-items:center;gap:12px}
.keypoints .ttl::before{content:"要";flex:none;width:32px;height:32px;background:linear-gradient(90deg,var(--btn-a),var(--btn-b));color:#fff;font-size:14px;font-weight:900;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.keypoints ul{list-style:none;margin:0}
.keypoints li{position:relative;padding-left:1.6em;margin-bottom:.95em;line-height:2.0;font-size:15.5px;color:var(--ink-article)}
.keypoints li:last-child{margin-bottom:0}
.keypoints li::before{content:"";position:absolute;left:2px;top:.85em;width:8px;height:8px;border-radius:50%;background:var(--grad-deep-a)}

/* 記事末尾の免責文（0.6.3・現行子テーマから移植。文言は functions.php 側が正） */
.stgy-disclaimer{margin:3em 0 0;padding:1.2em 1.4em;background:#F7F8FA;border:1px solid var(--line);border-radius:0;font-size:14px;line-height:1.9;color:var(--ink-soft)}
.stgy-disclaimer .stgy-disclaimer__title{margin:0 0 .4em;font-weight:700;color:var(--ink-article);font-size:1em}
.stgy-disclaimer p{margin:0}
.stgy-disclaimer a{text-decoration:underline}

/* 章のまとめへリンク */
.chapter-summary{max-width:880px;margin:64px auto 0;padding:0 24px}
.summary-link{display:flex;align-items:center;gap:14px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);padding:32px 34px;color:var(--blue);font-size:16.5px;font-weight:900;line-height:1.7;transition:transform .2s,box-shadow .2s}
.summary-link:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(23,53,67,.12)}
.summary-link .lb small{display:block;font-size:12.5px;color:var(--grad-light-b);letter-spacing:.1em;margin-bottom:4px;font-weight:900}
.summary-link::after{content:"→";margin-left:auto;color:var(--grad-deep-a);font-size:20px;font-weight:900}

/* 章別文脈CTA（青グラデのカード） */
.chapter-cta{max-width:880px;margin:40px auto 0;padding:0 24px}
.chapter-cta .box{background:linear-gradient(112deg,#439DCE 7.28%,#3F69BF 95.79%);color:#fff;padding:44px 42px 42px;border-radius:0}
.chapter-cta .box .h{font-size:12.5px;letter-spacing:.16em;color:rgba(255,255,255,.88);margin-bottom:12px;font-weight:900}
.chapter-cta .box p{font-size:15.5px;line-height:2.0;margin-bottom:26px;color:#fff}
.chapter-cta .box .links{display:flex;flex-wrap:wrap;gap:12px}
.chapter-cta .box a.lk{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--grad-deep-a);text-decoration:none;font-size:14.5px;font-weight:900;letter-spacing:.03em;padding:15px 30px;border-radius:999px;border:2px solid #fff}
.chapter-cta .box a.lk.ghost{background:transparent;border-color:#fff;color:#fff}

/* 著者ボックス（写真なし） */
.author-box{max-width:880px;margin:40px auto 0;padding:0 24px}
.author-box .inner{background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);padding:36px 40px}
.author-box .role{font-size:12.5px;letter-spacing:.16em;color:var(--grad-light-b);font-weight:900;margin-bottom:8px}
.author-box .nm{font-size:20px;color:var(--blue);font-weight:900;letter-spacing:.02em;margin-bottom:10px}
.author-box .reg{font-size:14px;color:var(--ink-soft);margin-bottom:4px}
.author-box .field{font-size:14px;color:var(--blue)}

/* ============================================================
   共通CTA帯（末尾・全ページ共通）
   ============================================================ */
.cta-band{background:linear-gradient(180deg,#fff 0%,var(--sky) 100%)}
.cta-band .cta-card,.cta-card{background:#fff;border-radius:0;box-shadow:0 20px 50px rgba(23,53,67,.08);padding:clamp(38px,6vw,66px);text-align:center;max-width:900px;margin-inline:auto}
.cta-band .cta-card h2,.cta-card h2{font-size:clamp(21px,3vw,26px);font-weight:900;color:var(--blue);margin-bottom:20px}
.cta-band .cta-card .lede,.cta-card .lede{color:var(--blue);font-size:15.5px;line-height:1.95;margin-bottom:8px;max-width:40em;margin-inline:auto}
.cta-band .place{margin:16px auto 24px;max-width:44em;background:var(--band2);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);padding:14px 20px;font-size:14.5px;line-height:1.9;color:var(--blue);text-align:left}
.cta-band .place b{color:var(--blue);font-weight:900}
/* 2段構えCTA: 主ボタンの下に軽い受け皿の一行＋ゴーストボタン */
.cta-note{margin-top:28px;font-size:14.5px;line-height:1.9;color:var(--ink-soft);text-align:center}
.cta-note+.btn-ghost{margin-top:12px}

/* CTAボタン整列 */
.cta-actions{max-width:760px;margin-inline:auto}
.cta-actions .btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.cta-actions .btns>a{width:100%;min-height:58px}

/* ============================================================
   フッター（共通部品・青グラデ）
   2026-08-02 v0.5.5 WANDY実測へ一致（宗行さん指摘「色・高さ・グラデが違う」）
   本家 wandy.co.jp の実測（deploy/wandy_tokens_20260731.md 0.5.5節が対照表）:
     .c-footer      { padding: var(--grid) var(--pd) var(--pd); color:#fff }
     .c-footer__inner{ background: linear-gradient(39deg,…),#3f69bf;
                       border-radius: var(--r-l);
                       padding: calc(var(--grid) + 8svh) var(--space-1) var(--space-1);
                       display:flex; flex-direction:column; gap: calc(var(--grid) + 8svh) }
     .c-footer a    { color:#fff }   ← 本家フッターに半透明の文字色は一切ない
   グラデの停止値は 0.5.4 時点で既に本家と同一。見え方が違っていた原因は
   ①塗り面が全幅・低背（39deg の対角が出ない）②文字が rgba で濁っていた
   ③本家は角丸カードで地色が周囲に見える、の3点。ここを実測値へ揃える。
   ============================================================ */
:root{
  --ft-pd:12px;                       /* 本家 --pd（カードの外周インセット） */
  --ft-gutter:12px;                   /* 本家 --gutter（グリッド算出用） */
  --ft-gap:12px;                      /* 本家 --gap */
  --ft-radius:0;                    /* 本家 --r-l */
  --ft-grid:calc((100vw - var(--ft-gutter)*2 - var(--ft-gap)*23) / 24);   /* 本家 --grid（24分割） */
  --ft-space-1:calc(var(--ft-grid) + var(--ft-gap));                      /* 本家 --space-1 */
  --ft-rhythm:calc(var(--ft-grid) + 8vh);                                 /* 本家 calc(grid + 8svh) の代替 */
}
@supports (height:8svh){:root{--ft-rhythm:calc(var(--ft-grid) + 8svh)}}
@media(min-width:1681px){:root{--ft-gutter:calc((100vw - 1681px) * .5 + 12px)}}
@media(max-width:1024px){:root{--ft-radius:0}}
@media(max-width:640px){:root{--ft-pd:6px;--ft-gutter:6px;--ft-gap:6px}}

/* 2026-08-02 v0.5.22 CTA帯とフッターの間の「白い帯」を解消（宗行さん指摘）。
   本家 wandy.co.jp の実測（1280px幅・deploy/spacing_check_20260802/measure_footer_gap.py）:
     html の地色      = #f1f1f1（ページ全域。フッターカードの外周も同じ地色）
     .c-footer        = padding 39.75px(=--grid) 12px 12px  ← 自テーマと既に同値
     最終セクション   = .p-home-contact__inner（#8EC4E2・角丸8px・左右12pxインセット）
                        ＝本家では最終セクションもフッターも「同じ地色の上に浮くカード」で、
                          その間に色の切れ目が無い（地色が連続している）。
   自テーマは footer.site が transparent＝body の白が出るため、CTA帯の終端色 #8EC4E2 と
   白がぶつかって帯が「切れて」見えていた（白帯の実測高さ＝padding-top 39.75px @1280 /
   10px @390。左右12px・下12pxの外周インセットも同じく白）。
   本家の関係「フッターカードの外周地色＝直前セクションの地色」に合わせ、外周を CTA帯の
   終端色 var(--sky)=#8EC4E2 にして地色を連続させる。間隔（39.75px＝--ft-grid）は本家と
   一致済みのため変更しない。 */
footer.site{background:var(--sky);color:#fff;padding:var(--ft-grid) var(--ft-pd) var(--ft-pd);font-size:13.5px;line-height:1.75}
.ft-inner{
  /* 0.5.8: 大型表記の撤去でカード高さが 661.6→588.4px に変わったため停止%を再計測
     （sweep.py で 33〜45% をスイープ）。38% が本家プロファイルとの RMS 最小・平均t差 +0.002。 */
  background:linear-gradient(39deg, rgba(54,97,186,0) -12%, #3F69BF 38%, #439DCE 100%), #3F69BF;
  border-radius:0;
  /* 0.5.8: 大型事務所名を撤去したため、上下パディングを本家の律で対称にする
     （0.5.7 は下端に大型表記が座っていたので下パディングを --ft-space-1 に詰めていた）。 */
  padding:var(--ft-rhythm) var(--ft-space-1);
  display:flex;flex-direction:column;
}
@media(max-width:640px){.ft-inner{padding:calc(var(--ft-grid) + 3em) calc(var(--ft-grid) + var(--ft-gap))}}
/* 本家 .c-footer__main に相当。リンク群（.ft-grid）と下段案内（.ft-bottom）の2段。
   0.5.8: 段間を --ft-space-1 に（0.5.7 は大型表記のぶん高さを食われて gap*2=24px まで
   詰めていた）。撤去後は下端が窮屈に見えるため本家の律の1段下＝space-1 に戻す。 */
.ft-main{display:flex;flex-direction:column;gap:var(--ft-space-1)}
@media(max-width:640px){.ft-main{gap:3em}}
.ft-grid{max-width:calc(1080px + var(--ft-space-1)*2);margin-inline:auto;padding-inline:var(--ft-space-1);display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px}
@media(max-width:860px){.ft-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ft-grid{grid-template-columns:1fr}}
.ft-brand .name{color:#fff;font-size:17px;font-weight:900;margin-bottom:12px}
.ft-brand p{line-height:1.95}
footer.site h5{color:#fff;font-size:13px;letter-spacing:.1em;margin-bottom:14px;font-weight:900}
footer.site ul{list-style:none}
footer.site li{margin-bottom:0;padding:.1em 0;line-height:1.7;font-size:15px}
footer.site a{color:#fff;text-decoration:none}
footer.site a:hover{text-decoration:underline;text-underline-offset:.25em}
.ft-bottom{max-width:calc(1080px + var(--ft-space-1)*2);margin-inline:auto;padding-inline:var(--ft-space-1);width:100%}
.ft-info{font-size:13.5px;line-height:1.9;color:#fff}
.copyright{margin-top:14px;font-size:13.5px;color:#fff}
/* 0.5.8: 大型事務所名（.ft-brandline / .ft-name）は宗行さん指摘により撤去。
   本家 .c-footer__brand（全幅ロゴ）に相当するブロックは持たない前提で、
   カード全体の余白律を .ft-inner / .ft-main 側で取り直している。 */

/* ============================================================
   モバイル固定バー（共通）
   ============================================================ */
.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:75;display:none;grid-template-columns:1fr 1fr 1fr;box-shadow:0 -6px 20px rgba(0,0,0,.15)}
.mobile-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 4px 12px;font-size:13px;font-weight:900;text-decoration:none;color:#fff;line-height:1.3}
.mobile-bar .web{background:var(--accent)}
.mobile-bar .tel{background:var(--blue)}
.mobile-bar .line{background:#06C755}
.mobile-bar small{font-size:12px;font-weight:400;opacity:.85}
@media(max-width:820px){.mobile-bar{display:grid}footer.site{padding-bottom:118px}}

/* ============================================================
   上に戻るボタン（PC・SP共通・全ページ）
   ============================================================ */
.to-top{position:fixed;right:20px;bottom:20px;z-index:70;width:44px;height:44px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s}
.to-top::before{content:"";width:10px;height:10px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(45deg);margin-top:3px}
.to-top:hover{background:var(--grad-deep-a)}
@media(max-width:820px){.to-top{bottom:96px}}

/* ============================================================
   記事内の図版（SVG・page-hub / single 共通）
   ============================================================ */
.fig{margin:26px auto;max-width:760px}
.fig img,.article .fig img{width:100%;max-width:100%;border:1px solid var(--line);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);background:var(--white);padding:14px}
.fig .cap{font-size:13.5px;color:var(--ink-soft);margin-top:8px;text-align:center}

/* ============================================================
   記事のみ 目次（h2から自動生成・固定ページには置かない）
   ============================================================ */
.toc{background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);padding:26px 30px;margin:12px 0 40px;max-width:880px}
.toc .ttl{font-size:17px;color:var(--blue);font-weight:900;letter-spacing:.02em;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.toc .ttl::before{content:"";flex:none;width:20px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--btn-a),var(--btn-b))}
.toc ol{list-style:none;margin:0;counter-reset:toc}
.toc li{counter-increment:toc;position:relative;padding-left:2.4em;margin-bottom:.55em;line-height:1.9}
.toc li:last-child{margin-bottom:0}
.toc li::before{content:counter(toc,decimal-leading-zero);position:absolute;left:0;top:.05em;font-size:13px;font-weight:900;color:var(--grad-light-b)}
.toc a{color:var(--grad-deep-a);text-decoration:none;font-size:15px;font-weight:700}
.toc a:hover{text-decoration:underline}

/* ============================================================
   教科書 章ハブ（page-chapter）— リード＋所属記事リスト
   ============================================================ */
.chapter-lead{max-width:880px;margin:0 auto}
.chapter-list{max-width:880px;margin:28px auto 0}
.chapter-list .art{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);padding:22px 26px;margin-bottom:16px;color:var(--ink-article);transition:box-shadow .25s,transform .25s}
.chapter-list .art:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(23,53,67,.12)}
/* .chapter-list .art .art-thumb（アイキャッチ）の定義は「記事カードのアイキャッチ（共通）」に集約 */
.chapter-list .art b{display:block;font-size:16.5px;color:var(--blue);font-weight:900;margin-bottom:5px;line-height:1.6}
.chapter-list .art span{font-size:14px;color:var(--ink-soft);line-height:1.9}
.chapter-list .art .go{display:inline-block;margin-top:6px;font-size:13.5px;color:var(--accent);font-weight:900}
.chapter-empty{max-width:880px;margin:20px auto 0;font-size:14px;color:var(--ink-soft)}

/* ============================================================
   390px対応の追加調整
   ============================================================ */
@media(max-width:480px){
  .wrap,.hero-inner,.hd-inner,.crumbs,.art-head,.chapter-summary,.chapter-cta,.author-box{padding-inline:18px}
  section.block{padding-block:48px}
  .hero-btns{flex-direction:column;align-items:stretch}
  .big-btn{width:100%}
  .btnrow{flex-direction:column;align-items:stretch}
  .btn-primary,.btn-ghost,.btn-line{width:100%}
  .cta-actions .btns{grid-template-columns:1fr}
  .article h2{margin-top:2em}
  .article ul,.article ol{margin-left:1.2em}
  .keypoints{padding:22px 18px}
  .chapter-cta .box{padding:24px 20px}
  .chapter-cta .box .links{flex-direction:column}
  .chapter-cta .box a.lk{width:100%}
  .author-box .inner{padding:22px 18px}
  .summary-link{padding:18px;font-size:15.5px}
  .formula-line{font-size:16px;padding:18px 16px}
  .promise li{padding-left:46px}
  .promise li::before{width:30px;height:30px;font-size:13px}
}


/* ============================================================
 * 0.3.3（2026-08-01）報酬簡易シミュレーター（料金ページ #fee-sim）
 * 意匠の正 = モック mock_pricing_wandy.html。値は改変せず移植。
 * 0.5.21（2026-08-02）概算早見表（.hayami）・加算表（.sim-add）は削除済み。
 * ============================================================ */
/* ===== 報酬簡易シミュレーター（#fee-sim） ===== */
.feesim{background:linear-gradient(180deg,#fff 0%,var(--band) 100%);padding-block:clamp(44px,6vw,72px)}
.feesim .sim-card{background:#fff;border-radius:0;box-shadow:0 20px 50px rgba(23,53,67,.10);padding:clamp(32px,5vw,56px);max-width:860px;margin-inline:auto}/* 2026-08-01 詰まり解消: 内側余白拡大 */
.feesim h2{font-size:clamp(21px,3vw,28px);font-weight:900;color:var(--blue);line-height:1.6;margin-bottom:10px}
.feesim .sim-lede{font-size:15px;color:var(--ink-article);line-height:2.0;margin-bottom:36px}
.sim-field{margin-bottom:40px}/* STEP間の呼吸を拡大（2026-08-01） */
.sim-field>.q{display:flex;align-items:baseline;gap:10px;font-size:15.5px;font-weight:900;color:var(--blue);margin-bottom:16px;line-height:1.7}
.sim-field>.q .no{flex:none;background:linear-gradient(90deg,var(--btn-a),var(--btn-b));color:#fff;font-size:11.5px;letter-spacing:.08em;padding:4px 10px;border-radius:999px;line-height:1.4}
.sim-field .hint{font-size:14.5px;color:var(--ink-soft);line-height:1.9;margin-top:14px}
/* 遺産総額の定義: 既定で開く重要注記。薄い面でひとかたまりに見せて散らかり感を抑える */
.hint-d{margin-top:16px;background:var(--band2);border-radius:0;padding:14px 18px}
.hint-d summary{font-size:14.5px;color:var(--blue);cursor:pointer;font-weight:900}
.hint-d .hint{margin-top:8px}
/* チップ群 */
.sim-chips{display:flex;flex-wrap:wrap;gap:10px}
.sim-chips label{cursor:pointer}
.sim-chips input{position:absolute;opacity:0;width:0;height:0}
.sim-chips span{display:inline-block;border:1.5px solid var(--line);background:#fff;color:var(--blue);font-size:13.5px;font-weight:700;padding:9px 14px;border-radius:999px;line-height:1.4;transition:background .15s,border-color .15s,color .15s}
.sim-chips input:checked+span{background:linear-gradient(90deg,var(--btn-a),var(--btn-b));border-color:transparent;color:#fff}
.sim-chips input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
/* スライダー */
.sim-slider{margin-top:14px}
.sim-slider input[type=range]{width:100%;accent-color:var(--btn-a);height:28px}
.sim-slider .ends{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-soft);margin-top:-4px}
/* セグメント（個数選択） */
.sim-seg{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.sim-seg.n5{grid-template-columns:repeat(5,1fr)}
/* 0.5.19（2026-08-02）STEP5（非上場株式）用＝2択・3択のセグメントと、その下位（会社数）ブロック */
.sim-seg.n2{grid-template-columns:repeat(2,1fr)}
.sim-seg.n3{grid-template-columns:repeat(3,1fr)}
.sim-subseg{margin-top:14px;padding:14px 16px;background:var(--band2);border-radius:0}
.sim-subseg[hidden]{display:none}
.sim-subseg .sublbl{font-size:13.5px;font-weight:900;color:var(--blue);line-height:1.7;margin-bottom:10px}
.sim-seg label{cursor:pointer}
.sim-seg input{position:absolute;opacity:0;width:0;height:0}
.sim-seg span{display:flex;align-items:center;justify-content:center;min-height:52px;border:1.5px solid var(--line);border-radius:0;background:#fff;color:var(--blue);font-size:15px;font-weight:900;line-height:1.35;text-align:center;transition:background .15s,border-color .15s,color .15s}
.sim-seg input:checked+span{background:linear-gradient(90deg,var(--btn-a),var(--btn-b));border-color:transparent;color:#fff}
.sim-seg input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
/* 結果 */
.sim-result{background:var(--band2);border-radius:0;padding:30px 28px;text-align:center;margin-top:44px}
.sim-result .rlabel{font-size:13.5px;font-weight:900;letter-spacing:.08em;color:var(--grad-deep-a)}
.sim-result .rval{display:block;font-size:clamp(34px,8vw,52px);font-weight:900;color:var(--blue);line-height:1.3;margin-top:6px;font-variant-numeric:tabular-nums;word-break:keep-all}
.sim-result .rval.custom{font-size:clamp(20px,4.6vw,28px)}
.sim-result .rtax{font-size:13.5px;color:var(--ink-soft)}
/* 0.5.21（2026-08-02）内訳は折りたたみ（details+summary）をやめて常時表示。
   summary が無くなったので、代わりに小見出し（h3）を置く。表の意匠は0.3.3から不変。 */
.sim-break{margin-top:24px;text-align:left}
.sim-break>h3{font-size:14.5px;font-weight:900;color:var(--grad-deep-a);line-height:1.7;margin-bottom:10px}
.sim-break table{width:100%;border-collapse:collapse;background:#fff;border-radius:0;overflow:hidden;font-size:14.5px}
.sim-break th,.sim-break td{border-bottom:1px solid var(--line);padding:11px 14px;text-align:left;font-weight:400;color:var(--ink-article);line-height:1.8}
.sim-break td.r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.sim-break tr.total th,.sim-break tr.total td{background:var(--band);font-weight:900;color:var(--blue);border-bottom:none}
.sim-note-line{font-size:14.5px;line-height:1.95;color:var(--ink-article);margin-top:24px;text-align:center}
.sim-foot{font-size:14.5px;color:var(--ink-soft);line-height:1.85;margin-top:14px}
/* 0.5.21（2026-08-02）簡素化: 加算表（.sim-add）・概算早見表（.hayami）を削除したため、
   .sim-add / .hayami / .row-sel / .col-sel / .cell-sel / .hcond / .hlede の各規則も併せて撤去。
   .table-scroller・.scroll-hint は他ページの表でも使うので共通側に残している。 */
@media(max-width:480px){
  .sim-seg{gap:6px}
  .sim-seg span{min-height:46px;font-size:13.5px}
  .sim-chips span{font-size:13px;padding:8px 12px}
  .sim-result{padding:20px 14px}
  .feesim .sim-card{padding:22px 16px}
  .sim-break th,.sim-break td{padding:10px 10px;font-size:13.5px}
}
/* シミュレーター直後の本文ブロックは上寄せを詰める（モックの inline padding-top 相当） */
.feesim + .block{padding-top:clamp(40px,6vw,64px)}
/* 0.6.0 交互帯化により本文は .tbands になった。同じ詰めは末尾の 0.6.0 節で当てている
   （.tbands > .tband:first-child の上余白より後ろに置かないと勝てないため）。 */


/* ============================================================
 * 0.4.0（2026-08-01）税額シミュレーター（#tax-sim・/inheritance-tax-simulation/）
 * 出力は page-standard.php の slug 分岐。計算JSは現行公開ページから無改変で移植。
 * 意匠は WANDY トークン（濃青 var(--blue) / アクセント var(--grad-deep-a) /
 * 帯 var(--band)・var(--band2)）で再構築。旧デザインの藍・金・生成りは使わない。
 * 上線／左線アクセントは使わず、面と box-shadow で区切る。本文・表は 14px 以上。
 * ============================================================ */
.taxsim{background:linear-gradient(180deg,#fff 0%,var(--band) 100%);padding-block:clamp(44px,6vw,72px)}
.taxsim .sim-card{background:#fff;border-radius:0;box-shadow:0 20px 50px rgba(23,53,67,.10);padding:clamp(32px,5vw,56px);max-width:860px;margin-inline:auto}
.taxsim h2{font-size:clamp(21px,3vw,28px);font-weight:900;color:var(--blue);line-height:1.6;margin-bottom:10px}
.taxsim .sim-lede{font-size:15.5px;color:var(--ink-article);line-height:2.0;margin-bottom:36px}
.taxsim .sim-field .hint{font-size:14.5px;color:var(--ink-soft);line-height:1.9;margin-top:14px}
/* チップ（現行ページと同じ button.chip ＝ JS の結線を変えないための据え置き） */
.taxsim-chips{display:flex;flex-wrap:wrap;gap:10px}
.taxsim .chip{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--sans);border:1.5px solid var(--line);background:#fff;color:var(--blue);font-size:15px;font-weight:700;line-height:1.4;padding:12px 18px;min-height:48px;border-radius:999px;transition:background .15s,border-color .15s,color .15s}
.taxsim .chip:hover{border-color:var(--grad-light-b)}
.taxsim .chip.on{background:linear-gradient(90deg,var(--btn-a),var(--btn-b));border-color:transparent;color:#fff}
.taxsim .chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
/* 自由入力 */
.taxsim .free{margin-top:16px;font-size:15px;color:var(--ink-article)}
.taxsim .free input{font-size:17px;font-family:var(--sans);padding:10px 12px;width:9em;border:1.5px solid var(--line);border-radius:0;text-align:right;color:var(--blue);font-weight:700}
.taxsim .free input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
/* お子さま0人のときの追加質問（面で囲う・左線は使わない） */
.taxsim .sim-subq{background:var(--band2);border-radius:0;padding:18px 20px;margin-top:20px}
.taxsim .sim-subq .lbl{font-size:15px;font-weight:900;color:var(--blue);line-height:1.7;margin-bottom:6px}
.taxsim .sim-subq .hint{margin-top:0;margin-bottom:12px}
/* 配偶者の取得割合スライダー */
.taxsim .sldrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
.taxsim .sldrow input[type=range]{flex:1;min-width:200px;height:36px;accent-color:var(--btn-a);width:auto}
.taxsim .pm{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--sans);border:1.5px solid var(--line);background:#fff;color:var(--blue);width:48px;height:48px;font-size:21px;font-weight:900;border-radius:999px;flex:none}
.taxsim .pm:hover{border-color:var(--grad-light-b)}
.taxsim .pm:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.taxsim .pv{font-size:24px;font-weight:900;color:var(--blue);min-width:3.2em;text-align:center;font-variant-numeric:tabular-nums}
/* 試算結果 */
.taxsim .taxsim-result{margin-top:44px}
.taxsim .taxsim-result .rval{font-size:clamp(20px,4.4vw,28px);font-weight:900;color:var(--blue);line-height:1.5;margin-top:8px}
.taxsim .taxsim-result .rval strong{font-size:clamp(26px,6vw,40px);color:var(--blue);font-weight:900;white-space:nowrap}
.taxsim .taxsim-result .wait{font-size:15px;font-weight:400;color:var(--ink-soft);line-height:1.9}
.taxsim #simBrkWrap{margin-top:22px}
.taxsim table.data.brk{min-width:0}
.taxsim table.data.brk th{width:56%;font-weight:700;color:var(--blue);background:var(--band2)}
.taxsim table.data.brk td.r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:900;color:var(--blue)}
/* 補足メッセージ（面で見せる。左線アクセントは使わない） */
.taxsim .msg{margin-top:14px;padding:14px 18px;font-size:14.5px;line-height:1.95;color:var(--blue);background:var(--band2);border-radius:0}
.taxsim .msg.warn{background:var(--band)}
.taxsim .msg strong{color:var(--grad-deep-a);font-weight:900}

/* ---- 次の一歩（CTA）＋料金ページへの導線 ---- */
.taxsim-next{padding-block:clamp(44px,6vw,72px)}
.taxsim-cta{background:#fff;border-radius:0;box-shadow:0 20px 50px rgba(23,53,67,.08);padding:clamp(30px,5vw,52px);max-width:900px;margin-inline:auto;text-align:center}
.taxsim-cta h2{font-size:clamp(20px,3vw,26px);font-weight:900;color:var(--blue);line-height:1.6;margin-bottom:16px}
.taxsim-cta p{font-size:15px;line-height:2.0;color:var(--ink-article);max-width:44em;margin-inline:auto;margin-bottom:26px}
.taxsim-cta .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.taxsim-next .callout{max-width:900px;margin-inline:auto;font-size:15px}

/* ---- 試算のしくみ（入力連動の図解） ---- */
.taxsim-how .hw-card{background:#fff;border-radius:0;box-shadow:0 20px 50px rgba(23,53,67,.08);padding:clamp(28px,5vw,52px);max-width:900px;margin-inline:auto}
.taxsim-how .hw-lede{font-size:15.5px;line-height:2.0;color:var(--ink-article);margin-bottom:18px}
.taxsim-how .hw-mode{display:inline-block;background:var(--band2);border-radius:999px;padding:5px 14px;font-size:14px;color:var(--ink-soft);line-height:1.8;margin-top:8px}
/* 4工程フロー */
.taxsim-how .hw-flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 30px;font-size:14px}
.taxsim-how .hw-flow .fc{background:var(--band2);border-radius:999px;padding:9px 16px;line-height:1.6;color:var(--blue);font-weight:700}
.taxsim-how .hw-flow .ar{color:var(--grad-deep-a);font-weight:900}
/* 3ステップ */
.taxsim-how .hw-step{display:flex;gap:16px;margin:40px 0;align-items:flex-start}
.taxsim-how .hw-no{flex:none;width:36px;height:36px;border-radius:50%;background:linear-gradient(90deg,var(--btn-a),var(--btn-b));color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;margin-top:2px}
.taxsim-how .hw-body{flex:1;min-width:0}
.taxsim-how .hw-t{font-size:17.5px;color:var(--blue);font-weight:900;margin:0 0 10px;line-height:1.7}
.taxsim-how .hw-body>p{font-size:15px;margin:0 0 10px;line-height:1.95;color:var(--ink-article)}
.taxsim-how .hw-note{font-size:14px;color:var(--ink-soft);margin:8px 0 0;line-height:1.9}
/* 帯グラフ（基礎控除・法定相続分・按分） */
.taxsim-how .hw-bar,.taxsim-how .hw-sharebar,.taxsim-how .hw-allocbar{display:flex;width:100%;border-radius:0;overflow:hidden;box-shadow:0 4px 16px rgba(23,53,67,.08);margin:12px 0 8px}
.taxsim-how .hw-bar .seg,.taxsim-how .hw-sharebar .seg,.taxsim-how .hw-allocbar .seg{padding:12px 8px;font-size:14px;line-height:1.6;text-align:center;font-weight:700;overflow-wrap:anywhere;min-width:0}
.taxsim-how .hw-bar .seg small,.taxsim-how .hw-sharebar .seg small,.taxsim-how .hw-allocbar .seg small{font-size:14px;font-weight:400;opacity:.9}
.taxsim-how .seg.a{background:var(--band);color:var(--blue)}
.taxsim-how .seg.b{background:var(--blue);color:#fff}
.taxsim-how .seg.sp{background:var(--blue);color:#fff}
.taxsim-how .seg.c1{background:var(--grad-deep-a);color:#fff}
.taxsim-how .seg.c2{background:var(--grad-light-b);color:#fff}
.taxsim-how .seg.spa{background:var(--band);color:var(--blue)}
.taxsim-how .seg.oth{background:var(--blue);color:#fff}
/* 計算表・速算表 */
.taxsim-how table.data.hw-calc{min-width:0;font-size:14.5px}
.taxsim-how table.data.hw-calc td{color:var(--ink-article)}
.taxsim-how table.data.hw-calc td.r{text-align:right;white-space:nowrap}
.taxsim-how table.data.hw-calc tr.sum td{background:var(--band2);font-weight:900;color:var(--blue)}
.taxsim-how details.hw-rate{margin:14px 0 4px;background:var(--band2);border-radius:0;padding:4px 18px 10px}
.taxsim-how details.hw-rate>summary{cursor:pointer;font-size:14.5px;font-weight:900;color:var(--grad-deep-a);padding:12px 0}
.taxsim-how details.hw-rate .table-scroller{margin:6px 0 10px;box-shadow:none}
.taxsim-how details.hw-rate table.data{min-width:0;font-size:14.5px}
.taxsim-how details.hw-rate table.data th[scope=row]{font-weight:700;color:var(--blue)}
.taxsim-how details.hw-rate table.data td.r{text-align:right;white-space:nowrap}
.taxsim-how .hw-src{font-size:14px;color:var(--ink-soft);margin:0 0 6px}
.taxsim-how .hw-src a{color:var(--grad-deep-a);font-weight:700;text-underline-offset:3px}
/* 結論行 */
/* 0.7.0: 紺帯上の結論行が黒文字で沈んでいた（宗行さん指摘）。原因は上の
   .taxsim-how .hw-body>p{color:var(--ink-article)}（詳細度 0,2,1）が
   .taxsim-how .hw-result（0,2,0）に勝っていたこと。セレクタを .hw-body>p.hw-result
   （0,3,1）へ上げて白を確実に効かせる。strong は大きさ据え置きで白。 */
.taxsim-how .hw-result,
.taxsim-how .hw-body>p.hw-result{background:var(--blue);color:#fff;border-radius:0;padding:18px 22px;font-size:15.5px;margin:16px 0 4px;line-height:1.9}
.taxsim-how .hw-body>p.hw-result strong,
.taxsim-how .hw-result strong{font-size:21px;color:#fff;font-weight:900;white-space:nowrap}
.taxsim-how .hw-body>p.hw-result a{color:#fff}

/* ---- ご利用にあたって ---- */
.taxsim-dis{padding-block:clamp(40px,5vw,64px)}
.taxsim-dis .notice{max-width:900px;margin-inline:auto;font-size:14.5px;line-height:2.0}

@media(max-width:640px){
  /* 帯グラフは縦積み＝細い区画に文字が潰れない */
  .taxsim-how .hw-bar,.taxsim-how .hw-sharebar,.taxsim-how .hw-allocbar{flex-direction:column}
  .taxsim-how .hw-bar .seg,.taxsim-how .hw-sharebar .seg,.taxsim-how .hw-allocbar .seg{width:100% !important}
  .taxsim-how .hw-step{gap:12px;margin:32px 0}
  .taxsim-how .hw-flow{font-size:14px}
  .taxsim-cta .btns>a{width:100%}
}
@media(max-width:480px){
  .taxsim .sim-card{padding:22px 16px}
  .taxsim .chip{font-size:14px;padding:11px 14px}
  .taxsim .pv{font-size:21px}
  .taxsim .sldrow{gap:8px}
  .taxsim-how .hw-card{padding:22px 16px}
}

/* ============================================================
   お問い合わせページの信頼バー（.trust-bar・0.3.4／2026-08-01）
   出力は functions.php の the_content フィルタ（CF7フォームの直上）。
   ピルはトップの .trust-chips と同じ意匠を流用する。
   ============================================================ */
/* 0.7.1（2026-08-10）信頼バーとCF7フォーム本体の間隔が詰まりすぎ→下余白 22px→32px（SP も同値） */
.trust-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0 0 56px;padding:14px 18px;background:var(--band2);border:1px solid var(--line);border-radius:0}
.trust-bar .tb-rating{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:15px;line-height:1.6}
.trust-bar .tb-stars{color:#F2A93B;font-size:16px;letter-spacing:.06em;line-height:1}
.trust-bar .tb-score{font-size:19px;font-weight:900;color:var(--blue);font-variant-numeric:tabular-nums}
.trust-bar .tb-label{font-size:15px;font-weight:700;color:var(--ink-article)}
.trust-bar .tb-link{font-size:14.5px;font-weight:700;color:var(--grad-deep-a);text-underline-offset:3px}
.trust-bar .tb-link:hover,.trust-bar .tb-link:focus-visible{color:var(--grad-light-b)}
.trust-bar .trust-chips{margin-bottom:0;gap:8px}
.trust-bar .trust-chips span{font-size:12.5px;padding:7px 14px}
@media(max-width:640px){
  .trust-bar{gap:10px 14px;padding:13px 14px}
  .trust-bar .tb-rating{width:100%}
  /* 390px幅でもチップ2つが1行に収まるよう詰める（実測305px枠に対し301px） */
  .trust-bar .trust-chips{gap:6px}
  .trust-bar .trust-chips span{padding:7px 11px}
}


/* ============================================================
 * 0.4.3（2026-08-02）復元部品・汎用
 * 判定A完了: about / contact の【】部品指示が除去されて空になっていた位置に
 * 実マークアップ（写真枠・地図埋め込み）を復元したことに伴う枠部品。
 * あわせて、ペイロードに8箇所出力されながらCSS未定義だった .tablewrap を定義。
 * WANDYトークン準拠＝上線／左線アクセントは使わず、面と box-shadow で区切る。
 * ============================================================ */

/* 写真枠（about 代表写真・貸会議室写真ほか） */
.photo{margin:28px 0;max-width:520px}
.photo img{display:block;width:100%;height:auto;border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08)}
.photo figcaption{margin-top:10px;font-size:14px;line-height:1.9;color:var(--ink-soft)}
/* 縮小版（.photo と併用・about 代表写真など） */
.photo-s{max-width:320px}
/* カード（.step / .service）の中に置くときは横幅いっぱい・上を詰める */
.step>.photo,.service>.photo{margin:0 0 16px;max-width:none}

/* 地図埋め込み枠（レスポンシブ比率容器・about 事務所地図／面談場所マイマップ／contact 同部品） */
.map-embed{position:relative;width:100%;aspect-ratio:4/3;margin:28px 0;border-radius:0;overflow:hidden;box-shadow:0 4px 16px rgba(23,53,67,.08);background:var(--band2)}
.map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.map-embed figcaption{margin-top:10px;font-size:14px;line-height:1.9;color:var(--ink-soft)}
@supports not (aspect-ratio:4/3){
  .map-embed{height:0;padding-bottom:75%}
}
@media(max-width:640px){
  .map-embed{aspect-ratio:1/1}
  @supports not (aspect-ratio:1/1){.map-embed{padding-bottom:100%}}
}

/* 表の横スクロール枠（real-estate-support 6箇所・area-setagaya 2箇所） */
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:18px 0 28px}
.tablewrap>.table-scroller{margin:0}

/* ============================================================
 * 0.4.4（2026-08-02）判定B完了
 * 10ページの部品化（features / inheritance-tax-filing / pre-inheritance /
 * real-estate-support / estate-planning / area-setagaya ＋ 章ハブ6本は据え置き）と
 * contact 末尾電話帯の tel:／LINE リンク化。
 * いずれも既存の実在部品（.step / .grid2 / .grid3 / .service / .faq-list / .faq /
 * .reason-block h3.rz .n / .flag）だけで構成し、CSSの新規追加は行っていない。
 * ※判定B作業中に確認したカスケードの事実（新規追加はせず記録のみ）:
 *   .article h3（286行）・.article p（288行）は .service h3（210行）/.card h3（224行）/
 *   .card p（225行）より後ろにあるため後勝ちする。したがって
 *   ①.card（青グラデ・白文字）を本文に使うと見出しが濃青・本文が墨色になり読めない
 *   ②.service に h3 を入れるとカード上端に 2.2em の余白が残る。
 *   h3 を持つ本文カードは .step（.step h3{margin-top:0} が .article h3 より後ろ）を使うこと。
 * ============================================================ */

/* ============================================================
 * 0.5.0（2026-08-02）トップ増補（宗行さん承認）
 * front-page の増補9箇所で必要になった最小限の部品。
 * WANDYトークンのみ・上線／左線アクセントなし・本文は15.5px以上
 * （バッジ／ゴーリンクのみ13〜14px台）。
 * ============================================================ */

/* .step をグリッドの升目として使うとき（悩み6枚・事例2枚・声2枚）＝
   単体配置用の上下マージンを打ち消し、gap だけで並べる */
.grid2>.step,.grid3>.step{margin:0}
.grid2>.step h3,.grid3>.step h3{font-size:17.5px;color:var(--blue);font-weight:900;line-height:1.7;margin:0 0 16px}
.grid2>.step p,.grid3>.step p{font-size:15.5px;line-height:2.0;color:var(--ink-article)}
/* 0.6.4: 見出しだけのカード（申告サービス「よくある不安」4枚）は下マージンを打ち消して上下対称に */
.grid2>.step>h3:only-child,.grid3>.step>h3:only-child{margin-bottom:0}

/* お客様の声カードの属性ラベル（ピル型バッジ） */
.step.voice .attr{display:inline-block;font-size:13px;font-weight:900;letter-spacing:.06em;color:var(--grad-deep-b);border:1px solid var(--grad-light-b);background:#fff;border-radius:999px;padding:3px 12px;margin-bottom:12px}

/* 申告完了までの見通し＝STEP帯（横並び・SPは縦積み） */
.flowband{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 32px}
.flowband .fb-step{background:#fff;border:1px solid var(--line);box-shadow:0 4px 16px rgba(23,53,67,.08);border-radius:999px;padding:12px 20px;font-size:15px;font-weight:700;line-height:1.7;color:var(--blue)}
.flowband .fb-ar{color:var(--grad-deep-a);font-weight:900;font-size:15px}
@media(max-width:640px){
  .flowband{flex-direction:column;align-items:stretch;gap:6px}
  .flowband .fb-ar{text-align:center}
}

/* サービスカードの価格1行（カード下端に寄せる） */
.service .price-line{margin-top:auto;padding-top:14px;font-size:14.5px;font-weight:900;line-height:1.95;color:var(--grad-deep-a)}

/* 人気記事カード（教科書セクション・6枚） */
.art-card{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:0 4px 16px rgba(23,53,67,.08);padding:28px 28px;color:var(--blue);transition:transform .2s,box-shadow .2s}
.art-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(23,53,67,.12)}
/* 記事カードのアイキャッチ（共通）
   0.5.9（2026-08-02）トップの人気記事カードに加えて、教科書 章ハブの記事カード
   （.chapter-list .art）にも同じ比率・角丸で効かせる。アイキャッチ未設定の記事は
   img 自体が出力されないため、テキストのみで従来どおりのカードとして並ぶ。 */
.art-card .art-thumb,
.chapter-list .art .art-thumb{width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:0;margin-bottom:14px;display:block}
.art-card b{display:block;font-size:16px;font-weight:900;line-height:1.75;margin-bottom:10px}
.art-card .go{display:block;font-size:14px;color:var(--accent);font-weight:900}

/* ============================================================
   0.5.1（2026-08-02）トップ視覚素材:
   代表写真・面談場所マップ・事務所地図・声アンケート画像2枚
   ============================================================ */
/* お客様の声カードのアンケート現物スキャン */
.step.voice .voice-scan{width:100%;border:1px solid var(--line);border-radius:0;margin:0 0 12px}

/* ============================================================
   0.5.6→0.5.8（2026-08-02）スクロールリビール = WANDY 実測移植（2系統）

   本家 https://wandy.co.jp/ は「強・弱」2系統を使い分けている（CSS実測）:
     [強] .js-i-fade      … セクション枠・カード・リスト項目など大きなブロックだけ
          .js-i-fade{opacity:0;transform:translate(0,20px);will-change:opacity,transform}
          [data-shown="1"]{opacity:1;transform:translate(0,0);
            transition:opacity 1.2s var(--ease-io),transform 1.2s var(--ease-io)}
     [弱] .c-editor > *   … 本文（エディタ出力）の段落・リスト・小見出しなど細かい要素
          .c-editor>*{opacity:.2;transform:translate(0,20px);will-change:opacity}
          .c-editor>*[data-visible="1"]{opacity:1;transform:translate(0,0);
            transition:opacity 1.2s var(--ease-io),transform 1.2s var(--ease-io)}
     --ease-io : cubic-bezier(.355,.395,.185,1)（本家の変数名・値ともに同一）

   0.5.6 は全対象に [強] を掛けていた（宗行さん指摘「強すぎる」）。0.5.8 で
     .rv      = [強] … section > .wrap 直下の大ブロック（見出し・カード群・図版・表・帯）
     .rv-soft = [弱] … .article 直下の本文ブロック（p・li・h3・表 など）
   に振り分けた。

   ★ [弱] の移動量について（実測との意図的差異）:
     本家の .c-editor>* は opacity .2→1 に加えて translate(0,20px) も持つが、
     自テーマは **移動なし（opacity のみ）** とした。宗行さん指摘「強すぎる」への対応で、
     本文の細かい要素が1つずつ動くのを止めるため（duration・easing・初期opacityは本家同値）。
     本家どおり動かす場合は下の .rv-soft に transform:translate(0,20px) を足すだけでよい。
   ★ 往復（画面外で再び薄くなる）は本家 .c-editor>* にはあるが採らない（0.5.6 の決定を維持）。
     読み返しで文字が薄くなるのを避けるため、両系統とも1回きり。
   ★ html.rv-js ガード必須:
     JS（IntersectionObserver）が動く環境でのみ初期状態を適用する。
     JSオフ・JSエラー・IO非対応では .rv / .rv-soft は素通り＝本文が最初から全部見える。
   ============================================================ */
:root{ --ease-io:cubic-bezier(.355,.395,.185,1); }

/* [強] 大ブロック（本家 .js-i-fade と同値） */
html.rv-js .rv{ opacity:0; transform:translate(0,20px); will-change:opacity,transform; }
html.rv-js .rv[data-shown="1"]{
  opacity:1; transform:translate(0,0);
  transition:opacity 1.2s var(--ease-io), transform 1.2s var(--ease-io);
}
/* [弱] 本文の細かい要素（本家 .c-editor>* の duration/easing/初期opacity と同値・移動なし） */
html.rv-js .rv-soft{ opacity:.2; will-change:opacity; }
html.rv-js .rv-soft[data-shown="1"]{
  opacity:1;
  transition:opacity 1.2s var(--ease-io);
}
/* 時差（本家 [data-d] と同値・0.1s刻み。自動付与はしない＝本家と同じ） */
html.rv-js .rv[data-d="1"],html.rv-js .rv-soft[data-d="1"]{transition-delay:.1s}
html.rv-js .rv[data-d="2"],html.rv-js .rv-soft[data-d="2"]{transition-delay:.2s}
html.rv-js .rv[data-d="3"],html.rv-js .rv-soft[data-d="3"]{transition-delay:.3s}
html.rv-js .rv[data-d="4"],html.rv-js .rv-soft[data-d="4"]{transition-delay:.4s}
html.rv-js .rv[data-d="5"],html.rv-js .rv-soft[data-d="5"]{transition-delay:.5s}

/* 動きを減らす設定の環境ではアニメーションしない（最初から見える） */
@media (prefers-reduced-motion: reduce){
  html.rv-js .rv,
  html.rv-js .rv[data-shown="1"],
  html.rv-js .rv-soft,
  html.rv-js .rv-soft[data-shown="1"]{
    opacity:1; transform:none; transition:none; will-change:auto;
  }
}

/* ============================================================
   0.5.13（2026-08-02）選ばれる理由・事務所紹介の増補（宗行さん承認起案）
   追加した部品はすべて実在クラス（.step / .step.voice / .grid2 / .grid3 /
   table.data / .callout / .note / .fig）で足りている。CSSはこの1件のみ。
   ============================================================ */
/* 声カードを .grid2 に奇数枚（about のお客様からいただいた言葉＝5枚）並べたとき、
   最後の1枚だけが半幅で余るのを避けて全幅に伸ばす。
   ※トップの声カードは2枚（偶数）のため影響を受けない。 */
.grid2>.step.voice:last-child:nth-child(odd){grid-column:1/-1}

/* ============================================================
   0.5.14（2026-08-02）面談場所カードの写真2枚横並び
   二子玉川カードに睦（MUTUMI）ビルの外観＋1階会議室の内観を並べる。
   4/3の写真を縦積みするとカード高が他の2枚と揃わないため、.pc-figs で
   1枚ずつ横並びにする（620px以下でも2列のまま＝カード自体が1列になる）。
   写真は正方形トリミング（1/1）＝半幅でも他カード（4/3・全幅）と高さの差が小さい。
   ============================================================ */
.place-card .pc-figs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.place-card .pc-figs figure{margin:0;min-width:0}
.place-card .pc-figs figure img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.place-card .pc-figs figcaption{font-size:13.5px;color:var(--ink-soft);line-height:1.7;padding:8px 10px 0;text-align:center}

/* ============================================================
   0.5.16（2026-08-02）選ばれる理由 6ブロックのリズム
   宗行さん指摘「理由1〜6が同じ見た目で縦に流れて単調」。
   設計は解決事例カードのリズム（v0.5.7）を踏襲する:
     ①番号バッジをブロック上端にまたがせて切れ目を作る
     ②ブロック地色を交互（奇数＝白／偶数 .alt＝薄グレー青 #F1F4F7）
     ③ブロック間の余白を広げる
   マークアップは原稿側で <span class="rno[ alt]">N</span> ＋ <div class="reason[ alt]">。
   .rno / .reason は選ばれる理由ページにしか存在しないクラスなので、
   他ページ（解決事例・料金・世田谷ほか）には一切かからない。
   使う色は WANDY トークンのみ（#1F3A7A / #3F69BF / #439DCE / #D9EBF5 / #F1F4F7）。
   上線・左線アクセントは使わない。
   ============================================================ */
/* ①番号バッジ（丸・グラデ）。ブロックの上端にまたがる */
.article .rno{
  position:relative;z-index:1;
  display:inline-flex;align-items:center;justify-content:center;
  width:58px;height:58px;margin:0 0 0 30px;border-radius:50%;
  background:linear-gradient(90deg,var(--btn-a),var(--btn-b));
  color:#fff;font-size:24px;font-weight:900;line-height:1;
  box-shadow:0 4px 16px rgba(23,53,67,.14)
}
/* ③偶数ブロックはバッジも一段濃く（奇数＝濃青→空色／偶数＝紺→濃青） */
.article .rno.alt{background:linear-gradient(90deg,var(--blue),var(--btn-a))}
/* ②ブロック本体（角丸カード・淡い影）。バッジぶん上へ引き上げ、上余白で受ける */
.article .reason{
  background:#fff;border:1px solid var(--line);border-radius:0;
  box-shadow:0 4px 16px rgba(23,53,67,.08);
  padding:60px 40px 40px;margin:-29px 0 5.2em
}
.article .reason.alt{background:var(--band2);border-color:#D9EBF5}
/* ブロック内の頭とお尻の余白を締める（h2 は .article h2:first-child で既に 0） */
.article .reason>h2:first-child{margin-top:0}
.article .reason>:last-child{margin-bottom:0}
/* ブロックの直後（代表税理士について 等の通常 h2）は間を広く取る */
.article .reason+h2{margin-top:4.2em}
@media(max-width:640px){
  .article .rno{width:50px;height:50px;font-size:21px;margin-left:16px}
  .article .reason{padding:50px 24px 32px;margin:-25px 0 4em}
}

/* ============================================================
   0.5.20（2026-08-02）全ページ余白拡大（宗行さん指示「もっと空白を使い空間を広く。
   詰まっている印象を受ける」）— 本家 WANDY の本文側 余白律の実測に基づく。

   実測（https://wandy.co.jp/ ・1254px幅・本家の基準文字 13.05px）:
     ・段落どうしの空き      .c-editor *+*      = 2em（26.1px）＝ 行送り 22.2px を上回る
     ・見出しの前            .c-editor *+h2/h3  = 3em（39.2px）
     ・カード内 padding      .c-voice__link 2em（26.1px）／.c-banner-list__item-link 3em（39.2px）
       ＝ カードの内側余白は「本文文字サイズの2.0〜3.0倍」
     ・大きな面の padding    .p-home-contact__inner = 79.5px（--grid*2）／左右103.5px（--space-2）
     ・セクション間の空き    --space-1 52px ／ --grid*2 78px ／ --grid*4 157px

   自テーマ（変更前）は 段落 1.35em（20.9px＝行送り33.3pxより小さい）・カード内 padding が
   本文15.5pxに対し1.5〜1.9倍しかなく、「文字の塊」に見えていた。ここを本家の比率へ寄せた
   （段落 1.75em・カード内 padding 2.0〜2.4倍・見出し前 2.8〜3.6em）。

   ★このブロックは SP（≤640px）で拡大しすぎないための調整のみ。
     PC 側の値はすべて既存プロパティの値を直接書き換えており、詳細度は増やしていない。
     ヒーロー（.hero）・フッター（.ft-*）は 0.5.7/0.5.8 で本家一致済みのため無変更。
     シミュレーター（#fee-sim）内部の操作系も 2026-08-01 に拡大済みのため無変更。
   ============================================================ */
@media(max-width:640px){
  /* 縦スクロールの負担を抑えるため、PCで広げた本文律を約0.8掛けに戻す */
  .article p{margin-bottom:1.5em}
  .article h2{margin:3.1em 0 1.1em}
  .article h3{margin:2.4em 0 .8em}
  .article ul,.article ol{margin:0 0 1.9em 1.4em}
  .article li{margin-bottom:.75em}
  .step{padding:26px 22px;margin:26px 0}
  .ex{padding:30px 24px;margin:28px 0}
  .callout{padding:26px 22px;margin:28px 0}
  .notice{padding:22px 20px;margin:28px 0}
  .order{padding:22px 20px;margin:28px 0}
  .faq{padding:24px 22px;margin-bottom:15px}
  .service{padding:28px 24px}
  .situ{padding:26px 22px}
  .card{padding:36px 26px 30px}
  .keypoints{padding:30px 24px;margin:14px 0 44px}
  .form-ph{padding:26px 22px}
  .author-box .inner{padding:30px 24px}
  .chapter-cta .box{padding:36px 26px 34px}
  .summary-link{padding:26px 22px}
  .art-card{padding:24px 22px}
  table.data th,table.data td{padding:15px 16px}
  .table-scroller{margin:22px 0 34px}
  .note-line{margin:-22px 0 32px}
}


/* ============================================================
   0.6.0（2026-08-02）下層ページ 交互帯（.tband）— 宗行さんGO
   ------------------------------------------------------------
   ねらい: 下層ページが「白地に文章が延々」で単調という指摘への対処。
   トップと同じ「地色が切り替わる帯のリズム」を下層にも通す。

   方式（JSは使わない）:
     本文の変換器（deploy/payloads/build_payloads.py の bandify・
     static-preview/build_static.py にも同一実装）が、本文を h2 単位で
       <section class="tband[ alt|accent|dark]">
         <div class="tb-in article">…（h2＋その節の中身をそのまま）…</div>
       </section>
     に包む。テンプレート（page-hub.php / page-standard.php）は
     これを .wrap で挟まずに <div class="tbands"> で出すだけ。
     ＝帯は body 幅いっぱい、本文カラムは .tb-in（=.article）の max-width:880px。
     100vw を使わないので、スクロールバーぶんの横はみ出しが構造的に起きない
     （2026-08-02 の試作でJS＋擬似要素＋100vw方式をやめた理由がこれ）。

   色:
     奇数帯 = 白 / 偶数帯 = --band2(#F1F4F7) / アクセント帯 = --band(#D9EBF5)
     アクセント帯は「原稿の h2 直前に <!-- band:accent --> を置いた節」だけ。
     1ページ1箇所（2つ目以降は変換器が警告して無視）。
     濃青反転帯（.dark）は <!-- band:dark -->。現状はお客様の声の導入節のみ。

   帯化しないページ: features（選ばれる理由）。理由1〜6が .rno＋.reason で
     すでに濃淡リズムを持ち、帯と二重の縞になるため。1枚のプレーン帯で包むだけ。
   page-chapter.php（教科書 章ハブ）は対象外＝従来どおり。
   ============================================================ */
:root{ --tband-pad: clamp(56px,7vw,96px); }

.tband{background:var(--white);padding:var(--tband-pad) 24px}
.tband.alt{background:var(--band2)}
.tband.accent{background:var(--band)}
.tband > .tb-in{max-width:880px;margin-inline:auto}   /* .tb-in は .article を兼ねる */

/* 帯内の先頭・末尾の余白は帯の padding へ一本化する
   （.article h2:first-child{margin-top:0} と合わせて、h2 以外が先頭でも効かせる） */
.tband > .tb-in > :first-child{margin-top:0}
.tband > .tb-in > :last-child{margin-bottom:0}

/* ページ上下端は従来のページ律（section.block と同じ）を保つ＝扉・CTA帯との間合いは不変 */
.tbands > .tband:first-child{padding-top:clamp(76px,11vw,142px)}
.tbands > .tband:last-child{padding-bottom:clamp(76px,11vw,142px)}

/* 料金ページ: 直前の報酬シミュレーター（#fee-sim）との間は詰める（0.5.21 の律を踏襲） */
.feesim + .tbands > .tband:first-child{padding-top:clamp(40px,6vw,64px)}

/* アンカー: h2 の id は帯（section）へ移してある。着地点の余白は帯の padding が持つので
   scroll-margin は 0（ヘッダーぶんは html の scroll-padding-top:92px が担当）。 */
.tband[id]{scroll-margin-top:0}

/* アクセント帯（淡青）の中で、地色に埋もれる淡青系の部品は白地へ落とす */
.tband.accent .formula-line,
.tband.accent .keypoints,
.tband.accent .notice{background:var(--white)}
/* 0.6.4: 受付停止 notice（唯一の特別色）は帯の中でも薄いオレンジのまま保つ */
.tband .notice.notice-pause{background:#FDF3E7}

/* 0.6.5 (2026-08-02 宗行さん指摘): トップの淡青帯（.block.bg-band ＝ var(--band) #D9EBF5）の上では
   .notice の地色が背景と同色になり、枠が見えず読みづらかった。淡青帯の中の notice だけ白地へ落とす。
   ・角丸・影・文字色は .notice の既存の流儀のまま（上書きするのは background だけ）。
   ・.bg-band2（薄グレー #F1F4F7）や本文地（白）の上の notice は淡青のままで判別できるので触らない。
   ・受付停止の特別色（.notice-pause）は :not() で除外＝薄オレンジを保つ。
   ・.tband.accent（下層ページの淡青帯）は上の 0.6.4 の規則が既に同じ扱いをしている。 */
.bg-band .notice:not(.notice-pause),
.bg-paper .notice:not(.notice-pause){background:var(--white)}

/* 濃青反転帯（.dark）。地の濃青の上に白見出し＋淡い本文。
   カード類（.step/.ex/.callout など）は白のまま浮かせたいので、
   反転は .tb-in の直下の文字ものだけに限定する。 */
.tband.dark{background:var(--blue)}
.tband.dark > .tb-in > h2{color:#fff}
.tband.dark > .tb-in > h3{color:#fff}
.tband.dark > .tb-in > p,
.tband.dark > .tb-in > ul > li,
.tband.dark > .tb-in > ol > li{color:#E8EEF7}
.tband.dark > .tb-in > p strong,
.tband.dark > .tb-in > p b,
.tband.dark > .tb-in > ul > li strong{color:#fff}
.tband.dark > .tb-in > p a{color:#fff}

/* 保険1: 帯化されていない本文が .tbands に入った場合（旧下書き等）は本文カラムに落とす */
.tbands:not(:has(> .tband)){padding:clamp(76px,11vw,142px) 24px}
.tbands > :not(.tband){max-width:880px;margin-inline:auto}

/* 保険2: .tband が本文カラム（.wrap）の内側に入ってしまう構成
   （固定ページにテンプレートが割り当たらず index.php にフォールバックした場合など）では、
   全幅にできないので地色を出さず、素の本文として破綻なく見せる。 */
.wrap .tband{background:transparent;padding-inline:0;padding-block:calc(var(--tband-pad) * .5)}
.wrap .tbands > .tband:first-child,
.wrap .tbands > .tband:last-child{padding-block:calc(var(--tband-pad) * .5)}
.wrap .tband > .tb-in{max-width:none}

@media(max-width:640px){
  .tband{padding-inline:20px}
}


/* ============================================================
   0.7.0（2026-08-10）お問い合わせフォーム（Contact Form 7）の意匠
   公開後FB「入力欄が素っ気ない／送信ボタンがサイトのボタンと違う」。
   CF7 の実マークアップは <p><label>お名前…<input…></label></p> 型を想定するが、
   ラップ構造に依存しないよう .wpcf7 配下の型セレクタだけで組む。
   角は直角（0.7.0 全体方針）・送信ボタンのみピル（サイト共通ボタンと同格）。
   使う色は WANDY トークン（#1F3A7A / #3F69BF / #439DCE / #D9E2EC）のみ。
   ============================================================ */
.wpcf7{max-width:760px}
.wpcf7 p{margin:0 0 18px;font-size:15.5px;line-height:1.95;color:var(--ink-article)}
.wpcf7 label{display:block;font-weight:700;color:var(--blue);line-height:1.9}
.wpcf7 .wpcf7-list-item{margin:0 18px 0 0}

.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{
  font-family:var(--sans);
  font-size:16px;              /* iOS の自動ズーム回避も兼ねる */
  line-height:1.7;
  color:var(--ink-article);
  background:#fff;
  border:1px solid #D9E2EC;
  border-radius:0;
  padding:14px 16px;
  width:100%;
  display:block;
  margin-top:8px;
  -webkit-appearance:none;appearance:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.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{max-width:620px}

/* 0.7.1（2026-08-10）お問い合わせ内容欄が高すぎる→3〜4行分へ縮小（200px→96px・resize:vertical は維持） */
.wpcf7 textarea{max-width:none;height:96px;min-height:96px;resize:vertical}

.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{
  outline:none;
  border-color:#3F69BF;
  box-shadow:0 0 0 3px rgba(63,105,191,.15);
}
.wpcf7 ::placeholder{color:#9AA7B4}

/* 送信ボタン＝サイト共通ボタン（.btn-primary）と同格・中央寄せ・ピル維持 */
.wpcf7 input[type="submit"],
.wpcf7 button[type="submit"]{
  font-family:var(--sans);
  background:linear-gradient(90deg,var(--btn-a),var(--btn-b));
  color:#fff;
  font-size:16px;
  font-weight:900;
  letter-spacing:.04em;
  line-height:1.6;
  padding:16px 56px;
  border:none;
  border-radius:999px;
  cursor:pointer;
  display:block;
  margin-inline:auto;
  margin-top:30px;
  -webkit-appearance:none;appearance:none;
  transition:filter .2s ease, transform .2s ease;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 button[type="submit"]:hover{filter:brightness(1.08)}
.wpcf7 input[type="submit"]:focus-visible,
.wpcf7 button[type="submit"]:focus-visible{outline:3px solid rgba(63,105,191,.35);outline-offset:3px}

/* 必須マーク・エラー・完了メッセージ（CF7既定の丸みも直角へ） */
.wpcf7 .req,.wpcf7 .required{color:#B4443A;font-weight:900;margin-left:.4em;font-size:13.5px}
.wpcf7 .wpcf7-not-valid-tip{color:#B4443A;font-size:13.5px;font-weight:700;margin-top:6px}
.wpcf7 .wpcf7-not-valid{border-color:#B4443A}
.wpcf7 form .wpcf7-response-output{
  border-radius:0;border-width:1px;margin:24px 0 0;padding:16px 18px;
  font-size:14.5px;line-height:1.9;
}
.wpcf7-spinner{display:block;margin:12px auto 0}

@media(max-width:640px){
  .wpcf7 input[type="submit"],
  .wpcf7 button[type="submit"]{width:100%;padding:16px 24px}
}


/* ============================================================
   0.7.0（2026-08-10）チップ型アンカーナビの帯（.tband.chipnav）
   本文先頭に置く見出しなしのチップ列（意匠は .chips を再利用＝ピル999px維持）。
   独立した帯にすると通常の帯リズム（上下 clamp(56px,7vw,96px)・先頭は最大142px）で
   本文との間が空きすぎるため、この帯だけ律を詰めて直後の帯へ自然につなぐ。
   ============================================================ */
.tband.chipnav{padding-block:clamp(26px,3.6vw,40px)}
.tbands > .tband.chipnav:first-child{padding-top:clamp(52px,7vw,88px)}
.tband.chipnav + .tband{padding-top:clamp(26px,3.6vw,40px)}
.tband.chipnav .chips{gap:10px}


/* ============================================================
   0.7.0（2026-08-10）フォールバック一覧のカード風表示（.fb-list）
   出力は index.php（検索結果・日付アーカイブ・対象外カテゴリ等の保険テンプレート）。
   宗行さん指摘「カテゴリアーカイブが素の抜粋リストで露出している」への対処の②。
   ①（章ハブへの301）で主要7カテゴリは転送されるが、それ以外の一覧も見られる状態に整える。
   意匠はサイトの他のカード（.art-card 等）に合わせつつ、線は最小限：
   ヘアライン区切りのみ・影なし・**角丸なし（0.7.0の直角方針）**。
   ============================================================ */
.fb-list{max-width:880px;margin-inline:auto}
.fb-item{display:flex;gap:22px;align-items:flex-start;
         padding:26px 0;border-bottom:1px solid var(--line);margin:0}
.fb-item:first-child{padding-top:0}
.fb-item:last-child{border-bottom:none}

.fb-thumb{flex:none;width:160px;display:block;line-height:0}
.fb-thumb img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;
              display:block;border:1px solid var(--line);border-radius:0}

.fb-body{flex:1;min-width:0}
.fb-ttl{font-size:18px;font-weight:900;line-height:1.7;margin:0 0 8px;color:var(--blue)}
.fb-ttl a{color:inherit;text-decoration:none}
.fb-ttl a:hover{color:var(--grad-deep-a);text-decoration:underline;text-underline-offset:3px}
.fb-list .article{font-size:15px;line-height:1.95;color:var(--ink-article)}
.fb-list .article p{margin:0}
.fb-list .article p+p{margin-top:.6em}

@media(max-width:640px){
  .fb-item{flex-direction:column;gap:12px;padding:22px 0}
  .fb-thumb{width:100%}
  .fb-ttl{font-size:16.5px}
}