@charset "UTF-8";
/* BoostX Media v10（2026-10-02・テスト版）— 記事ページ（boostx-media/article.php・inc/article-v10.php）
   業界トップ v10（v8-industry.css）と同じ言語: 墨 #1A1D23 の見出し（明朝）・業界色（--bx-acc / --bx-cta）は小さなアクセントと主ボタンだけ・
   温かい灰の細い罫 #D8D4CC・余白・文字少なめ。影・グラデーション・ピル・バッジ・汎用アイコンの飾りは使わない。
   押せる物は「→」か下線か押せる面。ボタンは 主＝診断の塗り（--bx-cta）／副＝無料相談の枠 の 2 種だけ。
   案: .bxa--a 上質な専門誌 / .bxa--b 実務の手引き / .bxa--c 読みやすさ最優先。すべて .bxmt .bxa の下に閉じる。 */

.bxmt .bxa{--bxa-ink:#1A1D23;--bxa-body:#33373E;--bxa-mute:#5F6670;--bxa-rule:#D8D4CC;--bxa-soft:#EAE7E1;--bxa-warm:#F3F1EC;--bxa-acc:var(--bx-acc,#1A1D23);--bxa-cta:var(--bx-cta,#1A1D23);--bxa-measure:680px;--bxa-fs:17px;--bxa-lh:1.9;color:var(--bxa-ink)}
.bxmt .bxa > *{--v8-ink:#1A1D23;--v8-body:#33373E;--v8-rule:#D8D4CC;--v8-mute:#5F6670}
.bxmt .bxa .bxa-arw{display:inline-block;margin-left:6px;text-decoration:none;transition:transform .15s ease-out}
.bxmt .bxa a:hover > .bxa-arw,.bxmt .bxa a:focus-visible > .bxa-arw{transform:translateX(3px)}
.bxmt .bxa :is(a,button,summary):focus-visible{outline:3px solid var(--v8-focus,#E85D24);outline-offset:2px}

/* パンくず（業界トップと同じ小さな灰の文字） */
.bxmt .bxa .bx4-path__in{padding-top:14px;font-size:13px}
.bxmt .bxa .bx4-path__in a{color:var(--bxa-mute);text-decoration:none}
.bxmt .bxa .bx4-path__in a:hover{color:var(--bxa-ink);text-decoration:underline;text-decoration-color:var(--bxa-acc);text-underline-offset:4px}

/* ---------- 1. 記事の頭 ---------- */
.bxmt .bxa .bxa-head{padding-top:28px;padding-bottom:0}
.bxmt .bxa .bxa-head__txt{min-width:0}
.bxmt .bxa .bxa-kick{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.06em;line-height:1.5}
.bxmt .bxa .bxa-kick a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--bxa-acc);text-decoration:none}
.bxmt .bxa .bxa-kick a::before{content:"";flex:none;width:28px;height:1px;background:var(--bxa-acc)}
.bxmt .bxa .bxa-kick a:hover{text-decoration:underline;text-underline-offset:4px}
.bxmt .bx4.bxa .bxa-h1{margin:0 0 18px;font-family:var(--v8-serif);font-size:clamp(26px,1.5vw + 17px,38px);font-weight:600;line-height:1.45;letter-spacing:.02em;color:var(--bxa-ink)}
.bxmt .bxa .bxa-lede{margin:0 0 18px;font-family:var(--v8-sans);font-size:16px;font-weight:400;line-height:1.8;color:var(--bxa-body)}
.bxmt .bxa .bxa-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;font-size:13px;line-height:1.8;letter-spacing:.02em;color:var(--bxa-mute)}
.bxmt .bxa .bxa-meta > span + span::before{content:"";display:inline-block;width:1px;height:11px;margin:0 12px;padding:0;vertical-align:-1px;background:var(--bxa-rule)}
.bxmt .bxa .bxa-meta a{color:inherit;text-decoration:underline;text-decoration-color:var(--bxa-rule);text-underline-offset:3px}
.bxmt .bxa .bxa-meta a:hover{color:var(--bxa-ink);text-decoration-color:var(--bxa-acc)}
.bxmt .bxa .bxa-pic.bx8a-hero__pic{margin:24px 0 0;aspect-ratio:3/2;overflow:hidden;border-radius:2px;background:var(--bxa-soft)}
.bxmt .bxa .bxa-pic img{display:block;width:100%;height:100%;object-fit:cover}

/* 結論（細い罫で挟む・箇条 3 点まで） */
.bxmt .bxa .bxa-key{margin:40px 0 0;padding:24px 0 22px;border:0;border-top:2px solid var(--bxa-ink);border-bottom:1px solid var(--bxa-rule);background:none}
.bxmt .bxa .bxa-key__k{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:.08em;line-height:1.5;color:var(--bxa-ink)}
.bxmt .bxa .bxa-key__k::before{content:"";flex:none;width:24px;height:2px;background:var(--bxa-acc)}
.bxmt .bxa .bxa-key__c{margin:0;font-family:var(--v8-serif);font-size:19px;font-weight:600;line-height:1.75;letter-spacing:.01em;color:var(--bxa-ink);line-break:strict}
.bxmt .bxa .bxa-key__l{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.bxmt .bxa .bxa-key__i{position:relative;margin:0;padding:0 0 0 22px;font-size:15px;line-height:1.75;color:var(--bxa-body)}
.bxmt .bxa .bxa-key__i::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border:2px solid var(--bxa-acc);box-sizing:border-box}
.bxmt .bxa .bxa-key__h{margin-right:.7em;font-weight:700;color:var(--bxa-ink)}

/* ---------- 2. 目次（常に開いたまま） ---------- */
.bxmt .bxa .bxa-toc{margin:40px 0 0;padding:0;border:0;background:none}
.bxmt .bxa .bxa-toc__h{margin:0;padding:0 0 10px;border-bottom:1px solid var(--bxa-ink);font-size:13px;font-weight:600;letter-spacing:.08em;line-height:1.5;color:var(--bxa-ink)}
.bxmt .bxa .bxa-toc__l{margin:0;padding:0;list-style:none}
.bxmt .bxa .bxa-toc__i{margin:0;padding:0;border-bottom:1px solid var(--bxa-rule)}
.bxmt .bxa a.bxa-toc__a{display:flex;align-items:baseline;gap:14px;box-sizing:border-box;min-height:48px;padding:12px 8px 12px 0;color:var(--bxa-ink);font-size:15px;font-weight:500;line-height:1.6;text-decoration:none;box-shadow:none;background:none}
.bxmt .bxa .bxa-toc__n{flex:none;min-width:1.6em;font-family:var(--v8-serif);font-size:14px;color:var(--bxa-mute);font-variant-numeric:tabular-nums}
.bxmt .bxa .bxa-toc__t{min-width:0;word-break:auto-phrase;line-break:strict}
.bxmt .bxa a.bxa-toc__a:hover .bxa-toc__t{text-decoration:underline;text-decoration-color:var(--bxa-acc);text-underline-offset:4px}
.bxmt .bxa a.bxa-toc__a[aria-current]{padding-left:0;box-shadow:none;background:none;font-weight:700}
.bxmt .bxa a.bxa-toc__a[aria-current] .bxa-toc__n{color:var(--bxa-acc)}
/* PC の本文の横の目次（固定）: 今読んでいる見出しは業界色の細い縦線＋墨の太字 */
.bxmt .bxa .bxa-toc--rail{margin:0}
.bxmt .bxa .bxa-toc--rail .bxa-toc__h{padding-bottom:8px}
.bxmt .bxa .bxa-toc--rail .bxa-toc__i{border-bottom:0}
.bxmt .bxa .bxa-toc--rail a.bxa-toc__a{gap:10px;min-height:44px;padding:9px 6px 9px 14px;border-left:2px solid transparent;font-size:13.5px;line-height:1.55;color:var(--bxa-mute)}
.bxmt .bxa .bxa-toc--rail .bxa-toc__l{padding-top:8px;border-left:1px solid var(--bxa-rule)}
.bxmt .bxa .bxa-toc--rail a.bxa-toc__a{margin-left:-1px}
.bxmt .bxa .bxa-toc--rail a.bxa-toc__a:hover{color:var(--bxa-ink)}
.bxmt .bxa .bxa-toc--rail a.bxa-toc__a[aria-current]{border-left-color:var(--bxa-acc);color:var(--bxa-ink);padding-left:14px}
.bxmt .bxa .bxa-toc--rail .bxa-toc__n{font-size:13px}

/* ---------- 3. 本文（40字前後・行間 1.9・見出しの階層） ---------- */
.bxmt .bxa .bx8a-main{max-width:var(--bxa-measure)}
.bxmt .bxa .bxa-prose{margin-top:56px;font-size:var(--bxa-fs);line-height:var(--bxa-lh);letter-spacing:.02em;color:var(--bxa-body)}
.bxmt .bxa .bxa-prose > p,.bxmt .bxa .bxa-prose :is(li,td,blockquote) > p:not([class]){margin:0 0 1.35em}
.bxmt .bxa .bxa-prose :is(strong,b){font-weight:700;color:var(--bxa-ink);background:linear-gradient(transparent 68%,var(--bxa-warm) 68%)}
.bxmt .bxa .bxa-prose h2{margin:80px 0 24px;padding:20px 0 0;border:0;border-top:2px solid var(--bxa-ink);font-family:var(--v8-serif);font-size:25px;font-weight:600;line-height:1.55;letter-spacing:.02em;color:var(--bxa-ink)}
.bxmt .bxa .bxa-prose h2::before{content:none}
.bxmt .bxa .bxa-prose > h2:first-child{margin-top:0}
.bxmt .bxa .bxa-prose h3{margin:48px 0 12px;padding:0;border:0;font-family:var(--v8-sans);font-size:17.5px;font-weight:700;line-height:1.6;letter-spacing:.02em;color:var(--bxa-ink)}
.bxmt .bxa .bxa-prose h3::before{content:none}
.bxmt .bxa .bxa-prose h4{margin:32px 0 8px;font-size:16px;font-weight:700;color:var(--bxa-ink)}
.bxmt .bxa .bxa-prose :is(ul,ol){margin:0 0 1.4em;padding-left:1.4em}
.bxmt .bxa .bxa-prose li{margin:0 0 .4em;line-height:1.85}
.bxmt .bxa .bxa-prose a{color:var(--bxa-ink);text-decoration:underline;text-decoration-color:var(--bxa-acc);text-decoration-thickness:1px;text-underline-offset:4px}
.bxmt .bxa .bxa-prose a:hover{text-decoration-thickness:2px}
.bxmt .bxa .bxa-prose blockquote{margin:36px 0;padding:4px 0 4px 22px;border-left:2px solid var(--bxa-ink);font-family:var(--v8-serif);font-size:17px;line-height:1.85;color:var(--bxa-ink);background:none}
.bxmt .bxa .bxa-prose blockquote p:last-child{margin-bottom:0}
.bxmt .bxa .bxa-prose :is(table){margin:36px 0;font-size:14.5px;line-height:1.7;border-collapse:collapse}
.bxmt .bxa .bxa-prose :is(th,td){padding:10px 12px;border:0;border-bottom:1px solid var(--bxa-rule);vertical-align:top;text-align:left}
.bxmt .bxa .bxa-prose th{background:none;border-bottom:1px solid var(--bxa-ink);font-weight:700;color:var(--bxa-ink)}
.bxmt .bxa .bxa-prose :is(figure,.bxu){margin-top:40px;margin-bottom:40px}
.bxmt .bxa .bxa-prose :is(figcaption,caption){font-size:13px;color:var(--bxa-mute)}
.bxmt .bxa .bxa-prose .bxu__ttl{margin:0 0 14px;font-family:var(--v8-serif);font-size:16px;font-weight:600;color:var(--bxa-ink)}
/* 図（記事UI部品）を業界トップと同じ色に: 白地＋温かい灰の罫。AI＝破線の枠と淡い温灰の地、人＝実線。ラベルは文字（箱を飾らない） */
.bxmt .bxa .bxa-prose .bxu-flow__l{gap:18px}
.bxmt .bxa .bxa-prose .bxu-flow__i{padding:14px 16px 14px 52px;border:1px solid var(--bxa-rule);border-radius:0;background:#fff}
.bxmt .bxa .bxa-prose .bxu-flow__i--ai{border:1px dashed var(--bxa-ink);background:var(--bxa-warm)}
.bxmt .bxa .bxa-prose .bxu-flow__n{background:var(--bxa-ink)}
.bxmt .bxa .bxa-prose .bxu-flow__t{margin:0;font-size:15.5px;font-weight:700;color:var(--bxa-ink)}
.bxmt .bxa .bxa-prose .bxu-flow__s{margin:2px 0 0;font-size:14px;color:var(--bxa-body)}
.bxmt .bxa .bxa-prose .bxu-flow__g{margin-top:6px;padding:0;border:0;background:none;font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--bxa-mute)}
.bxmt .bxa .bxa-prose .bxu-flow__g::before{content:"担当　";font-weight:400}
.bxmt .bxa .bxa-prose .bxu-flow__g--ai{color:var(--bxa-ink);border:0;background:none}
.bxmt .bxa .bxa-prose .bxu-flow__g--hum{border:0;background:none;color:var(--bxa-ink)}
.bxmt .bxa .bxa-prose .bxu-flow__i:not(:last-child)::after{bottom:-14px;border-width:8px 7px 0;margin-left:-7px;border-top-color:var(--bxa-mute)}
.bxmt .bxa .bxa-prose :is(.bxu-note,.bxu-point){border-left:2px solid var(--bxa-ink);background:var(--bxa-warm)}
.bxmt .bxa .bxa-prose .bxu-warn{border:1px solid var(--bxa-rule);border-left:2px solid var(--bxa-acc);background:#fff}

/* 中盤の診断（細身版・罫で挟む）。v8-pages.css の .bx8-dq--slim をそのまま使い、余白だけ */
.bxmt .bxa .bxa-prose .bxa-mid{margin:64px 0}
.bxmt .bxa .bxa-prose .bxa-mid .bx8-dq__qt{letter-spacing:.01em}

/* ---------- 4. 記事末 ---------- */
/* 節の見出し（業界トップの h2 と同じ: 明朝・墨・上の太い罫） */
.bxmt .bxa :is(.bxa-sh,.bx8a-steps .bx8a-sh){position:static;margin:0 0 24px;padding:18px 0 0;border:0;border-top:2px solid var(--bxa-ink);font-family:var(--v8-serif);font-size:23px;font-weight:600;line-height:1.5;letter-spacing:.02em;color:var(--bxa-ink)}
.bxmt .bxa .bx8a-steps .bx8a-sh::before{content:none}
.bxmt .bxa .bxa-sh__s{margin-left:12px;font-family:var(--v8-sans);font-size:13px;font-weight:400;letter-spacing:.04em;color:var(--bxa-mute)}
.bxmt .bxa .bxa-sh--s{font-size:17px;padding-top:14px;border-top-width:1px}

/* まとめ（明日から始める3ステップ） */
.bxmt .bxa .bx8a-steps{margin:88px 0 0}
.bxmt .bxa .bx8a-steps__i{grid-template-columns:40px minmax(0,1fr);border-bottom-color:var(--bxa-rule)}
.bxmt .bxa .bx8a-steps__n{width:auto;height:auto;border-radius:0;background:none;color:var(--bxa-acc);font-family:var(--v8-serif);font-size:22px;font-weight:600;justify-content:flex-start}
.bxmt .bxa .bx8a-steps__do{font-family:var(--v8-serif);font-weight:600;color:var(--bxa-ink)}
.bxmt .bxa .bx8a-steps__dl dt{color:var(--bxa-mute)}

/* 診断（フル版） */
.bxmt .bxa .bxa-dx{margin:64px 0 0;padding:0;background:none}
.bxmt .bxa .bxa-dx .bx8-dq{grid-template-columns:minmax(0,1fr)}
.bxmt .bxa .bxa-dx .bx8-dq__main{padding:32px 32px 28px}
.bxmt .bxa .bxa-dx .bx8-dq__eg{border-left:0;border-top:1px solid var(--bxa-rule);padding:20px 32px 24px}

/* 無料相談（業界トップの区画の小さな版） */
.bxmt .bxa .bxa-cs{margin:48px 0 0;padding:32px 32px 28px;border:1px solid var(--bxa-rule);border-top:2px solid var(--bxa-ink);background:#fff}
.bxmt .bxa .bxa-cs__k{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.08em;line-height:1.5;color:var(--bxa-ink)}
.bxmt .bxa .bxa-cs__k::before{content:"";flex:none;width:24px;height:2px;background:var(--bxa-acc)}
.bxmt .bxa .bxa-cs__h{margin:0 0 24px;word-break:auto-phrase;text-wrap:balance;font-family:var(--v8-serif);font-size:20px;font-weight:600;line-height:1.55;letter-spacing:.02em;color:var(--bxa-ink)}
.bxmt .bxa .bxa-cs__f{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 3px;margin:0 0 24px;padding:0;list-style:none}
.bxmt .bxa .bxa-cs__st{min-width:0;margin:0}
.bxmt .bxa .bxa-cs__hd{display:flex;align-items:center;gap:6px;height:38px;margin:0 0 10px;padding:0 18px 0 22px;background:var(--bxa-soft);color:var(--bxa-ink);font-size:13px;font-weight:600;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);box-sizing:border-box}
.bxmt .bxa .bxa-cs__st:first-child .bxa-cs__hd{padding-left:12px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}
.bxmt .bxa .bxa-cs__st.is-now .bxa-cs__hd{background:var(--bxa-acc);color:#fff}
.bxmt .bxa .bxa-cs__no{font-family:var(--v8-serif);font-size:12px;opacity:.75}
.bxmt .bxa .bxa-cs__l{margin:0;padding:0 10px 0 2px;font-size:13px;line-height:1.65;color:var(--bxa-body)}
.bxmt .bxa .bxa-cs__sv{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px;margin:0 0 4px}
.bxmt .bxa .bxa-cs__svk{font-size:12.5px;color:var(--bxa-mute)}
.bxmt .bxa .bxa-cs__svcs{display:contents}
.bxmt .bxa .bxa-cs__svc{display:inline-flex;align-items:center;min-height:44px;font-size:13.5px;font-weight:600;color:var(--bxa-acc);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.bxmt .bxa .bxa-cs__svc:hover{text-decoration-thickness:2px}
.bxmt .bxa .bxa-cs__b{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:16px;padding-top:22px;border-top:1px solid var(--bxa-rule)}
.bxmt .bxa .bxa-cs__n{margin:0;font-size:12.5px;line-height:1.5;color:var(--bxa-mute)}
/* 副ボタン＝墨の細い枠（ホバーで墨の塗り）。主ボタン（診断の選択肢・塗り）は v8-pages.css の .bx8-dq__opt */
.bxmt .bxa a.bxa-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:52px;padding:0 28px;border-radius:2px;font-size:15px;font-weight:600;letter-spacing:.04em;line-height:1.3;text-decoration:none;cursor:pointer}
.bxmt .bxa a.bxa-btn--line{border:1px solid var(--bxa-ink);background:#fff;color:var(--bxa-ink)}
.bxmt .bxa a.bxa-btn--line:hover{background:var(--bxa-ink);color:#fff}

/* 出典（記事末だけ・小さな字の開いた一覧） */
.bxmt .bxa .bxa-src{margin:64px 0 0;padding:0;border:0;background:none}
.bxmt .bxa .bxa-src__l{margin:0;padding-left:1.5em;font-size:13.5px;line-height:1.8;color:var(--bxa-body)}
.bxmt .bxa .bxa-src__i{margin:0 0 8px;padding:0;border:0}
.bxmt .bxa .bxa-src__i a{color:var(--bxa-ink);text-decoration:underline;text-decoration-color:var(--bxa-rule);text-underline-offset:3px;word-break:break-word}
.bxmt .bxa .bxa-src__i a:hover{text-decoration-color:var(--bxa-acc)}
.bxmt .bxa .bxa-src__m{display:block;font-size:12.5px;color:var(--bxa-mute)}

/* 関連記事（サムネ付き・行全体が押せる面） */
.bxmt .bxa .bxa-rel{margin:72px 0 0}
.bxmt .bxa .bxa-rel__l{margin:0;padding:0;list-style:none}
.bxmt .bxa .bxa-rel__i{position:relative;display:grid;grid-template-columns:160px minmax(0,1fr);gap:0 20px;align-items:start;margin:0;padding:18px 0;border-bottom:1px solid var(--bxa-rule)}
.bxmt .bxa .bxa-rel__i:first-child{padding-top:4px}
.bxmt .bxa :is(.bxa-rel__pic,.bxa-rk__pic){display:block;position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:2px;background:var(--bxa-soft)}
.bxmt .bxa :is(.bxa-rel__pic,.bxa-rk__pic) img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease-out}
.bxmt .bxa .bxa-rel__i:hover img,.bxmt .bxa .bxa-rk__a:hover img{transform:scale(1.04)}
.bxmt .bxa .bxa-rel__b{display:flex;flex-direction:column;gap:6px;min-width:0}
.bxmt .bxa a.bxa-rel__a{font-family:var(--v8-serif);font-size:16.5px;font-weight:600;line-height:1.6;color:var(--bxa-ink);text-decoration:none;word-break:auto-phrase}
.bxmt .bxa a.bxa-rel__a::after{content:"";position:absolute;inset:0}
.bxmt .bxa .bxa-rel__i:hover a.bxa-rel__a,.bxmt .bxa a.bxa-rel__a:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--bxa-acc);text-underline-offset:4px}
.bxmt .bxa .bxa-rel__m{font-size:12.5px;letter-spacing:.04em;color:var(--bxa-mute)}
.bxmt .bxa .bxa-more{margin:14px 0 0;text-align:right}
.bxmt .bxa .bxa-more a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:var(--bxa-ink);text-decoration:underline;text-decoration-color:var(--bxa-acc);text-underline-offset:4px}

/* よく読まれている記事（画像付きランキング。1 位は大きく・2〜5 位は 2 列） */
.bxmt .bxa .bxa-rk{margin:72px 0 0}
.bxmt .bxa .bxa-rk__l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin:0;padding:0;list-style:none;border:0}
.bxmt .bxa .bxa-rk__i{min-width:0;margin:0;padding:0;border:0}
.bxmt .bxa .bxa-rk__i--1{grid-column:1 / -1}
.bxmt .bxa a.bxa-rk__a{display:block;color:var(--bxa-ink);text-decoration:none}
.bxmt .bxa .bxa-rk__i--1 a.bxa-rk__a{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0 24px;align-items:center}
.bxmt .bxa .bxa-rk__n{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;background:var(--bxa-acc);color:#fff;font-family:var(--v8-serif);font-size:18px;font-weight:600;line-height:1;box-sizing:border-box}
.bxmt .bxa .bxa-rk__i--1 .bxa-rk__n{min-width:48px;height:48px;font-size:24px}
.bxmt .bxa .bxa-rk__t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:12px 0 0;font-family:var(--v8-serif);font-size:15px;font-weight:600;line-height:1.6;color:var(--bxa-ink)}
.bxmt .bxa .bxa-rk__i--1 .bxa-rk__t{margin:0;font-size:20px;line-height:1.55}
.bxmt .bxa a.bxa-rk__a:hover .bxa-rk__t,.bxmt .bxa a.bxa-rk__a:focus-visible .bxa-rk__t{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--bxa-acc);text-underline-offset:4px}
.bxmt .bxa .bx8-rank{margin-top:72px}

/* ---------- 5. 版面 ---------- */
.bxmt .bxa .bxa-rail{display:none}
@media (min-width:1200px){
  .bxmt .bxa .bxa-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:64px;align-items:center;padding-top:40px}
  .bxmt .bxa .bxa-head--nopic{grid-template-columns:minmax(0,var(--bxa-measure))}
  .bxmt .bxa .bxa-pic.bx8a-hero__pic{margin:0;aspect-ratio:4/3}
  .bxmt .bxa .bxa-layout{display:grid;grid-template-columns:minmax(0,var(--bxa-measure)) 248px;justify-content:space-between;align-items:start;column-gap:56px}
  .bxmt .bxa .bxa-rail{display:block;position:sticky;top:calc(var(--bx8a-offset,88px) + 8px);max-height:calc(100vh - var(--bx8a-offset,88px) - 32px);overflow:auto;margin-top:40px;padding:0 0 16px;overscroll-behavior:contain}
  /* PC は横の目次だけ（本文の頭の目次は出さない） */
  .bxmt .bxa--a .bxa-toc--inline,.bxmt .bxa--b .bxa-toc--inline{display:none}
}

/* ========== 案 B「実務の手引き」 ========== */
.bxmt .bxa--b .bxa-decide{margin-top:40px}
.bxmt .bxa--b .bxa-decide .bxa-key{margin:0;padding:28px 32px 24px;border:1px solid var(--bxa-ink);border-top-width:3px;background:#fff}
.bxmt .bxa--b .bxa-key__k{margin-bottom:10px}
.bxmt .bxa--b .bxa-key__c{font-size:20px}
.bxmt .bxa--b .bxa-key__l{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:22px;padding-top:18px;border-top:1px solid var(--bxa-rule)}
.bxmt .bxa--b .bxa-key__i{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 10px;padding:0 20px;font-size:14.5px}
.bxmt .bxa--b .bxa-key__i::before{content:none}
.bxmt .bxa--b .bxa-key__i:first-child{padding-left:0}
.bxmt .bxa--b .bxa-key__i + .bxa-key__i{border-left:1px solid var(--bxa-rule)}
.bxmt .bxa--b .bxa-key__n{font-family:var(--v8-serif);font-size:20px;font-weight:600;line-height:1.3;color:var(--bxa-acc)}
.bxmt .bxa--b .bxa-key__b{display:flex;flex-direction:column;gap:4px}
.bxmt .bxa--b .bxa-key__h{margin:0;font-size:14px}
/* この記事が扱う工程（業界トップの設計図の帯と同じ形） */
.bxmt .bxa--b .bxa-place{margin:20px 0 0}
.bxmt .bxa--b .bxa-place__k{margin:0 0 10px;font-size:12.5px;font-weight:600;letter-spacing:.08em;color:var(--bxa-mute)}
.bxmt .bxa--b .bxa-place__l{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;gap:0 3px;margin:0;padding:0;list-style:none}
.bxmt .bxa--b .bxa-place__i{display:flex;align-items:center;gap:6px;min-width:0;height:40px;margin:0;padding:0 16px 0 22px;background:var(--bxa-soft);color:var(--bxa-mute);font-size:12.5px;font-weight:600;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);box-sizing:border-box}
.bxmt .bxa--b .bxa-place__i:first-child{padding-left:12px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}
.bxmt .bxa--b .bxa-place__i.is-now{background:#1A1D23;color:#fff}
.bxmt .bxa--b .bxa-place__no{flex:none;font-family:var(--v8-serif);font-size:12px;opacity:.8}
.bxmt .bxa--b .bxa-place__lb{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* 本文の H2 の頭に工程番号 */
.bxmt .bxa--b .bxa-prose h2 .bxa-h2no{display:block;margin:0 0 6px;font-family:var(--v8-serif);font-size:14px;font-weight:600;letter-spacing:.08em;color:var(--bxa-acc)}
.bxmt .bxa--b .bxa-prose h2 .bxa-h2no::before{content:"工程 "}
/* 横の目次＝工程の帯（番号の箱を縦の線でつなぐ） */
.bxmt .bxa--b .bxa-toc--rail .bxa-toc__l{position:relative;padding-top:12px;border-left:0}
.bxmt .bxa--b .bxa-toc--rail .bxa-toc__l::before{content:"";position:absolute;left:13px;top:20px;bottom:20px;width:1px;background:var(--bxa-rule)}
.bxmt .bxa--b .bxa-toc--rail a.bxa-toc__a{position:relative;gap:12px;margin:0;padding:8px 4px 8px 0;border-left:0;align-items:flex-start}
.bxmt .bxa--b .bxa-toc--rail .bxa-toc__n{position:relative;display:flex;align-items:center;justify-content:center;min-width:28px;height:26px;border:1px solid var(--bxa-rule);background:var(--v8-paper,#FCFCFA);font-size:12px;color:var(--bxa-mute)}
.bxmt .bxa--b .bxa-toc--rail .bxa-toc__t{padding-top:3px}
.bxmt .bxa--b .bxa-toc--rail a.bxa-toc__a[aria-current]{padding-left:0}
.bxmt .bxa--b .bxa-toc--rail a.bxa-toc__a[aria-current] .bxa-toc__n{border-color:#1A1D23;background:#1A1D23;color:#fff}
.bxmt .bxa--b .bxa-toc--inline .bxa-toc__n{color:var(--bxa-acc)}
@media (min-width:1200px){
  .bxmt .bxa--b .bxa-head{grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:56px}
  .bxmt .bxa--b .bxa-pic.bx8a-hero__pic{aspect-ratio:3/2}
  .bxmt .bxa--b .bxa-decide{max-width:var(--v8-wrap,1200px)}
}

/* ========== 案 C「読みやすさ最優先」 ========== */
.bxmt .bxa--c{--bxa-measure:760px;--bxa-fs:18px;--bxa-lh:1.95}
.bxmt .bxa--c .bx8a-wrap,.bxmt .bxa--c .bx4-path .bx4-wrap{max-width:calc(var(--bxa-measure) + var(--bx8a-pad,32px) * 2)}
.bxmt .bxa--c .bxa-layout{display:block}
.bxmt .bxa--c .bxa-head{display:flex;flex-direction:column;padding-top:24px}
.bxmt .bx4.bxa--c .bxa-h1{font-size:clamp(27px,1.4vw + 19px,38px)}
.bxmt .bxa--c .bxa-lede{font-size:17px}
.bxmt .bxa--c .bxa-pic.bx8a-hero__pic{margin:32px 0 0;aspect-ratio:16/9}
.bxmt .bxa--c .bxa-key__c{font-size:20px}
.bxmt .bxa--c .bxa-key__i{font-size:16px}
.bxmt .bxa--c a.bxa-toc__a{min-height:52px;font-size:16px}
.bxmt .bxa--c .bxa-prose h2{font-size:26px}
.bxmt .bxa--c .bxa-prose h3{font-size:19px}
.bxmt .bxa--c .bxa-prose :is(table){font-size:15.5px}
.bxmt .bxa--c .bxa-prose img{width:100%;height:auto}
/* 記事末: 診断と無料相談を大きく 1 つずつ */
.bxmt .bxa--c .bxa-dx .bx8-dq__main{padding:40px 40px 32px}
.bxmt .bxa--c .bxa-dx .bx8-dq__h{font-size:26px}
.bxmt .bxa--c .bxa-dx .bx8-dq__opt{min-height:56px;font-size:16.5px}
.bxmt .bxa--c .bxa-cs{padding:40px 40px 36px}
.bxmt .bxa--c .bxa-cs__h{font-size:25px}
.bxmt .bxa--c .bxa-cs__hd{height:44px;font-size:14px}
.bxmt .bxa--c .bxa-cs__l{font-size:14px}
.bxmt .bxa--c .bxa-cs__b{flex-direction:column;align-items:stretch;text-align:center}
.bxmt .bxa--c a.bxa-btn{min-height:60px;font-size:17px}
/* 関連・ランキングは 1 列の行（スマホと同じ形で読む） */
.bxmt .bxa--c .bxa-rk__l{grid-template-columns:minmax(0,1fr);gap:0}
.bxmt .bxa--c .bxa-rk__i--1 a.bxa-rk__a{display:block;padding-bottom:20px}
.bxmt .bxa--c .bxa-rk__i--1 .bxa-rk__t{margin-top:14px;font-size:21px}
.bxmt .bxa--c .bxa-rk__i:not(.bxa-rk__i--1) a.bxa-rk__a{display:grid;grid-template-columns:160px minmax(0,1fr);gap:0 20px;align-items:center;padding:16px 0;border-top:1px solid var(--bxa-rule)}
.bxmt .bxa--c .bxa-rk__i:not(.bxa-rk__i--1) .bxa-rk__t{margin:0;font-size:16.5px}

/* ---------- 6. スマホ ---------- */
@media (max-width:767px){
  .bxmt .bxa .bxa-head{padding-top:12px}
  .bxmt .bxa .bxa-kick{margin-bottom:6px}
  .bxmt .bx4.bxa .bxa-h1{font-size:25px;line-height:1.5}
  .bxmt .bxa .bxa-lede{font-size:15px}
  .bxmt .bxa .bxa-pic.bx8a-hero__pic{margin-top:18px;margin-left:calc(var(--bx8a-pad,18px) * -1);margin-right:calc(var(--bx8a-pad,18px) * -1);border-radius:0}
  .bxmt .bxa .bxa-key{margin-top:28px;padding:20px 0 18px}
  .bxmt .bxa .bxa-key__c{font-size:17.5px}
  .bxmt .bxa .bxa-toc{margin-top:28px}
  .bxmt .bxa .bxa-prose{margin-top:44px;font-size:16.5px;line-height:1.9}
  .bxmt .bxa .bxa-prose h2{margin-top:64px;font-size:21.5px}
  .bxmt .bxa .bxa-prose h3{font-size:17px}
  .bxmt .bxa .bxa-prose .bxa-mid{margin:48px 0}
  .bxmt .bxa :is(.bxa-sh,.bx8a-steps .bx8a-sh){font-size:20px}
  .bxmt .bxa .bxa-dx .bx8-dq__main{padding:24px 18px 20px}
  .bxmt .bxa .bxa-dx .bx8-dq__eg{padding:18px}
  .bxmt .bxa .bxa-cs{margin-left:calc(var(--bx8a-pad,18px) * -1);margin-right:calc(var(--bx8a-pad,18px) * -1);padding:28px var(--bx8a-pad,18px) 24px;border-left:0;border-right:0}
  .bxmt .bxa .bxa-cs__h{font-size:19px}
  .bxmt .bxa .bxa-cs__f{grid-template-columns:minmax(0,1fr);gap:6px}
  .bxmt .bxa .bxa-cs__st{display:grid;grid-template-columns:132px minmax(0,1fr);gap:0 12px;align-items:center}
  .bxmt .bxa .bxa-cs__st .bxa-cs__hd,.bxmt .bxa .bxa-cs__st:nth-child(n) .bxa-cs__hd{margin:0;padding:0 18px 0 12px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}
  .bxmt .bxa .bxa-cs__l{padding:0}
  .bxmt .bxa .bxa-cs__sv{gap:0 16px}
  .bxmt .bxa .bxa-cs__svk{flex-basis:100%;padding-top:6px}
  .bxmt .bxa .bxa-cs__b{flex-direction:column;align-items:stretch;text-align:center}
  .bxmt .bxa a.bxa-btn{width:100%}
  .bxmt .bxa .bxa-rel__i{grid-template-columns:104px minmax(0,1fr);gap:0 14px;padding:14px 0}
  .bxmt .bxa a.bxa-rel__a{font-size:15px}
  .bxmt .bxa .bxa-rk__l{grid-template-columns:minmax(0,1fr);gap:0}
  .bxmt .bxa .bxa-rk__i--1 a.bxa-rk__a{display:block;padding-bottom:16px}
  .bxmt .bxa .bxa-rk__i--1 .bxa-rk__t{margin-top:12px;font-size:18px}
  .bxmt .bxa .bxa-rk__i:not(.bxa-rk__i--1) a.bxa-rk__a,.bxmt .bxa--c .bxa-rk__i:not(.bxa-rk__i--1) a.bxa-rk__a{display:grid;grid-template-columns:104px minmax(0,1fr);gap:0 14px;align-items:center;padding:12px 0;border-top:1px solid var(--bxa-rule)}
  .bxmt .bxa .bxa-rk__i:not(.bxa-rk__i--1) .bxa-rk__t{margin:0;font-size:14.5px}
  .bxmt .bxa .bxa-rk__n{min-width:28px;height:28px;font-size:15px}
  /* B: 決めることの箱と工程の帯を縦に */
  .bxmt .bxa--b .bxa-decide{margin-top:28px}
  .bxmt .bxa--b .bxa-decide .bxa-key{padding:20px 18px 18px}
  .bxmt .bxa--b .bxa-key__c{font-size:17.5px}
  .bxmt .bxa--b .bxa-key__l{grid-template-columns:minmax(0,1fr);gap:12px}
  .bxmt .bxa--b .bxa-key__i,.bxmt .bxa--b .bxa-key__i:first-child{padding:0}
  .bxmt .bxa--b .bxa-key__i + .bxa-key__i{border-left:0;padding-top:12px;border-top:1px solid var(--bxa-rule)}
  .bxmt .bxa--b .bxa-place__l{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
  .bxmt .bxa--b .bxa-place__i,.bxmt .bxa--b .bxa-place__i:first-child{height:36px;padding:0 10px;clip-path:none}
  /* C: スマホは写真を画面幅いっぱいに先頭へ・本文 17px */
  .bxmt .bxa--c .bxa-pic.bx8a-hero__pic{order:-1;margin-top:-12px;margin-bottom:12px;aspect-ratio:4/3}
  .bxmt .bxa--c .bxa-prose{font-size:17px;line-height:1.95}
  .bxmt .bxa--c .bxa-dx .bx8-dq__main{padding:28px 18px 24px}
  .bxmt .bxa--c .bxa-dx .bx8-dq__h{font-size:21px}
  .bxmt .bxa--c .bxa-cs{padding:32px var(--bx8a-pad,18px) 28px}
  .bxmt .bxa--c .bxa-cs__h{font-size:21px}
}
@media (prefers-reduced-motion:reduce){
  .bxmt .bxa *{transition:none!important}
}
@media print{
  .bxmt .bxa .bxa-rail,.bxmt .bxa .bxa-mid,.bxmt .bxa .bxa-cs{display:none}
}
/* 日本語の改行（見出し・診断の見出しを文節で折る・最後の行を 1 字にしない） */
.bxmt .bxa :is(.bx8-dq__h,.bx8-dq__qt,.bxa-key__c,.bxa-sh,.bxa-cs__h,.bxa-rk__t,.bxa-rel__a,.bxa-prose h2,.bxa-prose h3){word-break:auto-phrase;line-break:strict;text-wrap:pretty}
.bxmt .bxa--c .bxa-rk__i--1 .bxa-rk__pic{aspect-ratio:2/1}

/* =====================================================================
   B2（2026-10-02 社長決定「B をもっと良く」）: 読みたくなる頭・図を増やす・診断はリンクだけ・モバイルで見やすく
   ===================================================================== */
.bxmt .bxa--b{--bxa-fs:17.5px;--bxa-lh:1.9}
/* 頭: タイトルと小さめの写真を横に並べ、高さを詰める */
.bxmt .bxa--b .bxa-head{padding-top:20px}
.bxmt .bx4.bxa--b .bxa-h1{margin-bottom:12px;font-size:clamp(25px,1.3vw + 17px,34px)}
.bxmt .bxa--b .bxa-kick{margin-bottom:4px}
.bxmt .bxa--b .bxa-lede{margin-bottom:10px;font-size:15.5px}
@media (min-width:1200px){
  .bxmt .bxa--b .bxa-head{grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:end;padding-top:24px}
  .bxmt .bxa--b .bxa-pic.bx8a-hero__pic{aspect-ratio:3/2}
}
/* この記事で決めること: 結論 1 文＋番号と短い見出しの 3 点（開くと説明）＋工程の帯 */
.bxmt .bxa--b .bxa-decide{margin-top:24px}
.bxmt .bxa--b .bxa-decide .bxa-key{padding:20px 28px 0;border:1px solid var(--bxa-ink);border-top-width:3px;overflow:hidden}
.bxmt .bxa--b .bxa-key__k{margin-bottom:8px}
.bxmt .bxa--b .bxa-key__c{font-size:18px;line-height:1.7}
.bxmt .bxa--b .bxa-key__l{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:0;margin:14px 0 0;padding:0;border-top:1px solid var(--bxa-rule)}
.bxmt .bxa--b .bxa-key__i,.bxmt .bxa--b .bxa-key__i:first-child{display:block;padding:0;font-size:inherit}
.bxmt .bxa--b .bxa-key__i + .bxa-key__i{border-left:1px solid var(--bxa-rule)}
.bxmt .bxa--b .bxa-key__d{margin:0}
.bxmt .bxa--b .bxa-key__s{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 16px;cursor:pointer;list-style:none}
.bxmt .bxa--b .bxa-key__i:first-child .bxa-key__s{padding-left:0}
.bxmt .bxa--b .bxa-key__s::-webkit-details-marker{display:none}
.bxmt .bxa--b .bxa-key__n{flex:none;font-family:var(--v8-serif);font-size:22px;font-weight:600;line-height:1;color:var(--bxa-acc)}
.bxmt .bxa--b .bxa-key__h{flex:1;min-width:0;margin:0;font-size:15px;font-weight:700;line-height:1.5;color:var(--bxa-ink)}
.bxmt .bxa--b .bxa-key__pm{position:relative;flex:none;width:12px;height:12px}
.bxmt .bxa--b .bxa-key__pm::before,.bxmt .bxa--b .bxa-key__pm::after{content:"";position:absolute;left:0;top:5px;width:12px;height:1.5px;background:var(--bxa-ink)}
.bxmt .bxa--b .bxa-key__pm::after{transform:rotate(90deg);transition:transform .15s}
.bxmt .bxa--b .bxa-key__d[open] .bxa-key__pm::after{transform:rotate(0)}
.bxmt .bxa--b .bxa-key__s:hover .bxa-key__h{text-decoration:underline;text-decoration-color:var(--bxa-acc);text-underline-offset:4px}
.bxmt .bxa--b .bxa-key__t{display:block;margin:0;padding:0 16px 14px 50px;font-size:14px;line-height:1.75;color:var(--bxa-body)}
.bxmt .bxa--b .bxa-key__i:first-child .bxa-key__t{padding-left:34px}
/* 工程の帯（箱の下の段・今の工程は業界色） */
.bxmt .bxa--b .bxa-key .bxa-place{margin:16px -28px 0;padding:12px 28px 14px;border-top:1px solid var(--bxa-rule);background:var(--bxa-warm)}
.bxmt .bxa--b .bxa-place__k{margin:0 0 8px;font-size:12px}
.bxmt .bxa--b .bxa-place__i{height:34px;background:#fff}
.bxmt .bxa--b .bxa-place__i.is-now{background:var(--bxa-acc);color:#fff}

/* 本文: 17.5px・行間 1.9・1 行 38 字前後（680px）。段落の間は 1.5em */
.bxmt .bxa--b .bxa-prose{margin-top:44px;counter-reset:bxafig}
.bxmt .bxa--b .bxa-prose > p{margin-bottom:1.5em}
/* H2 の頭: 工程番号と小さな工程の帯（いまどこを読んでいるか） */
.bxmt .bxa--b .bxa-prose h2 .bxa-h2no{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 10px;font-family:var(--v8-serif);font-size:14px;font-weight:600;letter-spacing:.08em;color:var(--bxa-acc)}
.bxmt .bxa--b .bxa-prose h2 .bxa-h2no::before{content:none}
.bxmt .bxa--b .bxa-h2no__of{margin-left:2px;color:var(--bxa-mute);font-weight:400}
.bxmt .bxa--b .bxa-h2no__bar{display:flex;gap:3px}
.bxmt .bxa--b .bxa-h2no__bar span{display:block;width:22px;height:4px;background:var(--bxa-rule)}
.bxmt .bxa--b .bxa-h2no__bar span.is-done{background:#9A958C}
.bxmt .bxa--b .bxa-h2no__bar span.is-now{background:var(--bxa-acc)}
/* 図（既存の記事UI部品）: 番号付きの図題・広い余白 */
.bxmt .bxa--b .bxa-prose :is(.bxu,figure){margin-top:52px;margin-bottom:52px}
.bxmt .bxa--b .bxa-prose .bxu > .bxu__ttl{display:flex;gap:12px;align-items:baseline;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--bxa-ink)}
.bxmt .bxa--b .bxa-prose .bxu > .bxu__ttl::before{counter-increment:bxafig;content:"図" counter(bxafig);flex:none;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--bxa-acc)}
/* 手順（番号付きの並び）: 縦の流れの線と番号の丸 */
.bxmt .bxa--b .bxa-prose > ol:not([class]){position:relative;margin:28px 0 1.6em;padding:0;list-style:none;counter-reset:bxaol}
.bxmt .bxa--b .bxa-prose > ol:not([class])::before{content:"";position:absolute;left:13px;top:14px;bottom:14px;width:1px;background:var(--bxa-rule)}
.bxmt .bxa--b .bxa-prose > ol:not([class]) > li{position:relative;margin:0 0 14px;padding:0 0 0 44px;counter-increment:bxaol}
.bxmt .bxa--b .bxa-prose > ol:not([class]) > li::before{content:counter(bxaol);position:absolute;left:0;top:.15em;display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:var(--bxa-ink);color:#fff;font-size:13px;font-weight:700;line-height:1}
.bxmt .bxa--b .bxa-prose > ul:not([class]){padding-left:0;list-style:none}
.bxmt .bxa--b .bxa-prose > ul:not([class]) > li{position:relative;padding-left:20px}
.bxmt .bxa--b .bxa-prose > ul:not([class]) > li::before{content:"";position:absolute;left:2px;top:.75em;width:7px;height:7px;background:var(--bxa-acc)}
/* 比較の表: 見出しの行に色・1 列目は太字・行の罫。AI と人の列がある表は 2 段の帯（AI＝破線と淡い地・人＝実線） */
.bxmt .bxa .bxa-tbl{margin:44px 0;overflow-x:auto}
.bxmt .bxa .bxa-tbl table{width:100%;margin:0;border-collapse:collapse;font-size:14.5px;line-height:1.7}
.bxmt .bxa .bxa-tbl tr:first-child th{padding:12px 12px;border:0;border-bottom:2px solid var(--bxa-ink);background:var(--bxa-soft);font-size:13.5px;font-weight:700;letter-spacing:.02em;color:var(--bxa-ink);text-align:left;vertical-align:bottom}
.bxmt .bxa .bxa-tbl td{padding:12px 12px;border:0;border-bottom:1px solid var(--bxa-rule);vertical-align:top;color:var(--bxa-body)}
.bxmt .bxa .bxa-tbl td:first-child{font-weight:700;color:var(--bxa-ink)}
.bxmt .bxa .bxa-tbl--split td.bxa-td--ai{background:var(--bxa-warm);box-shadow:inset 1px 0 0 0 var(--bxa-ink);border-left:0}
.bxmt .bxa .bxa-tbl--split td.bxa-td--ai,.bxmt .bxa .bxa-tbl--split td.bxa-td--hum{position:relative}
.bxmt .bxa .bxa-tbl--split td.bxa-td--hum{box-shadow:inset 2px 0 0 0 var(--bxa-ink)}

/* 目次＝工程の帯（PC の横・スマホの本文の頭）。今読んでいる見出しは業界色の番号の箱。項目は 1〜2 行に詰める */
.bxmt .bxa--b .bxa-toc .bxa-toc__l{position:relative;padding-top:10px;border-left:0}
.bxmt .bxa--b .bxa-toc .bxa-toc__l::before{content:"";position:absolute;left:13px;top:20px;bottom:20px;width:1px;background:var(--bxa-rule)}
.bxmt .bxa--b .bxa-toc .bxa-toc__i{border-bottom:0}
.bxmt .bxa--b .bxa-toc a.bxa-toc__a{position:relative;gap:12px;align-items:center;min-height:44px;margin:0;padding:6px 4px 6px 0;border-left:0;font-size:14px;line-height:1.5;color:var(--bxa-body)}
.bxmt .bxa--b .bxa-toc .bxa-toc__n{position:relative;display:flex;align-items:center;justify-content:center;min-width:28px;height:26px;border:1px solid var(--bxa-rule);background:var(--v8-paper,#FCFCFA);font-size:12px;color:var(--bxa-mute)}
.bxmt .bxa--b .bxa-toc .bxa-toc__t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding-top:0}
.bxmt .bxa--b .bxa-toc a.bxa-toc__a[aria-current]{padding-left:0;color:var(--bxa-ink);font-weight:700}
.bxmt .bxa--b .bxa-toc a.bxa-toc__a[aria-current] .bxa-toc__n{border-color:var(--bxa-acc);background:var(--bxa-acc);color:#fff}
.bxmt .bxa--b .bxa-toc--inline .bxa-toc__n{color:var(--bxa-mute)}
.bxmt .bxa--b .bxa-toc--inline{margin-top:28px}

/* 読み進めの進捗の帯（スマホ・タブレット。PC は横の目次が示す） */
.bxmt .bxa .bxa-prog{position:fixed;left:0;right:0;top:0;z-index:1000;height:3px;pointer-events:none;opacity:0;transition:opacity .2s}
.bxmt .bxa .bxa-prog.is-on{opacity:1}
.bxmt .bxa .bxa-prog__b{display:block;height:100%;background:var(--bxa-acc);transform:scaleX(0);transform-origin:0 50%}
@media (min-width:1200px){.bxmt .bxa .bxa-prog{display:none}}

/* 診断（リンクだけ）。中盤＝枠全体が 1 つの押せる面（紙色の地・業界色の天罫と小見出し・明朝の問い・その場で出る 3 点の図・業界色の塗りの主ボタン）、記事末＝主ボタンの塗りの押せる面 */
.bxmt .bxa .bxa-prose .bxa-mid{display:block;margin:56px 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.bxmt .bxa .bxa-prose a.bxa-go{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:0 28px;box-sizing:border-box;padding:22px 28px 24px;border:1px solid var(--bxa-rule);border-top:3px solid var(--bxa-acc);border-radius:2px;background:var(--bxa-warm);color:var(--bxa-ink);text-decoration:none;transition:border-color .15s ease-out,background-color .15s ease-out}
.bxmt .bxa .bxa-prose a.bxa-go:hover,.bxmt .bxa .bxa-prose a.bxa-go:focus-visible{border-color:var(--bxa-acc);background:#fff}
.bxmt .bxa .bxa-prose .bxa-mid__top{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;margin:0 0 8px}
.bxmt .bxa .bxa-prose .bxa-mid__k{display:inline-flex;align-items:center;gap:12px;font-family:var(--v8-sans);font-size:13px;font-weight:600;letter-spacing:.06em;line-height:1.5;color:var(--bxa-acc)}
.bxmt .bxa .bxa-prose .bxa-mid__k::before{content:"";flex:none;width:28px;height:1px;background:var(--bxa-acc)}
.bxmt .bxa .bxa-prose .bxa-mid__n{font-size:13px;line-height:1.5;letter-spacing:.02em;color:var(--bxa-mute)}
.bxmt .bxa .bxa-prose .bxa-mid__q{grid-column:1 / -1;display:block;margin:0 0 16px;font-family:var(--v8-serif);font-size:19px;font-weight:600;line-height:1.65;letter-spacing:.01em;color:var(--bxa-ink);word-break:auto-phrase;text-wrap:pretty}
.bxmt .bxa .bxa-prose .bxa-mid__get{display:block;min-width:0}
.bxmt .bxa .bxa-prose .bxa-mid__gh{display:block;margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.5;color:var(--bxa-mute)}
.bxmt .bxa .bxa-prose .bxa-mid__gl{display:grid;gap:0;border-top:1px solid var(--bxa-rule)}
.bxmt .bxa .bxa-prose .bxa-mid__gi{display:flex;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--bxa-rule);font-size:15px;font-weight:600;line-height:1.5;color:var(--bxa-ink)}
.bxmt .bxa .bxa-prose .bxa-mid__gn{flex:none;font-family:var(--v8-serif);font-size:15px;font-weight:600;letter-spacing:.04em;color:var(--bxa-acc)}
.bxmt .bxa .bxa-prose .bxa-mid__btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:54px;padding:0 30px;border-radius:2px;background:var(--bxa-cta);font-size:16px;font-weight:700;letter-spacing:.04em;line-height:1.3;color:#fff;white-space:nowrap;transition:background-color .15s ease-out}
.bxmt .bxa .bxa-prose a.bxa-go:hover .bxa-mid__btn,.bxmt .bxa .bxa-prose a.bxa-go:focus-visible .bxa-mid__btn{background:var(--bx-cta-dk,#111)}
.bxmt .bxa .bxa-dx{margin:56px 0 0}
.bxmt .bxa a.bxa-dxl{display:grid;gap:6px;padding:26px 32px 24px;border-radius:2px;background:var(--bxa-cta);color:#fff;text-decoration:none}
.bxmt .bxa a.bxa-dxl:hover{background:var(--bx-cta-dk,#111)}
.bxmt .bxa .bxa-dxl__k{font-size:12.5px;font-weight:600;letter-spacing:.08em;opacity:.85}
.bxmt .bxa .bxa-dxl__q{font-family:var(--v8-serif);font-size:20px;font-weight:600;line-height:1.55;word-break:auto-phrase;text-wrap:pretty}
.bxmt .bxa .bxa-dxl__go{display:inline-flex;align-items:center;margin-top:8px;font-size:16px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.bxmt .bxa a.bxa-dxl:hover .bxa-arw{transform:translateX(3px)}

/* まとめ（3 ステップ）を図で: 3 段の流れ（PC は横・スマホは縦の線） */
.bxmt .bxa .bxa-steps{margin:88px 0 0}
.bxmt .bxa .bxa-steps__l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin:0;padding:0;list-style:none;counter-reset:none}
.bxmt .bxa .bxa-steps__i{position:relative;margin:0;padding:16px 0 0;border-top:3px solid var(--bxa-ink)}
.bxmt .bxa .bxa-steps__i:not(:last-child)::after{content:"";position:absolute;right:-20px;top:-9px;width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 10px;border-color:transparent transparent transparent var(--bxa-ink)}
.bxmt .bxa .bxa-steps__n{display:block;font-family:var(--v8-serif);font-size:26px;font-weight:600;line-height:1;color:var(--bxa-acc)}
.bxmt .bxa .bxa-steps__who{margin:10px 0 6px;font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--bxa-mute)}
.bxmt .bxa .bxa-steps__do{margin:0 0 12px;font-family:var(--v8-serif);font-size:16px;font-weight:600;line-height:1.65;color:var(--bxa-ink);word-break:auto-phrase}
.bxmt .bxa .bxa-steps__done{margin:0;padding-top:10px;border-top:1px dashed var(--bxa-rule);font-size:13.5px;line-height:1.7;color:var(--bxa-body)}
.bxmt .bxa .bxa-steps__dk{display:block;font-size:12px;font-weight:700;color:var(--bxa-mute)}

/* 編集の表記（出典の後） */
.bxmt .bxa .bxa-ed{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:28px 0 0;padding:12px 0;border-top:1px solid var(--bxa-rule);border-bottom:1px solid var(--bxa-rule);font-size:14px;line-height:1.6}
.bxmt .bxa .bxa-ed__k{font-size:12.5px;font-weight:700;letter-spacing:.08em;color:var(--bxa-mute)}
.bxmt .bxa .bxa-ed__v{color:var(--bxa-ink);font-weight:600}
.bxmt .bxa a.bxa-ed__a{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;font-size:13px;color:var(--bxa-ink);text-decoration:underline;text-decoration-color:var(--bxa-acc);text-underline-offset:4px}

/* よく読まれている記事＝C の形（1 位は幅いっぱいの大きな画像＋題、2〜5 位は左に小さなサムネ＋右に題の縦の一覧。PC もスマホも同じ） */
.bxmt .bxa .bxa-rk--list .bxa-rk__l{grid-template-columns:minmax(0,1fr);gap:0}
.bxmt .bxa .bxa-rk--list .bxa-rk__i--1 a.bxa-rk__a{display:block;padding-bottom:20px}
.bxmt .bxa .bxa-rk--list .bxa-rk__i--1 .bxa-rk__pic{aspect-ratio:2/1}
.bxmt .bxa .bxa-rk--list .bxa-rk__i--1 .bxa-rk__t{margin-top:14px;font-size:21px}
.bxmt .bxa .bxa-rk--list .bxa-rk__i:not(.bxa-rk__i--1) a.bxa-rk__a{display:grid;grid-template-columns:160px minmax(0,1fr);gap:0 20px;align-items:center;padding:16px 0;border-top:1px solid var(--bxa-rule)}
.bxmt .bxa .bxa-rk--list .bxa-rk__i:not(.bxa-rk__i--1) .bxa-rk__t{margin:0;font-size:16.5px}

/* ---- B2 スマホ ---- */
@media (max-width:767px){
  .bxmt .bxa--b .bxa-pic.bx8a-hero__pic{order:-1;margin-top:-4px;margin-bottom:14px;aspect-ratio:5/2}
  .bxmt .bxa--b .bxa-head{display:flex;flex-direction:column}
  .bxmt .bx4.bxa--b .bxa-h1{font-size:23px;line-height:1.5}
  .bxmt .bxa--b .bxa-lede{font-size:14.5px;line-height:1.7}
  .bxmt .bxa--b .bxa-meta{font-size:12.5px}
  .bxmt .bxa--b .bxa-decide{margin-top:18px}
  .bxmt .bxa--b .bxa-decide .bxa-key{padding:16px 16px 0}
  .bxmt .bxa--b .bxa-key__c{font-size:16.5px}
  .bxmt .bxa--b .bxa-key__l{grid-template-columns:minmax(0,1fr);margin-top:10px}
  .bxmt .bxa--b .bxa-key__i + .bxa-key__i{border-left:0;border-top:1px solid var(--bxa-rule)}
  .bxmt .bxa--b .bxa-key__s,.bxmt .bxa--b .bxa-key__i:first-child .bxa-key__s{min-height:46px;padding:6px 0}
  .bxmt .bxa--b .bxa-key__t,.bxmt .bxa--b .bxa-key__i:first-child .bxa-key__t{padding:0 0 12px 34px}
  /* 2026-10-02 公開後の配置計測 L4（スマホで最初の h2 が 2 画面以内）: スマホは工程の帯を出さず（番号だけで情報が薄い）、本文を早く見せる */
  .bxmt .bxa--b .bxa-key .bxa-place{display:none}
  .bxmt .bxa--b .bxa-decide .bxa-key{padding-bottom:4px}
  .bxmt .bxa--b .bxa-toc--inline{margin-top:20px}
  .bxmt .bxa--b .bxa-prose{margin-top:32px}
  .bxmt .bxa--b .bxa-prose{font-size:17px;line-height:1.9}
  .bxmt .bxa--b .bxa-h2no__bar span{width:12px}
  .bxmt .bxa--b .bxa-toc .bxa-toc__t{-webkit-line-clamp:1}
  /* 表はカード状に組み替える（横スクロールさせない）: 1 行＝1 組、列名を小さな見出しに */
  .bxmt .bxa .bxa-tbl{overflow:visible}
  .bxmt .bxa .bxa-tbl table,.bxmt .bxa .bxa-tbl tbody,.bxmt .bxa .bxa-tbl tr,.bxmt .bxa .bxa-tbl td{display:block;width:auto}
  .bxmt .bxa .bxa-tbl tr:first-child:has(th){display:none}
  .bxmt .bxa .bxa-tbl thead{display:none}
  .bxmt .bxa .bxa-tbl tr{padding:14px 0;border-top:1px solid var(--bxa-rule)}
  .bxmt .bxa .bxa-tbl tr:last-child{border-bottom:2px solid var(--bxa-ink)}
  .bxmt .bxa .bxa-tbl tr:nth-child(2){border-top:2px solid var(--bxa-ink)}
  .bxmt .bxa .bxa-tbl td{padding:4px 0;border:0;font-size:15px}
  .bxmt .bxa .bxa-tbl td::before{content:attr(data-label);display:block;margin-bottom:1px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--bxa-mute)}
  .bxmt .bxa .bxa-tbl td:first-child{font-family:var(--v8-serif);font-size:16.5px}
  .bxmt .bxa .bxa-tbl td:first-child::before{content:none}
  .bxmt .bxa .bxa-tbl--split td.bxa-td--ai{margin:8px 0 0;padding:8px 12px;border:1px dashed var(--bxa-ink);box-shadow:none}
  .bxmt .bxa .bxa-tbl--split td.bxa-td--hum{margin:6px 0 0;padding:8px 12px;border:2px solid var(--bxa-ink);box-shadow:none;background:#fff}
  .bxmt .bxa .bxa-prose .bxa-mid{margin:44px 0}
  .bxmt .bxa .bxa-prose a.bxa-go{grid-template-columns:minmax(0,1fr);gap:0;padding:18px 18px 20px}
  .bxmt .bxa .bxa-prose .bxa-mid__q{margin-bottom:14px;font-size:17px}
  .bxmt .bxa .bxa-prose .bxa-mid__btn{width:100%;margin-top:16px}
  .bxmt .bxa a.bxa-dxl{margin:0 calc(var(--bx8a-pad,18px) * -1);padding:24px var(--bx8a-pad,18px) 22px;border-radius:0}
  .bxmt .bxa .bxa-dxl__q{font-size:18px}
  .bxmt .bxa .bxa-steps__l{grid-template-columns:minmax(0,1fr);gap:0}
  .bxmt .bxa .bxa-steps__i{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 12px;padding:14px 0 16px;border-top:0;border-left:0}
  .bxmt .bxa .bxa-steps__i:not(:last-child)::after{right:auto;left:12px;top:44px;bottom:0;width:1px;height:auto;border:0;background:var(--bxa-rule)}
  .bxmt .bxa .bxa-steps__n{grid-row:1 / 4;font-size:22px}
  .bxmt .bxa .bxa-steps__who{margin:2px 0 4px}
  .bxmt .bxa .bxa-steps__do{font-size:15.5px;margin-bottom:8px}
  .bxmt .bxa .bxa-ed a.bxa-ed__a{margin-left:0}
  .bxmt .bxa .bxa-rk--list .bxa-rk__i:not(.bxa-rk__i--1) a.bxa-rk__a{grid-template-columns:104px minmax(0,1fr);gap:0 14px;padding:12px 0}
  .bxmt .bxa .bxa-rk--list .bxa-rk__i--1 .bxa-rk__t{font-size:18px}
  .bxmt .bxa .bxa-rk--list .bxa-rk__i:not(.bxa-rk__i--1) .bxa-rk__t{font-size:14.5px}
}

.bxmt .bxa .bxa-place__i::before,.bxmt .bxa .bxa-key__i::marker{content:none}
.bxmt .bxa--b .bxa-place__i::before{content:none;display:none}

/* 工程の帯の画面幅ごとの形: 1200 未満は 4 列で折り返す（ラベルを切らない）、スマホは 1 行（今の工程だけ名前を出し、ほかは番号） */
@media (max-width:1199px){
  .bxmt .bxa--b .bxa-place__l{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 3px}
  .bxmt .bxa--b .bxa-place__i:nth-child(4n+1){padding-left:12px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}
  .bxmt .bxa--b .bxa-place__lb{overflow:visible;white-space:normal;line-height:1.25}
}
@media (max-width:767px){
  .bxmt .bxa--b .bxa-place__l{display:flex;gap:3px}
  .bxmt .bxa--b .bxa-place__i,.bxmt .bxa--b .bxa-place__i:nth-child(n){flex:0 0 29px;justify-content:center;height:34px;padding:0 4px 0 9px;font-size:11px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%,8px 50%)}
  .bxmt .bxa--b .bxa-place__i:first-child{padding-left:4px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)}
  .bxmt .bxa--b .bxa-place__i.is-now{flex:1 1 auto;justify-content:flex-start;padding:0 14px 0 14px}
  .bxmt .bxa--b .bxa-place__i:not(.is-now) .bxa-place__lb{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .bxmt .bxa--b .bxa-place__i.is-now .bxa-place__lb{white-space:nowrap;font-size:12.5px}
  .bxmt .bxa--b .bxa-place__i.is-now .bxa-place__no{display:none}
  .bxmt .bxa--b .bxa-place__i.is-now{padding:0 12px 0 13px}
  .bxmt .bx4.bxa--b .bxa-kick{margin:0}
  .bxmt .bxa--b .bxa-kick a{min-height:44px;margin:-4px 0}
}
/* 工程名が長い業界（不動産など）でも切らない: 2 行まで折り返す */
.bxmt .bxa--b .bxa-place__i{height:auto;min-height:38px;padding-top:4px;padding-bottom:4px}
.bxmt .bxa--b .bxa-place__lb{overflow:visible;white-space:normal;line-height:1.3;word-break:auto-phrase}
@media (max-width:767px){
  .bxmt .bxa--b .bxa-place__i,.bxmt .bxa--b .bxa-place__i:nth-child(n){min-height:34px}
  .bxmt .bxa--b .bxa-place__i.is-now .bxa-place__lb{white-space:normal;font-size:12px}
}
/* タブレット（768〜1199）: 写真はタイトルの右に小さく（1 画面目に「決めること」まで入れる） */
@media (min-width:768px) and (max-width:1199px){
  .bxmt .bxa--b .bxa-head{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px;align-items:end}
  .bxmt .bxa--b .bxa-pic.bx8a-hero__pic{margin:0;aspect-ratio:4/3}
  .bxmt .bx4.bxa--b .bxa-h1{font-size:27px}
}
/* メタの区切り: 運営の前は区切り線を出さず間隔だけ（折り返したとき行頭に線を残さない） */
.bxmt .bxa .bxa-meta > span.bx7-ah__org::before{content:none}
.bxmt .bxa .bxa-meta > span.bx7-ah__org{margin-left:16px}
/* 図（担当レーン）の担当名の列: 12 字が 1 行に入る幅（配置計測 L1・「現場（職人・施工管理）」が 9 字で折れていた） */
@media (min-width:761px){
  .bxmt .bxa .bxa-prose :is(.bxu-lanes--stack,.bxu-lanes--3,.bxu-lanes--4) .bxu-lanes__i{grid-template-columns:minmax(0,12.5em) minmax(0,1fr)}
}
/* 記事末の無料相談: 日程を選ぶボタンの横の副導線（問い合わせフォーム）。下線の文字リンク */
.bxmt .bxa a.bxa-cs__alt{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:14.5px;font-weight:600;color:var(--bxa-ink);text-decoration:underline;text-decoration-color:var(--bxa-rule);text-decoration-thickness:1px;text-underline-offset:5px}
.bxmt .bxa a.bxa-cs__alt:hover,.bxmt .bxa a.bxa-cs__alt:focus-visible{text-decoration-color:var(--bxa-acc)}