@charset "UTF-8";
/* BoostX Media v8（2026-09-30）— 記事ページ（boostx-media/article.php・inc/article-v8.php）
   正本: docs/redesign-20260930/master-spec.md §5・§7・§14 ／ build-brief.md §1・§3。トークンは v8-tokens.css（ページ担当）。
   方針: 記事上部は読む気になる強さ、本文は 680px の静かな編集記事（LP やカード一覧にしない）。
   影を使わない・角丸は操作要素と画像だけ（4px）・青紫のグラデーションと発光と常時アニメーションは使わない。
   Signal Orange は「現在の章」「フォーカス」「注意」だけ。業界の色はカテゴリ表記の小さな印（--bx8a-ind）にだけ残す。
   意味は色だけで分けない（AI＝破線の枠・人＝実線の太い枠・ラベルの文字を必ず併記）。
   すべて .bxmt .bx8a の下に閉じる（ほかのページ・v7 の記事 CSS を壊さない）。 */

/* ---------- 0. 土台（業界の色を印用に退避し、部品の変数を v8 の値に寄せる） ---------- */
.bxmt .bx8a{--bx8a-ind:var(--bx4-ac);--bx8a-offset:88px;--bx8a-pad:var(--v8-pad,32px);background:var(--v8-paper);color:var(--v8-ink)}
.bxmt .bx8a > *{--bx4-ac:var(--v8-ink);--bx4-ink:var(--v8-ink);--bx4-sub:var(--v8-body);--bx4-mut:var(--v8-mute,#4A5565);--bx4-line:var(--v8-rule);--bx4-edge:var(--v8-rule-strong,#AEB8C4);--bx4-soft:#F1F6FA;--bx4-soft2:#E8F1F7;--bx4-link:var(--v8-ink)}
.bxmt .bx8a [id]{scroll-margin-top:var(--bx8a-offset)}
.bxmt .bx8a :is(a,summary,button):focus-visible{outline:3px solid var(--v8-focus,#E85D24);outline-offset:2px;border-radius:2px}
.bxmt .bx8a .bx8a-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* 版面: 1200px 以上は本文 680px ＋右の追従目次。それ未満は 680px の 1 段（写真・本文・目次の左端を揃える） */
.bxmt .bx8a .bx8a-wrap,
.bxmt .bx8a .bx4-path .bx4-wrap{box-sizing:border-box;max-width:calc(var(--v8-measure) + var(--bx8a-pad) * 2);margin:0 auto;padding:0 var(--bx8a-pad)}
@media (min-width:1200px){
  .bxmt .bx8a .bx8a-wrap,
  .bxmt .bx8a .bx4-path .bx4-wrap{max-width:var(--v8-wrap,1200px)}
}
.bxmt .bx8a .bx4-path{background:transparent;border-bottom:0}
.bxmt .bx8a .bx4-path__in{padding-top:6px;padding-bottom:0;font-size:13px}
.bxmt .bx8a .bx4-path__in a{display:inline-flex;align-items:center;min-height:44px;color:var(--v8-mute,#4A5565);text-decoration:underline;text-decoration-color:var(--v8-rule-strong,#AEB8C4);text-underline-offset:3px}
.bxmt .bx8a .bx4-art.bx8a-art{max-width:none;margin:0;padding:0 0 88px}

/* ---------- 1. 記事上部 ---------- */
.bxmt .bx8a .bx8a-hero{padding-top:20px;padding-bottom:0}
.bxmt .bx8a .bx8a-hero__txt{min-width:0}
.bxmt .bx8a .bx8a-cat{margin:0 0 6px;font-size:13px;font-weight:700;line-height:1.5;letter-spacing:.04em}
.bxmt .bx8a .bx8a-cat a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--v8-ink);text-decoration:none}
.bxmt .bx8a .bx8a-cat a::before{content:"";flex:none;width:18px;height:3px;background:var(--bx8a-ind)}
.bxmt .bx8a .bx8a-cat a:hover{text-decoration:underline;text-underline-offset:3px}
.bxmt .bx4 .bx8a-h1{margin:0 0 14px;font-family:var(--v8-serif);font-size:clamp(27px,1.6vw + 18px,42px);font-weight:700;line-height:1.4;letter-spacing:.01em;color:var(--v8-ink);word-break:auto-phrase;line-break:strict;text-wrap:balance}
.bxmt .bx8a .bx8a-sub{margin:0 0 16px;font-family:var(--v8-serif);font-size:clamp(17px,.5vw + 15px,21px);font-weight:600;line-height:1.6;color:var(--v8-ink);word-break:auto-phrase;line-break:strict}
.bxmt .bx4 .bx8a-concl{margin:0 0 16px;font-size:17.5px;font-weight:500;line-height:1.8;color:var(--v8-ink);line-break:strict}
.bxmt .bx4 .bx8a-concl--long{font-size:16px;font-weight:400;color:var(--v8-body)}
.bxmt .bx8a .bx8a-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;margin:0 0 14px;font-size:13.5px;line-height:1.7;color:var(--v8-mute,#4A5565)}
.bxmt .bx8a .bx8a-meta > span + span::before{content:"・";padding:0 .35em;color:var(--v8-rule-strong,#AEB8C4)}
.bxmt .bx8a .bx8a-meta a{color:inherit;text-decoration:underline;text-decoration-color:var(--v8-rule-strong,#AEB8C4);text-underline-offset:3px}
.bxmt .bx8a .bx8a-meta .bx7-ah__org{margin:0;font-size:inherit;line-height:inherit;color:inherit}
.bxmt .bx8a .bx8a-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.bxmt .bx8a .bx8a-jump a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--v8-rule-strong,#AEB8C4);border-radius:var(--v8-radius,4px);background:#fff;color:var(--v8-ink);font-size:14px;font-weight:700;line-height:1.4;text-decoration:none}
.bxmt .bx8a .bx8a-jump a::after{content:"";width:6px;height:6px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.bxmt .bx8a .bx8a-jump a:hover{border-color:var(--v8-ink)}
.bxmt .bx8a .bx8a-hero__pic{margin:22px 0 0;aspect-ratio:16/9;overflow:hidden;border-radius:var(--v8-radius,4px);background:var(--v8-work)}
.bxmt .bx8a .bx8a-hero__pic img{display:block;width:100%;height:100%;object-fit:cover}
@media (min-width:1200px){
  .bxmt .bx8a .bx8a-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:56px;align-items:center;padding-top:28px}
  .bxmt .bx8a .bx8a-hero--nopic{grid-template-columns:minmax(0,var(--v8-measure))}
  .bxmt .bx8a .bx8a-hero__pic{margin:0;aspect-ratio:4/3}
}

/* ---------- 2. 本文の段（本文 680px ＋ PC の追従目次） ---------- */
.bxmt .bx8a .bx8a-main{min-width:0;max-width:var(--v8-measure)}
.bxmt .bx8a .bx8a-rail{display:none}
@media (min-width:1200px){
  .bxmt .bx8a .bx8a-layout{display:grid;grid-template-columns:minmax(0,var(--v8-measure)) 236px;justify-content:space-between;align-items:start;column-gap:48px}
  .bxmt .bx8a .bx8a-rail{display:block;position:sticky;top:calc(var(--bx8a-offset) + 4px);max-height:calc(100vh - var(--bx8a-offset) - 24px);overflow:auto;margin-top:48px;padding:0 2px 16px 0;overscroll-behavior:contain}
}

/* 節の見出し（30秒・3ステップ・診断・関連記事）: 左の縦線＋下の罫線 */
.bxmt .bx8a .bx8a-sh{position:relative;margin:0 0 18px;padding:0 0 10px 16px;border-bottom:1px solid var(--v8-rule);font-family:var(--v8-serif);font-size:21px;font-weight:700;line-height:1.5;letter-spacing:.01em;color:var(--v8-ink)}
.bxmt .bx8a .bx8a-sh::before{content:"";position:absolute;left:0;top:.2em;bottom:calc(10px + .2em);width:4px;background:var(--v8-ink)}

/* 30秒でわかること（番号＋短い見出し＋1文・箱を並べない） */
.bxmt .bx8a .bx8a-sum{margin:44px 0 0;padding:0;border:0;background:none}
.bxmt .bx8a .bx8a-sum__l{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.bxmt .bx8a .bx8a-sum .bx8a-sum__i{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;margin:0;padding:0;font-size:15px;line-height:1.75}
.bxmt .bx8a .bx8a-sum .bx8a-sum__i::before{content:none}
.bxmt .bx8a .bx8a-sum__n{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--v8-work);color:var(--v8-ink);font-size:14px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.bxmt .bx8a .bx8a-sum__b{min-width:0}
.bxmt .bx8a .bx8a-sum .bx8a-sum__h{margin:2px 0 2px;font-size:14.5px;font-weight:700;line-height:1.6;color:var(--v8-ink)}
.bxmt .bx8a .bx8a-sum .bx8a-sum__t{margin:0;font-size:15px;line-height:1.75;color:var(--v8-body)}
/* 既定は縦に 1 点ずつ（番号・短い見出し・1 文を本文幅 680px の 1 行に続けて置く＝横詰めで 8〜10 字折り返しにしない） */
.bxmt .bx8a .bx8a-sum:not(.bx8a-sum--cols) .bx8a-sum__l{gap:0}
.bxmt .bx8a .bx8a-sum:not(.bx8a-sum--cols) .bx8a-sum__i{padding:10px 0}
.bxmt .bx8a .bx8a-sum:not(.bx8a-sum--cols) .bx8a-sum__i + .bx8a-sum__i{border-top:1px solid var(--v8-rule)}
.bxmt .bx8a .bx8a-sum:not(.bx8a-sum--cols) .bx8a-sum__b{padding-top:1px}
.bxmt .bx8a .bx8a-sum:not(.bx8a-sum--cols) .bx8a-sum__h{display:inline;margin:0 .9em 0 0}
.bxmt .bx8a .bx8a-sum:not(.bx8a-sum--cols) .bx8a-sum__t{display:inline}
/* 3 列は各点の文が 40 字以内のときだけ（inc/article-v8.php が .bx8a-sum--cols を付ける） */
@media (min-width:768px){
  .bxmt .bx8a .bx8a-sum--cols .bx8a-sum__l{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0}
  /* 列のときは番号を見出しの上に置き、文の箱に列の幅を全部使わせる（番号の横に置くと 1 行 9〜11 字になる） */
  .bxmt .bx8a .bx8a-sum--cols .bx8a-sum__i{display:block;padding:0 18px}
  .bxmt .bx8a .bx8a-sum--cols .bx8a-sum__n{margin:0 0 8px}
  .bxmt .bx8a .bx8a-sum--cols .bx8a-sum__i:first-child{padding-left:0}
  .bxmt .bx8a .bx8a-sum--cols .bx8a-sum__i + .bx8a-sum__i{border-left:1px solid var(--v8-rule)}
}

/* 目次（常に開いたまま・閉じるボタン無し）。本文前半に 1 つ＋PC の追従目次 */
.bxmt .bx8a .bx8a-toc{margin:40px 0 0;padding:14px 0 6px;border:0;border-top:2px solid var(--v8-ink);border-bottom:1px solid var(--v8-rule);background:none}
.bxmt .bx8a .bx8a-toc__h{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.08em;line-height:1.6;color:var(--v8-body)}
.bxmt .bx8a .bx8a-toc__l{margin:0;padding:0;list-style:none}
.bxmt .bx8a .bx8a-toc__i{margin:0;padding:0}
.bxmt .bx8a .bx8a-toc__a{display:flex;gap:12px;align-items:baseline;box-sizing:border-box;min-height:44px;padding:10px 10px 10px 0;color:var(--v8-ink);font-size:15.5px;line-height:1.6;text-decoration:none}
.bxmt .bx8a .bx8a-toc__i + .bx8a-toc__i .bx8a-toc__a{border-top:1px solid var(--v8-rule)}
.bxmt .bx8a .bx8a-toc__n{flex:none;min-width:1.8em;font-size:13px;font-weight:700;color:var(--v8-mute,#4A5565);font-variant-numeric:tabular-nums}
.bxmt .bx8a .bx8a-toc__t{min-width:0;word-break:auto-phrase;line-break:strict}
.bxmt .bx8a .bx8a-toc__a:hover .bx8a-toc__t{text-decoration:underline;text-underline-offset:3px}
/* 現在の章: 左の太線（Signal Orange）＋太字（色だけで示さない） */
.bxmt .bx8a .bx8a-toc__a[aria-current]{font-weight:700;box-shadow:inset 3px 0 0 var(--v8-signal);padding-left:12px}
.bxmt .bx8a .bx8a-toc__a[aria-current] .bx8a-toc__n{color:var(--v8-ink)}
.bxmt .bx8a .bx8a-rail__nav .bx8a-toc__h{margin:0 0 6px;padding-bottom:8px;border-bottom:2px solid var(--v8-ink);font-size:13px;color:var(--v8-ink)}
.bxmt .bx8a .bx8a-rail__nav .bx8a-toc__a{padding:9px 8px 9px 12px;font-size:14px;line-height:1.55;color:var(--v8-body)}
.bxmt .bx8a .bx8a-rail__nav .bx8a-toc__a[aria-current]{color:var(--v8-ink);background:#F1F6FA}
.bxmt .bx8a .bx8a-rail__nav .bx8a-toc__n{font-size:13px}

/* ---------- 3. 本文（静かな編集記事） ---------- */
.bxmt .bx8a .bx8a-prose{margin-top:48px;font-size:var(--v8-fs);line-height:var(--v8-lh);color:var(--v8-body);line-break:strict;overflow-wrap:break-word}
.bxmt .bx8a .bx8a-prose p{margin:0 0 1.25em}
.bxmt .bx8a .bx8a-prose :is(strong,b){color:var(--v8-ink)}
.bxmt .bx8a .bx8a-prose h2{position:relative;margin:76px 0 20px;padding:0 0 12px 18px;border:0;border-bottom:1px solid var(--v8-rule);font-family:var(--v8-serif);font-size:26px;font-weight:700;line-height:1.5;letter-spacing:.01em;color:var(--v8-ink);word-break:auto-phrase}
.bxmt .bx8a .bx8a-prose h2::before{content:"";position:absolute;left:0;top:.25em;bottom:calc(12px + .25em);width:4px;background:var(--v8-ink)}
.bxmt .bx8a .bx8a-prose > h2:first-child{margin-top:0}
.bxmt .bx8a .bx8a-prose h3{margin:44px 0 10px;font-size:19px;font-weight:700;line-height:1.6;color:var(--v8-ink);word-break:auto-phrase}
.bxmt .bx8a .bx8a-prose h4{margin:32px 0 8px;font-size:17px;color:var(--v8-ink)}
.bxmt .bx8a .bx8a-prose a{color:var(--v8-ink);text-decoration:underline;text-decoration-color:var(--v8-rule-strong,#AEB8C4);text-underline-offset:3px}
.bxmt .bx8a .bx8a-prose a:hover{text-decoration-color:currentColor}
.bxmt .bx8a .bx8a-prose li{line-height:1.75}
.bxmt .bx8a .bx8a-prose blockquote{margin:2em 0;padding:2px 0 2px 18px;border-left:3px solid var(--v8-rule-strong,#AEB8C4);font-size:17px;line-height:1.8;color:var(--v8-body)}
.bxmt .bx8a .bx8a-prose table{font-size:15px}
.bxmt .bx8a .bx8a-prose :is(th,td){border-color:var(--v8-rule)}
.bxmt .bx8a .bx8a-prose th{background:#F1F6FA;color:var(--v8-ink)}
.bxmt .bx8a .bx8a-prose :is(figcaption,caption){font-size:13px;color:var(--v8-mute,#4A5565)}
.bxmt .bx8a .bx8a-endmark{height:0;margin:0;padding:0}

/* 記事UI部品（:::flow ほか）を v8 の値で。AI＝破線、人＝実線の太い枠、ラベルの文字を併記 */
.bxmt .bx8a .bx4-prose .bxu{--bxu-acs:#F1F6FA;--bxu-acl:var(--v8-work)}
.bxmt .bx8a .bx4-prose .bxu__ttl{font-family:var(--v8-sans);color:var(--v8-ink)}
.bxmt .bx8a .bx4-prose .bxu-flow__i{border-color:var(--v8-rule-strong,#AEB8C4);border-radius:0}
.bxmt .bx8a .bx4-prose .bxu-flow__i--ai{border-style:dashed;border-color:var(--v8-ink);background:#F1F6FA}
.bxmt .bx8a .bx4-prose .bxu-flow__i--hum{border:2px solid var(--v8-ink);background:#fff}
.bxmt .bx8a .bx4-prose .bxu-flow__i:not(:last-child)::after{border-top-color:var(--v8-ink)}
.bxmt .bx8a .bx4-prose .bxu-flow__g{border-radius:2px}
.bxmt .bx8a .bx4-prose .bxu-flow__g--ai{border:1px dashed var(--v8-ink);background:var(--v8-work);color:var(--v8-ink)}
.bxmt .bx8a .bx4-prose .bxu-flow__g--hum{border:2px solid var(--v8-ink);background:#fff;color:var(--v8-ink);font-weight:700}
.bxmt .bx8a .bx4-prose .bxu-flow__g--new{border:1px dashed var(--v8-rule-strong,#AEB8C4);color:var(--v8-body)}
.bxmt .bx8a .bx4-prose .bxu-lanes__h--ai{border-bottom-style:dashed;color:var(--v8-ink)}
.bxmt .bx8a .bx4-prose .bxu-lanes__i--ai{border-style:dashed;border-color:var(--v8-ink)}
.bxmt .bx8a .bx4-prose .bxu-io__s--ai{border-top-style:dashed;border-top-color:var(--v8-ink)}
.bxmt .bx8a .bx4-prose .bxu-io__s--hum{border-top:3px solid var(--v8-ink)}
.bxmt .bx8a .bx4-prose .bxu-form__r--ai .bxu-form__g{border-style:dashed;border-color:var(--v8-ink);color:var(--v8-ink)}
.bxmt .bx8a .bx4-prose .bxu-form__r--hum .bxu-form__g{border-width:2px}
.bxmt .bx8a .bx4-prose :is(.bxu-note,.bxu-point){border-left-color:var(--v8-rule-strong,#AEB8C4);background:#F1F6FA}
.bxmt .bx8a .bx4-prose .bxu-warn{border:1px solid var(--v8-signal);border-left-width:4px;background:#fff}
.bxmt .bx8a .bx4-prose .bxu-warn .bxu-note__k{color:#A63A0E}
.bxmt .bx8a .bx4-prose .bxu-steps__n{background:var(--v8-ink)}

/* 中盤の帯（記事の診断導線・1 回だけ・周りにリンクやバナーを置かない） */
.bxmt .bx8a .bx8a-prose .bx8a-mid{display:block;margin:56px 0;padding:20px 22px;border:0;border-top:1px solid var(--v8-rule);border-bottom:1px solid var(--v8-rule);border-radius:0;background:#F1F6FA;box-shadow:none;overflow:visible}
.bxmt .bx8a .bx8a-prose .bx8a-mid__v{margin:0 0 6px;font-size:15.5px;line-height:1.75;color:var(--v8-body)}
.bxmt .bx8a .bx8a-prose .bx8a-mid__b{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin:0}
.bxmt .bx8a .bx8a-prose a.bx8a-go{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:16.5px;font-weight:700;line-height:1.55;color:var(--v8-ink);text-decoration:underline;text-decoration-color:var(--v8-ink);text-decoration-thickness:1px;text-underline-offset:5px}
.bxmt .bx8a .bx8a-prose a.bx8a-go::after{content:"→";display:inline-block;flex:none;text-decoration:none}
.bxmt .bx8a .bx8a-prose .bx8a-mid__m{font-size:13px;line-height:1.6;color:var(--v8-mute,#4A5565)}

/* ---------- 4. 記事末尾 ---------- */
.bxmt .bx8a .bx8a-steps{margin:80px 0 0}
.bxmt .bx8a .bx8a-steps__l{margin:0;padding:0;list-style:none}
.bxmt .bx8a .bx8a-steps__i{display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;margin:0;padding:18px 0;border-bottom:1px solid var(--v8-rule)}
.bxmt .bx8a .bx8a-steps__i:first-child{padding-top:4px}
.bxmt .bx8a .bx8a-steps__n{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--v8-ink);color:#fff;font-size:15px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.bxmt .bx8a .bx8a-steps__b{min-width:0}
.bxmt .bx8a .bx8a-steps__do{margin:3px 0 8px;font-size:17px;font-weight:700;line-height:1.6;color:var(--v8-ink)}
.bxmt .bx8a .bx8a-steps__dl{display:grid;gap:4px;margin:0}
.bxmt .bx8a .bx8a-steps__dl > div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:8px}
.bxmt .bx8a .bx8a-steps__dl dt{margin:0;font-size:13px;font-weight:700;line-height:1.9;color:var(--v8-mute,#4A5565)}
.bxmt .bx8a .bx8a-steps__dl dd{margin:0;font-size:15px;line-height:1.75;color:var(--v8-body)}

/* 記事の診断（主 CTA 1 つ。直前に 得られるもの・所要時間・登録・押した後） */
.bxmt .bx8a .bx8a-dx{margin:56px 0 0;padding:28px 28px 22px;background:var(--v8-work)}
.bxmt .bx8a .bx8a-dx .bx8a-sh{margin-bottom:10px;padding-bottom:0;border-bottom:0}
.bxmt .bx8a .bx8a-dx .bx8a-sh::before{bottom:.2em}
.bxmt .bx8a .bx8a-dx__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:0 0 22px}
.bxmt .bx8a .bx8a-dx__facts > div{min-width:0;padding-top:8px;border-top:1px solid #BCD2E2}
.bxmt .bx8a .bx8a-dx__facts dt{margin:0;font-size:13px;font-weight:700;line-height:1.6;color:var(--v8-body)}
.bxmt .bx8a .bx8a-dx__facts dd{margin:2px 0 0;font-size:15px;line-height:1.7;color:var(--v8-ink)}
.bxmt .bx8a .bx8a-dx__b{margin:0}
.bxmt .bx8a a.bx8a-btn{display:inline-flex;align-items:center;gap:12px;box-sizing:border-box;max-width:100%;min-height:52px;padding:12px 22px;border-radius:var(--v8-radius,4px);background:var(--v8-ink);color:#fff;font-size:16px;font-weight:700;line-height:1.5;text-align:left;text-decoration:none}
.bxmt .bx8a a.bx8a-btn::after{content:"→";flex:none}
.bxmt .bx8a a.bx8a-btn:hover{background:#17385F;color:#fff}
.bxmt .bx8a .bx8a-dx__sub{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;margin:14px 0 0;font-size:14.5px;line-height:1.6;color:var(--v8-body)}
.bxmt .bx8a .bx8a-dx__sub a{display:inline-flex;align-items:center;min-height:44px;color:var(--v8-ink);text-decoration:underline;text-underline-offset:3px}
.bxmt .bx8a .bx8a-dx__sep{padding:0 6px;color:#7F93AA}

/* 移行中の記事の記事末の案内（parts/v4-funnel.php）を本文の段に収める */
.bxmt .bx8a .bx8a-main .bx7-fun{margin:56px 0 0;padding:0;background:none}
.bxmt .bx8a .bx8a-main .bx7-fun .bx4-wrap{max-width:none;padding:0}
.bxmt .bx8a .bx8a-main .bx7-fun__in{max-width:none;padding:26px 28px 22px;border:0;background:var(--v8-work)}
.bxmt .bx8a .bx8a-main .bx7-fun__main,.bxmt .bx8a .bx8a-main .bx7-fun__aux{border-top-color:#BCD2E2}
.bxmt .bx8a .bx8a-main .bx7-fun__aux a{display:inline-flex;align-items:center;min-height:44px}
.bxmt .bx8a .bx8a-main .bx7-fun .bx4-btn{border-radius:var(--v8-radius,4px);background:var(--v8-ink);white-space:normal}

/* 関連記事（写真なし・タイトルと 1 文） */
.bxmt .bx8a .bx8a-rel{margin:64px 0 0}
.bxmt .bx8a .bx8a-rel__l{margin:0;padding:0;list-style:none}
.bxmt .bx8a .bx8a-rel__i{margin:0;padding:12px 0 14px;border-bottom:1px solid var(--v8-rule)}
.bxmt .bx8a .bx8a-rel__a{display:block;box-sizing:border-box;min-height:44px;padding:9px 0 7px;font-size:17px;font-weight:700;line-height:1.6;color:var(--v8-ink);text-decoration:none;word-break:auto-phrase}
.bxmt .bx8a .bx8a-rel__a:hover{text-decoration:underline;text-underline-offset:3px}
.bxmt .bx8a .bx8a-rel__d{margin:0;font-size:14.5px;line-height:1.75;color:var(--v8-body)}
.bxmt .bx8a .bx8a-rel__m{margin:4px 0 0;font-size:13px;line-height:1.6;color:var(--v8-mute,#4A5565)}
.bxmt .bx8a .bx8a-rel__all{margin:6px 0 0;font-size:14px}
.bxmt .bx8a .bx8a-rel__all a{display:inline-flex;align-items:center;min-height:44px;color:var(--v8-ink);text-decoration:underline;text-underline-offset:3px}

/* 出典・編集体制・更新履歴（畳む。見出しの行だけ・件数だけ初期表示） */
.bxmt .bx8a .bx8a-fold{display:block;margin:0;padding:0;border:0;border-bottom:1px solid var(--v8-rule);background:none}
.bxmt .bx8a .bx8a-rel + .bx8a-fold,.bxmt .bx8a .bx8a-main > .bx8a-fold:first-of-type{margin-top:56px;border-top:1px solid var(--v8-rule)}
.bxmt .bx8a .bx8a-fold__s{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 0;cursor:pointer;list-style:none;font-size:15px;font-weight:700;line-height:1.5;color:var(--v8-ink)}
.bxmt .bx8a .bx8a-fold__s::-webkit-details-marker{display:none}
.bxmt .bx8a .bx8a-fold__s::after{content:"";flex:none;width:8px;height:8px;margin:-4px 4px 0 auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s}
.bxmt .bx8a .bx8a-fold[open] > .bx8a-fold__s::after{margin-top:4px;transform:rotate(-135deg)}
.bxmt .bx8a .bx8a-fold__c{font-size:13px;font-weight:500;color:var(--v8-mute,#4A5565)}
.bxmt .bx8a .bx8a-fold__b{margin:0;padding:0 0 18px}
.bxmt .bx8a .bx4-src.bx8a-fold .bx4-src__list{padding-left:1.4em;font-size:14px;line-height:1.85}
.bxmt .bx8a .bx4-src.bx8a-fold .bx4-src__i{margin:0 0 10px;padding:0;border:0;color:var(--v8-body)}
.bxmt .bx8a .bx4-src.bx8a-fold .bx4-src__i a{color:var(--v8-ink);word-break:break-word}
.bxmt .bx8a .bx4-src.bx8a-fold .bx4-src__m{margin-left:8px;font-size:13px;color:var(--v8-mute,#4A5565)}
.bxmt .bx8a .bx4-src.bx8a-fold .bx7-src__w{margin-left:6px;font-size:13px;color:var(--v8-body)}
.bxmt .bx8a .bx4-ed.bx8a-fold .bx8a-fold__b p{margin:0 0 .6em;font-size:14.5px;line-height:1.85;color:var(--v8-body)}
.bxmt .bx8a .bx4-ed.bx8a-fold .bx8a-fold__b a{color:var(--v8-ink);text-decoration:underline;text-underline-offset:3px}
.bxmt .bx8a .bx8a-log{margin:32px 0 0;padding:0;font-size:14px;line-height:1.75;color:var(--v8-body)}
.bxmt .bx8a .bx8a-log__h{margin:0 0 6px;font-family:var(--v8-sans);font-size:15px;font-weight:700;line-height:1.5;color:var(--v8-ink)}
.bxmt .bx8a .bx8a-log__last{margin:0;font-size:14px}
.bxmt .bx8a .bx8a-log__k{margin-right:10px;font-weight:700;color:var(--v8-ink)}
.bxmt .bx8a .bx8a-log__sum{margin:2px 0 10px;font-size:14px;line-height:1.8}
.bxmt .bx8a .bx8a-fold--in{border-top:1px solid var(--v8-rule)}
.bxmt .bx8a .bx8a-log .bx4-ul__list{margin:0;padding:0;list-style:none}
.bxmt .bx8a .bx8a-log .bx4-ul__list li{display:grid;grid-template-columns:7em minmax(0,1fr);gap:8px;margin:0;padding:8px 0;border-top:1px solid var(--v8-rule);font-size:14px;line-height:1.75}
.bxmt .bx8a .bx8a-log .bx4-ul__list li:first-child{border-top:0}

/* 日本語の改行: 文節で折り、最後の行を 1 字にしない（Chrome の auto-phrase / text-wrap:pretty。未対応のブラウザは通常の折り返し） */
.bxmt .bx8a :is(.bx8a-h1,.bx8a-sub,.bx8a-concl,.bx8a-sh,.bx8a-sum__h,.bx8a-sum__t,.bx8a-toc__t,.bx8a-steps__do,.bx8a-rel__a,a.bx8a-btn,a.bx8a-go,.bx8a-mid__v,.bx8a-dx__facts dd,.bx8a-steps__dl dd,.bx8a-dx__sub a,.bx8a-rel__d),
.bxmt .bx8a .bx8a-prose :is(h2,h3){word-break:auto-phrase;line-break:strict;text-wrap:pretty}
.bxmt .bx4 .bx8a-h1{text-wrap:balance}

/* ---------- 5. 画面幅 ---------- */
@media (max-width:767px){
  .bxmt .bx8a .bx8a-hero{padding-top:12px}
  .bxmt .bx8a .bx8a-hero__pic{margin-top:18px}
  .bxmt .bx4 .bx8a-concl{font-size:16.5px}
  .bxmt .bx8a .bx8a-sum{margin-top:36px}
  .bxmt .bx8a .bx8a-prose{margin-top:40px;font-size:16.5px}
  .bxmt .bx8a .bx8a-prose h2{margin-top:60px;font-size:22px}
  .bxmt .bx8a .bx8a-prose h3{font-size:18px}
  .bxmt .bx8a .bx8a-sh{font-size:19px}
  .bxmt .bx8a .bx8a-steps{margin-top:64px}
  .bxmt .bx8a .bx8a-dx{margin-left:calc(var(--bx8a-pad) * -1);margin-right:calc(var(--bx8a-pad) * -1);padding:24px var(--bx8a-pad) 18px}
  .bxmt .bx8a .bx8a-dx__facts{grid-template-columns:minmax(0,1fr)}
  .bxmt .bx8a a.bx8a-btn{display:flex;width:100%}
  .bxmt .bx8a .bx8a-dx__sub{flex-direction:column;align-items:flex-start}
  .bxmt .bx8a .bx8a-dx__sep{display:none}
  .bxmt .bx8a .bx8a-main .bx7-fun__in{padding:22px 18px}
}
@media (max-width:479px){
  .bxmt .bx8a .bx8a-steps__dl > div{grid-template-columns:minmax(0,1fr);gap:0}
  .bxmt .bx8a .bx8a-log .bx4-ul__list li{grid-template-columns:minmax(0,1fr);gap:0}
}
@media (prefers-reduced-motion:reduce){
  .bxmt .bx8a *,.bxmt .bx8a *::before,.bxmt .bx8a *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media print{
  .bxmt .bx8a .bx8a-rail,.bxmt .bx8a .bx8a-jump,.bxmt .bx8a .bx8a-mid{display:none}
}