@charset "UTF-8";
/* BoostX Media media.css v3 — .bxm スコープ・依存なし
   紺の大面ヒーロー廃止 → 特集扉（白）。マストヘッドはテーマ側 */

/* 1 トークン */
.bxm{--bxm-ink:#0F172A;--bxm-sub:#334155;--bxm-muted:#64748B;--bxm-line:#E2E8F0;--bxm-edge:#CBD5E1;
--bxm-blue:#2563EB;--bxm-blue-dk:#1D4ED8;--bxm-soft:#F8FAFC;--bxm-red:#B42318;
--bxm-accent:#1D4ED8;--bxm-accent-soft:#F1F5F9;--bxm-navy:#0B1524;--bxm-navy2:#10233F;
--bxm-hf:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;--bxm-page:#fff;
--bxm-w:1200px;--bxm-ww:1360px;--bxm-wr:740px;--bxm-pad:20px;
/* テーマのマスト高。テーマ無しでは 0 */
--bxm-stick:calc(var(--bxmt-brand,0px) + var(--bxmt-tabs,0px));--bxm-top:calc(var(--bxm-stick) + 60px);
background:var(--bxm-page);color:var(--bxm-ink);font-size:16px;line-height:1.85;font-feature-settings:"palt"}
@supports (color:color-mix(in srgb,#000 5%,#fff)){.bxm{--bxm-accent-soft:color-mix(in srgb,var(--bxm-accent) 6%,#fff)}}

/* 2 業界アクセント（.bxm と同じ要素に付ける） */
.bxm-ind-construction{--bxm-accent:#B4532A}
.bxm-ind-real-estate{--bxm-accent:#1F5A46}
.bxm-ind-manufacturing{--bxm-accent:#2E5A7A}
.bxm-ind-renovation{--bxm-accent:#7A5A33}
.bxm-ind-recruiting{--bxm-accent:#34518C}
.bxm-ind-professional{--bxm-accent:#2A3550}
.bxm-ind-logistics{--bxm-accent:#A0600F}
.bxm-ind-automotive{--bxm-accent:#1E2A38}
.bxm-ind-accounting{--bxm-accent:#2F6B3F}
.bxm-ind-wholesale{--bxm-accent:#1F6B72}
.bxm-ind-hotel{--bxm-accent:#7A2F46}

/* 3 基本 */
.bxm *,.bxm *::before,.bxm *::after{box-sizing:border-box}
.bxm h1,.bxm h2,.bxm h3,.bxm h4,.bxm p,.bxm li,.bxm dt,.bxm dd,.bxm th,.bxm td{color:var(--bxm-ink)}
.bxm a{color:var(--bxm-blue-dk);text-decoration:none}
.bxm a:hover{text-decoration:underline}
/* フィルターの要 */
.bxm [hidden]{display:none !important}
.bxm [id]{scroll-margin-top:var(--bxm-top)}
.bxm a:focus-visible,.bxm button:focus-visible,.bxm input:focus-visible,.bxm select:focus-visible,.bxm textarea:focus-visible,.bxm summary:focus-visible{outline:2px solid var(--bxm-blue);outline-offset:2px}
.bxm-skip{position:absolute;left:-9999px;top:0}
.bxm-skip:focus{position:static;display:inline-block;margin:10px;padding:8px 14px;background:#fff;border:1px solid var(--bxm-blue);font-size:14px}
/* 見出しだけ Zen Kaku */
.bxm-h1,.bxm-h2,.bxm-h3,.bxm-prose h2,.bxm-prose h3,.bxm-prose h4,.bxm-cta__title,
.bxm-dt__name,.bxm-row__name,.bxm-path__h,.bxm-list__title,.bxm-road__period,
.bxm-flow__label,.bxm-deflist dt,.bxm-faq__q,.bxm-sum__body,.bxm-feat__n,.bxm-new__t,.bxm-new__d,
.bxm-cop__h,.bxm-cop__n,.bxm-figs__v,.bxm-pull,.bxm-fit__name,.bxm-fit__h{font-family:var(--bxm-hf)}
.bxm-h1{margin:0 0 14px;font-size:clamp(28px,3vw,40px);line-height:1.3;font-weight:700;letter-spacing:-.015em;text-wrap:balance}
.bxm-h2,.bxm-prose h2{padding:var(--bxm-h2p,0 0 0 12px);border:0;border-left:var(--bxm-h2l,3px solid var(--bxm-accent));border-top:var(--bxm-h2t,0);border-bottom:var(--bxm-h2b,0);font-weight:var(--bxm-h2w,700);text-align:var(--bxm-h2a,left);text-wrap:balance}
.bxm-h2{margin:0 0 14px;font-size:clamp(21px,2.2vw,27px);line-height:1.45}
.bxm-h3{margin:0 0 10px;font-size:clamp(17px,1.5vw,20px);line-height:1.5;font-weight:700}
.bxm-lead{margin:0 0 20px;max-width:68ch;color:var(--bxm-sub);font-size:15px}
.bxm-body{margin:0 0 14px}
.bxm-note{margin:12px 0 0;color:var(--bxm-muted);font-size:13px;line-height:1.75}
.bxm-ul{margin:0;padding-left:1.15em;list-style:disc}
.bxm-ul li{margin:0 0 6px}
.bxm-ul-min{margin:0;padding:0;list-style:none}
.bxm-ul-min li{position:relative;padding-left:11px;margin:0 0 4px}
.bxm-ul-min li::before{content:"";position:absolute;left:0;top:.75em;width:5px;height:1px;background:var(--bxm-edge)}
.bxm-tlink{color:var(--bxm-blue-dk);text-decoration:underline;text-underline-offset:3px}
.bxm-tag,.bxm-dt__dept,.bxm-lv{display:inline-block;padding:1px 7px;border:1px solid var(--bxm-line);font-size:11.5px;color:var(--bxm-muted)}
.bxm-tag{background:#fff}
/* 白地＋1px 罫は共通 */
.bxm-panel,.bxm-table-wrap,.bxm-dt,.bxm-flow__step,.bxm-filter,.bxm-next,.bxm-parent,.bxm-cta,.bxm-toc__d,.bxm-formlayout__form,.bxm-feat__c,.bxm-cop,.bxm-fit{background:#fff;border:1px solid var(--bxm-line)}

/* 4 レイアウト */
.bxm-wrap{width:100%;max-width:var(--bxm-w);margin:0 auto;padding:0 var(--bxm-pad)}
.bxm-wrap--wide{max-width:var(--bxm-ww)}
.bxm-wrap--read{max-width:calc(var(--bxm-wr) + var(--bxm-pad)*2)}
.bxm-sec{padding:52px 0}
.bxm-sec--soft{background:var(--bxm-soft);border-top:1px solid var(--bxm-line);border-bottom:1px solid var(--bxm-line)}
.bxm-sec--tight{padding:30px 0}
.bxm-sec--chap{padding-top:96px}
.bxm-cols2,.bxm-cols3,.bxm-quad,.bxm-feat{display:grid;gap:22px}
.bxm-panel{padding:18px;border-top:2px solid var(--bxm-accent)}
.bxm-endmatter{padding:8px 0 16px}
.bxm-chain{margin:0 0 24px}

/* 5 ナビ（パンくず・アンカー行） */
.bxm-crumbs,.bxm-lnav{background:#fff;border-bottom:1px solid var(--bxm-line)}
.bxm-crumbs__list{display:flex;flex-wrap:wrap;margin:0;padding:9px 0;list-style:none;font-size:12.5px}
.bxm-crumbs__i,.bxm-crumbs a{color:var(--bxm-muted)}
.bxm-crumbs__i+.bxm-crumbs__i::before{content:"/";margin:0 8px;color:var(--bxm-edge)}
.bxm-lnav{position:sticky;top:var(--bxm-stick);z-index:20}
.bxm-lnav__in{display:flex;align-items:center;gap:0 18px;min-height:46px;overflow-x:auto;scrollbar-width:none}
.bxm-lnav__in::-webkit-scrollbar{display:none}
/* ネームプレート＝テーマが無い環境だけ */
.bxm-lnav__brand{flex:none;padding-right:16px;border-right:1px solid var(--bxm-line);color:var(--bxm-ink);font-size:11.5px;font-weight:700;white-space:nowrap}
.bxm-lnav__brand b{font-family:Inter,sans-serif;font-size:14.5px;letter-spacing:-.04em}
.bxm-lnav__list{display:flex;gap:18px;margin:0;padding:0;list-style:none}
.bxm-lnav__link{position:relative;display:block;line-height:46px;color:var(--bxm-sub);font-size:13px;white-space:nowrap}
.bxm-lnav__link:hover{color:var(--bxm-ink)}
.bxm-lnav__link.is-current{color:var(--bxm-ink);font-weight:700}
.bxm-lnav__link.is-current::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--bxm-accent)}
.bxm-by{white-space:nowrap;font-size:11.5px;color:var(--bxm-muted)}
.bxm-by__name{color:var(--bxm-ink);font-weight:700}
.bxm-byfoot{padding:26px 0 34px;background:var(--bxm-soft);border-top:1px solid var(--bxm-line)}
.bxm-byfoot__note{margin:8px 0 0;max-width:62ch;font-size:12.5px;color:var(--bxm-muted)}
.bxm-byfoot__links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;font-size:12.5px}

/* 6 特集扉（白地・上に 4px の業界罫） */
.bxm-cover{background:var(--bxm-page)}
.bxm-cover__band{border-top:4px solid var(--bxm-accent);border-bottom:1px solid var(--bxm-line)}
.bxm-cover__bandin{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;font-size:12px}
.bxm-cover__ind{font-weight:700;letter-spacing:.08em;white-space:nowrap}
.bxm-cover__ind a{color:var(--bxm-ink)}
.bxm-cover__by{color:var(--bxm-muted);white-space:nowrap}
.bxm-cover__in{position:relative;padding-top:40px;padding-bottom:24px}
.bxm-cover__motif{position:absolute;z-index:0;top:22px;right:var(--bxm-pad);width:clamp(120px,13vw,180px);color:var(--bxm-accent);opacity:.9;pointer-events:none}
.bxm-cover__motif svg{width:100%;height:auto}
.bxm-cover__motif+.bxm-h1{padding-right:clamp(108px,15vw,204px)}
.bxm-cover__in>:not(.bxm-cover__motif){position:relative;z-index:1}
.bxm-cover__lead{margin:0;max-width:58ch;color:var(--bxm-sub);font-size:15.5px;line-height:1.9}
/* メタは空白区切り（中黒禁止） */
.bxm-cover__meta{display:flex;flex-wrap:wrap;gap:2px 26px;margin:20px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--bxm-muted);letter-spacing:.02em}
.bxm-cover__meta b{margin-left:7px;color:var(--bxm-ink);font-weight:700}
/* 章立ての 1 行目次 */
.bxm-covtoc{display:flex;flex-wrap:wrap;margin:20px 0 0;padding:14px 0 2px;border-top:1px solid var(--bxm-line);list-style:none;font-size:13.5px}
.bxm-covtoc li+li::before{content:"/";margin:0 11px;color:var(--bxm-edge)}
.bxm-covtoc a{color:var(--bxm-sub)}

/* 数字で見る帯＝出典つきの数値だけ */
.bxm-figs{background:var(--bxm-soft);border-top:1px solid var(--bxm-line);border-bottom:1px solid var(--bxm-line)}
.bxm-figs__g{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;padding:20px 0}
.bxm-figs__h{grid-column:1/-1;margin:0;font-size:12.5px;font-weight:700;color:var(--bxm-muted);letter-spacing:.06em}
.bxm-lnav__label{flex:none;color:var(--bxm-muted);font-size:11.5px;white-space:nowrap}
.bxm-figs__l{margin:0 0 2px;font-size:12.5px;color:var(--bxm-sub);line-height:1.6}
.bxm-figs__v{display:block;font-size:clamp(26px,3vw,32px);font-weight:700;line-height:1.2;color:var(--bxm-accent);font-variant-numeric:tabular-nums}
.bxm-figs__u{margin-left:2px;font-size:15px}
.bxm-figs__s{margin:5px 0 0;font-size:11.5px;color:var(--bxm-muted);line-height:1.6}

/* 章の扉 */
.bxm-chap{margin:0 0 18px}
.bxm-chap__n{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:var(--bxm-accent);font-size:13px;font-weight:700;letter-spacing:.08em}
.bxm-chap__n::after{content:"";flex:1;height:1px;background:var(--bxm-line)}

/* 7 索引 */
/* 特集6業界 */
.bxm-feat__c{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:208px;padding:22px 20px;border-top:4px solid var(--bxm-accent)}
.bxm-feat__c>*{position:relative;z-index:1}
.bxm-feat__motif{position:absolute;z-index:0;right:-24px;bottom:-28px;width:152px;color:var(--bxm-accent);opacity:.1;pointer-events:none}
.bxm-feat__motif svg{width:100%;height:auto}
.bxm-feat__n{margin:0 0 8px;font-size:21px;font-weight:700;line-height:1.42}
.bxm-feat__n a{color:var(--bxm-ink)}
.bxm-feat__t{margin:0 0 14px;font-size:13px;line-height:1.8;color:var(--bxm-sub)}
.bxm-feat__m{margin:auto 0 0;padding-top:12px;border-top:1px solid var(--bxm-line);font-size:12.5px;color:var(--bxm-muted)}
.bxm-row--ind{padding-left:12px;border-left:3px solid var(--bxm-accent)}
.bxm-rows{margin:20px 0 0;padding:0;list-style:none;border-top:1px solid var(--bxm-line)}
.bxm-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:13px 2px;border-bottom:1px solid var(--bxm-line)}
.bxm-row__name{color:var(--bxm-ink);font-weight:700;font-size:15px}
.bxm-row__tag{color:var(--bxm-muted);font-size:13px}
.bxm-linkrow{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;font-size:13px}
.bxm-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--bxm-line)}
.bxm-list__i{padding:14px 2px;border-bottom:1px solid var(--bxm-line)}
.bxm-list__title{display:block;color:var(--bxm-ink);font-weight:700;font-size:15.5px;line-height:1.6}
.bxm-list__sum{margin:6px 0 0;font-size:13px;color:var(--bxm-muted);line-height:1.75}
.bxm-list__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:8px 0 0;font-size:11.5px;color:var(--bxm-muted)}
.bxm-list--compact .bxm-list__i{padding:10px 2px}
.bxm-list--compact .bxm-list__title{font-size:14px}
/* 新着＝日付をタイポで持つ */
.bxm-new{margin:0;padding:0;list-style:none;border-top:1px solid var(--bxm-line)}
.bxm-new__i{display:grid;grid-template-columns:58px minmax(0,1fr);gap:0 18px;padding:14px 2px;border-bottom:1px solid var(--bxm-line)}
.bxm-new__d{text-align:center;line-height:1.1}
.bxm-new__dd{display:block;font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}
.bxm-new__ym{display:block;margin-top:3px;font-size:11.5px;color:var(--bxm-muted)}
.bxm-new__t{display:block;font-size:15.5px;font-weight:700;line-height:1.6;color:var(--bxm-ink)}
.bxm-new__m{display:flex;flex-wrap:wrap;gap:4px 12px;margin:7px 0 0;font-size:11.5px;color:var(--bxm-muted)}
.bxm-secmeta{float:right;margin-top:6px;font-size:12.5px;color:var(--bxm-muted)}
.bxm-deflist{margin:0}
.bxm-deflist__i{padding:14px 0;border-bottom:1px solid var(--bxm-line)}
.bxm-deflist dt{margin:0 0 4px;font-size:15px;font-weight:700}
.bxm-deflist dd{margin:0;font-size:13.5px;color:var(--bxm-sub)}

/* 8 表（見出し行は太く・行は細く） */
.bxm-table-wrap{overflow-x:auto}
.bxm-table{width:100%;min-width:660px;border-collapse:collapse;font-size:13.5px;line-height:1.7}
.bxm-table th,.bxm-table td{padding:11px 12px;border-bottom:1px solid #EDF1F6;text-align:left;vertical-align:top}
.bxm-table thead th{background:var(--bxm-soft);border-bottom:2px solid var(--bxm-edge);color:var(--bxm-muted);font-size:12px;font-weight:700;white-space:nowrap}
.bxm-table tbody tr:hover td,.bxm-table tbody tr:hover th{background:var(--bxm-soft)}
.bxm-table--tasks{min-width:940px}
.bxm-table--tasks tbody th[scope=row]{border-left:2px solid var(--bxm-accent);padding-left:11px}
.bxm-table--rev{min-width:420px}
.bxm-caption{caption-side:top;padding:10px 12px;text-align:left;font-size:12.5px;color:var(--bxm-muted)}
.bxm-td-name{width:18%}
.bxm-td-sub{display:block;margin-top:4px;font-size:12px;color:var(--bxm-muted);font-weight:400}
.bxm-td-lv{white-space:nowrap}
/* 難易度は色だけで伝えない */
.bxm-lv{position:relative;margin:0 6px 4px 0;padding-left:21px}
.bxm-lv::before{content:"";position:absolute;left:7px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:2px;background:var(--bxm-edge)}
.bxm-lv--high{border-color:var(--bxm-accent);color:var(--bxm-accent)}
.bxm-lv--high::before{background:var(--bxm-accent)}
.bxm-lv--mid{color:var(--bxm-sub)}
.bxm-lv--mid::before{background:var(--bxm-accent);opacity:.45}

/* 9 折りたたみ（上罫を太く） */
.bxm-dt{margin:0 0 12px;border-top:2px solid var(--bxm-accent)}
.bxm-dt__sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:13px 14px;list-style:none;cursor:pointer}
.bxm-dt__sum:hover{background:var(--bxm-soft)}
.bxm-dt__sum::-webkit-details-marker{display:none}
.bxm-dt__sum::after{content:"";margin-left:auto;width:8px;height:8px;border-right:1.5px solid var(--bxm-muted);border-bottom:1.5px solid var(--bxm-muted);transform:rotate(45deg)}
.bxm-dt[open]>.bxm-dt__sum::after{transform:rotate(225deg)}
.bxm-dt__name{font-size:15px;font-weight:700}
.bxm-dt__n{font-size:12px;color:var(--bxm-muted)}
.bxm-dt__body{padding:14px;border-top:1px solid var(--bxm-line)}
.bxm-dt__def{margin:0 0 12px;font-size:13.5px;color:var(--bxm-sub)}
.bxm-dt__more{margin:12px 0 0;font-size:13px}
.bxm-dir__none{margin:12px 0 0;padding:16px;font-size:13.5px;color:var(--bxm-muted)}

/* 10 フロー・優先度・手順 */
.bxm-flow{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.bxm-flow__step{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:12px 14px}
.bxm-flow--chain .bxm-flow__step{border-top:2px solid var(--bxm-accent)}
.bxm-flow__n{color:var(--bxm-muted);font-size:11.5px;font-variant-numeric:tabular-nums}
.bxm-flow__label{font-size:14.5px;font-weight:700}
.bxm-flow__hubs{display:flex;flex-wrap:wrap;gap:4px 12px;width:100%;margin:2px 0 0;padding:0;list-style:none;font-size:12.5px}
/* 優先度の散布図 */
.bxm-scat{margin:0 0 26px}
.bxm-scat__plot{width:100%;min-width:600px;border-spacing:0;table-layout:fixed}
.bxm-scat__plot th{padding:7px 9px;font-size:11.5px;font-weight:700;color:var(--bxm-muted);text-align:center;white-space:nowrap}
.bxm-scat__plot thead th{border-bottom:1px solid var(--bxm-edge)}
.bxm-scat__plot tbody th{width:88px;text-align:right;border-right:1px solid var(--bxm-edge)}
.bxm-scat__ax{font-size:11px;font-weight:700;color:var(--bxm-ink)}
.bxm-scat__c{height:104px;padding:9px 10px;border:0 dashed var(--bxm-line);border-right-width:1px;border-bottom-width:1px;vertical-align:top}
.bxm-scat__c:last-child{border-right:0}
.bxm-scat__c--hot{background:var(--bxm-accent-soft)}
.bxm-scat__pt{position:relative;display:block;margin:0 0 6px;padding-left:14px;font-size:12.5px;font-weight:700;line-height:1.5;color:var(--bxm-ink)}
.bxm-scat__pt::before{content:"";position:absolute;left:0;top:.45em;width:8px;height:8px;border-radius:50%;background:var(--bxm-accent)}
.bxm-scat__hint{margin:10px 0 0;font-size:12.5px;color:var(--bxm-muted)}
/* 横タイムライン */
.bxm-road{display:grid;margin:0;padding:0;list-style:none}
.bxm-road__p{position:relative;padding:24px 26px 6px 0;border-top:2px solid var(--bxm-line)}
.bxm-road__p::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--bxm-accent)}
.bxm-road__p:first-child{border-top-color:var(--bxm-accent)}
.bxm-road__period{margin:0 0 8px;color:var(--bxm-accent);font-size:14.5px;font-weight:700}
.bxm-steps{margin:0 0 20px;padding:0;list-style:none}
.bxm-steps li{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--bxm-line);font-size:14.5px}
.bxm-steps__n{flex:none;width:1.4em;color:var(--bxm-accent);font-weight:700;font-variant-numeric:tabular-nums}

/* 11 検索とフィルター */
.bxm-filter{display:grid;gap:12px;margin:0 0 22px;padding:16px}
.bxm-filter__count{grid-column:1/-1;margin:0;font-size:13px;color:var(--bxm-muted)}
.bxm-filter__reset{margin-left:12px}
.bxm-hsearch{margin:0 0 26px;max-width:460px}
.bxm-label{display:block;margin:0 0 5px;font-size:12.5px;font-weight:700;color:var(--bxm-muted)}
.bxm-input,.bxm-select,.bxm-textarea{width:100%;padding:9px 11px;font:inherit;font-size:15px;line-height:1.55;color:var(--bxm-ink);background:#fff;border:1px solid var(--bxm-edge);border-radius:2px}
.bxm-input:focus,.bxm-select:focus,.bxm-textarea:focus{border-color:var(--bxm-blue)}

/* 12 記事（日経xtech 型・地は白） */
.bxm-prog{position:fixed;left:0;top:var(--bxm-stick);z-index:60;width:100%;height:3px;background:var(--bxm-accent);transform:scaleX(0);transform-origin:0 50%}
.bxm-arthead{padding:30px 0 0}
.bxm-arthead__path{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px;font-size:12.5px;color:var(--bxm-muted)}
.bxm-arthead__path a{color:var(--bxm-muted);text-decoration:underline;text-underline-offset:3px}
.bxm-arthead__pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
/* メタは空白区切りの 1 行 */
.bxm-artmeta{display:flex;flex-wrap:wrap;gap:3px 20px;margin:16px 0 0;padding:11px 0;border-top:1px solid var(--bxm-line);border-bottom:1px solid var(--bxm-line);font-size:12.5px;color:var(--bxm-muted);letter-spacing:.02em}
.bxm-byline{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:13px;color:var(--bxm-sub)}
.bxm-byline__i{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--bxm-edge);border-radius:50%;font-family:var(--bxm-hf);font-size:15px;font-weight:700;color:var(--bxm-ink)}
.bxm-sum{margin:22px 0 0;padding:18px 20px;background:var(--bxm-accent-soft);border-left:3px solid var(--bxm-accent)}
.bxm-sum__label{margin:0 0 8px;font-size:12.5px;font-weight:700;color:var(--bxm-accent)}
.bxm-sum__body{margin:0;font-size:15px;line-height:1.8}
ul.bxm-sum__body li{margin:0 0 6px}
ul.bxm-sum__body li:last-child{margin:0}
.bxm-art{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-top:28px;padding-bottom:44px}
.bxm-parent{margin:0 0 22px;padding:11px 14px;background:var(--bxm-soft);font-size:13.5px}
.bxm-toc{font-size:13.5px}
.bxm-toc__sum{padding:11px 13px;font-size:13px;font-weight:700;cursor:pointer}
.bxm-toc__list{margin:0;padding:2px 13px 12px;list-style:none}
.bxm-toc__i--sub{padding-left:12px}
.bxm-toc__link{display:block;padding:4px 0 4px 10px;border-left:2px solid transparent;color:var(--bxm-muted);line-height:1.7}
.bxm-toc__link.is-current{border-left-color:var(--bxm-accent);color:var(--bxm-ink);font-weight:700}
.bxm-prose{max-width:var(--bxm-wr);font-size:17px;line-height:1.95}
.bxm-prose>*:first-child{margin-top:0}
.bxm-prose h2{margin:44px 0 14px;font-size:clamp(21px,2.2vw,26px);line-height:1.45}
.bxm-prose h3{margin:34px 0 10px;font-size:19px;line-height:1.55;font-weight:700}
.bxm-prose h4{margin:22px 0 8px;font-size:16px;font-weight:700}
.bxm-prose p{margin:0 0 20px}
.bxm-prose ul,.bxm-prose ol{margin:0 0 20px;padding-left:1.35em}
.bxm-prose ul{list-style:disc}
.bxm-prose ol{list-style:decimal}
.bxm-prose li{margin:0 0 6px}
.bxm-prose a{text-decoration:underline;text-underline-offset:3px}
.bxm-prose blockquote{margin:0 0 20px;padding:2px 0 2px 16px;border-left:3px solid var(--bxm-line);color:var(--bxm-sub)}
/* 抜き出し。出典は付けない・1記事1個 */
.bxm-prose blockquote.bxm-pull,.bxm-pull{margin:30px 0;padding:2px 0 2px 20px;border-left:3px solid var(--bxm-accent);color:var(--bxm-ink);font-size:21px;font-weight:500;line-height:1.8}
.bxm-prose table{width:100%;margin:0 0 20px;border-collapse:collapse;font-size:14px}
.bxm-prose th,.bxm-prose td{padding:9px 11px;border:1px solid var(--bxm-line);text-align:left;vertical-align:top}
.bxm-prose thead th{background:var(--bxm-soft)}
.bxm-prose img{max-width:100%;height:auto}
/* 図版＝枠 1px・キャプションは下 */
.bxm-prose figure{margin:32px 0}
.bxm-prose figure>img,.bxm-prose figure>svg{display:block;width:100%;height:auto;padding:20px;background:#fff;border:1px solid var(--bxm-line)}
.bxm-prose figcaption{margin:10px 0 0;font-size:13px;line-height:1.7;color:var(--bxm-sub)}
.bxm-prose figcaption small{display:block;margin-top:3px;font-size:12px;color:var(--bxm-muted)}
.bxm-prose code{padding:1px 5px;background:var(--bxm-soft);border:1px solid var(--bxm-line);font-size:13.5px}
.bxm-next{margin:26px 0;padding:18px;border-left:3px solid var(--bxm-accent)}
.bxm-next__label{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--bxm-accent)}
.bxm-next__title{font-size:16px;font-weight:700;color:var(--bxm-ink)}
.bxm-next__sum{margin:6px 0 0;font-size:13px;color:var(--bxm-muted)}
.bxm-path{display:grid;gap:1px;background:var(--bxm-line);border:1px solid var(--bxm-line)}
.bxm-path__col{padding:16px}
.bxm-path__h{margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--bxm-accent);font-size:14px;font-weight:700}
.bxm-path__empty{font-size:12.5px;color:var(--bxm-muted)}
.bxm-path__slot{margin:0 0 6px;color:var(--bxm-ink);font-size:13px;font-weight:700}

/* 13 CTA */
.bxm-cta--inline{display:grid;gap:16px;margin:28px 0;padding:22px;border-top:3px solid var(--bxm-accent)}
.bxm-cta__title{margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.5}
.bxm-cta__lead{margin:0;font-size:13.5px;line-height:1.8;color:var(--bxm-sub)}
.bxm-cta__note{margin:8px 0 0;font-size:11.5px;color:var(--bxm-muted)}
.bxm .bxm-btn{display:inline-block;padding:11px 20px;background:var(--bxm-navy);border:1px solid var(--bxm-navy);border-radius:2px;color:#fff;font:inherit;font-size:14.5px;font-weight:700;text-align:center;cursor:pointer}
.bxm .bxm-btn:hover{background:var(--bxm-navy2);border-color:var(--bxm-navy2);color:#fff;text-decoration:none}
.bxm .bxm-btn--ghost{background:#fff;border-color:var(--bxm-edge);color:var(--bxm-blue-dk)}
.bxm .bxm-btn--ghost:hover{background:var(--bxm-soft);color:var(--bxm-blue-dk)}
.bxm-btn--block{display:block;width:100%}
.bxm-btn[disabled]{opacity:.55;cursor:default}
/* 一体型 CTA（末尾に 1 本だけ） */
.bxm-cop,.bxm-fit{margin:36px 0 0;padding:26px 24px;border-top:3px solid var(--bxm-accent)}
.bxm-cop__h,.bxm-fit__h{margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.6}
.bxm-cop__lead,.bxm-fit__lead{margin:0 0 18px;max-width:66ch;font-size:13px;line-height:1.85;color:var(--bxm-muted)}
.bxm-cop__list,.bxm-fit__list{display:grid;gap:12px;margin:0 0 22px;padding:0;list-style:none}
.bxm-cop__i,.bxm-fit__i{padding:15px 17px;background:var(--bxm-soft);border:1px solid var(--bxm-line)}
.bxm-cop__n,.bxm-fit__name{font-size:15.5px;font-weight:700}
.bxm-cop__one{margin:3px 0 0;font-size:12.5px;color:var(--bxm-muted)}
.bxm-cop__why,.bxm-fit__why{margin:7px 0 0;font-size:13px;line-height:1.85;color:var(--bxm-sub)}
.bxm-cop__act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.bxm-cop__note{margin:12px 0 0;font-size:11.5px;color:var(--bxm-muted)}

/* 14 フォーム */
.bxm-formlayout{display:grid;gap:32px;padding:36px 0 48px}
.bxm-formlayout__form{padding:24px;border-top:3px solid var(--bxm-accent)}
.bxm-formlayout__info .bxm-ul{margin-bottom:22px}
.bxm-form__grid{display:grid;gap:16px}
.bxm-field{min-width:0}
.bxm-req{white-space:nowrap;margin-left:6px;padding:1px 5px;background:var(--bxm-accent);border-radius:2px;color:#fff;font-size:10.5px}
.bxm-hint{margin:0 0 5px;font-size:12px;color:var(--bxm-muted);line-height:1.7}
.bxm-err{margin:5px 0 0;font-size:12.5px;font-weight:700;color:var(--bxm-red)}
.bxm-field.is-error .bxm-input,.bxm-field.is-error .bxm-select,.bxm-field.is-error .bxm-textarea{border-color:var(--bxm-red)}
.bxm-form__sum{margin:0 0 18px;padding:14px 16px;background:#FEF3F2;border:1px solid var(--bxm-red);font-size:13.5px}
.bxm-form__sum ul{margin:8px 0 0;padding-left:1.2em;list-style:disc}
.bxm-form__act{margin-top:22px}
.bxm-form__status{min-height:1.2em;margin:10px 0 0;font-size:13px;color:var(--bxm-muted)}
.bxm-form__status.is-error{color:var(--bxm-red)}
.bxm-consent{margin:18px 0 0;font-size:12px;line-height:1.8;color:var(--bxm-muted)}
.bxm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bxm-thanks{padding:44px 0 56px}

/* 15 文末（監修・出典・FAQ） */
.bxm-author{margin:36px 0 0;padding-top:24px;border-top:1px solid var(--bxm-line)}
.bxm-author__row{display:grid;gap:18px}
.bxm-author__label{margin:0 0 4px;font-size:11.5px;font-weight:700;color:var(--bxm-muted)}
.bxm-author__name{margin:0 0 4px;font-size:15px;font-weight:700}
.bxm-author__role{margin:0;font-size:12.5px;line-height:1.75;color:var(--bxm-muted)}
.bxm-author__date{margin:0 0 3px;font-size:12.5px;color:var(--bxm-muted)}
.bxm-src,.bxm-src__list{margin:0;padding-left:1.4em;font-size:13px;line-height:1.9;list-style:decimal}
.bxm-src__pub,.bxm-src__date{margin-left:8px;font-size:12px;color:var(--bxm-muted)}
.bxm-rev{margin:32px 0 0}
.bxm-faq{margin:36px 0 0}
.bxm-faq__list{border-top:1px solid var(--bxm-line)}
.bxm-faq__i{border-bottom:1px solid var(--bxm-line)}
.bxm-faq__q{position:relative;padding:14px 30px 14px 2px;font-size:14.5px;font-weight:700;list-style:none;cursor:pointer}
.bxm-faq__q::-webkit-details-marker{display:none}
.bxm-faq__q::after{content:"";position:absolute;top:20px;right:8px;width:8px;height:8px;border-right:1.5px solid var(--bxm-muted);border-bottom:1.5px solid var(--bxm-muted);transform:rotate(45deg)}
.bxm-faq__i[open]>.bxm-faq__q::after{transform:rotate(225deg)}
.bxm-faq__a{padding:0 2px 16px;font-size:14px;color:var(--bxm-sub)}
.bxm-faq__a p{margin:0}
.bxm-empty,.bxm-dir__none{background:var(--bxm-soft);border:1px dashed var(--bxm-edge)}
.bxm-empty{padding:18px}
.bxm-empty__t{margin:0 0 6px;font-size:14px;font-weight:700}
.bxm-empty__b{margin:0;font-size:13px;line-height:1.75;color:var(--bxm-muted)}
.bxm-empty__a{margin:10px 0 0;font-size:13px}

/* 15b 最初の90日・失敗と防ぎ方・導入前の問い・用語（業界ページ） */
.bxm-f90{margin:0 0 26px;padding:18px 20px;background:var(--bxm-accent-soft);border-left:3px solid var(--bxm-accent)}
.bxm-f90__task{margin:0 0 4px;font-family:var(--bxm-hf);font-size:17px;font-weight:700;line-height:1.5}
.bxm-f90__hub{margin:0 0 12px;font-size:12.5px;color:var(--bxm-muted)}
.bxm-f90 .bxm-cols2{margin:16px 0 0}
.bxm-fail{min-width:880px}
.bxm-crit{margin:0 0 26px}
.bxm-crit dd+dd{margin-top:5px;color:var(--bxm-muted)}
.bxm-crit dd b{margin-right:7px;color:var(--bxm-ink)}
.bxm-gloss{display:grid;gap:0 34px}
/* 16 研究会・無料相談 */
.bxm-rsch{display:grid;gap:26px;padding-bottom:48px}
.bxm-rsch__side{padding:24px;background:#fff;border:1px solid var(--bxm-line);border-top:3px solid var(--bxm-accent)}
.bxm-rsch__body>.bxm-sec:first-child{padding-top:30px}

/* 17 サービス接続（一体型CTAと同じ面） */
.bxm-fit__ask{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--bxm-line);font-size:12.5px}

/* 18 業界ごとの「ずらし」 */
.bxm-ind-construction,.bxm-ind-logistics{--bxm-h2p:0 0 0 14px;--bxm-h2l:4px solid var(--bxm-accent)}
.bxm-ind-real-estate,.bxm-ind-recruiting{--bxm-h2p:0 0 9px;--bxm-h2l:0;--bxm-h2b:2px solid var(--bxm-accent)}
.bxm-ind-manufacturing{--bxm-h2w:500}
.bxm-ind-renovation,.bxm-ind-hotel{--bxm-page:#FBFAF7;--bxm-soft:#F4F1E9;--bxm-line:#E4DFD4;--bxm-muted:#5C6878}
.bxm-ind-professional{--bxm-h2p:9px 0;--bxm-h2l:0;--bxm-h2t:1px solid var(--bxm-accent);--bxm-h2b:1px solid var(--bxm-accent)}
.bxm-ind-accounting{--bxm-h2p:0 0 8px;--bxm-h2l:0;--bxm-h2b:3px double var(--bxm-accent)}
.bxm-ind-hotel{--bxm-h2p:0 0 14px;--bxm-h2l:0;--bxm-h2a:center}
.bxm-ind-hotel :is(.bxm-h2,.bxm-prose h2)::after{content:"";display:block;width:44px;height:1px;margin:12px auto 0;background:var(--bxm-accent)}
.bxm-ind-automotive :is(.bxm-cover,.bxm-sec--soft){background-image:radial-gradient(var(--bxm-edge) .8px,transparent .9px);background-size:4px 4px}
.bxm-ind-professional :is(.bxm-h1,.bxm-h2,.bxm-h3,.bxm-prose h2,.bxm-prose h3,.bxm-feat__n),.bxm-ind-hotel :is(.bxm-h1,.bxm-h2,.bxm-h3,.bxm-prose h2,.bxm-prose h3,.bxm-feat__n){font-family:"Shippori Mincho","Zen Kaku Gothic New",serif;font-weight:600}

/* 19 ブレークポイント */
@media (min-width:640px){
.bxm-form__grid{grid-template-columns:1fr 1fr}
.bxm-field--full{grid-column:1/-1}
.bxm-figs__g{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:768px){
.bxm-cols2{grid-template-columns:1fr 1fr;gap:28px}
.bxm-cols3{grid-template-columns:repeat(3,1fr)}
.bxm-quad{grid-template-columns:1fr 1fr}
.bxm-feat{grid-template-columns:1fr 1fr}
.bxm-path{grid-template-columns:1fr 1fr}
.bxm-cta--inline{grid-template-columns:1fr auto;align-items:center;gap:28px}
.bxm-filter{grid-template-columns:1.6fr 1fr 1fr 1fr;align-items:end}
.bxm-cop__list{grid-template-columns:1fr 1fr}
/* 流れ: 隙間に連結線と矢頭を描く */
.bxm-flow{grid-auto-flow:column;grid-auto-columns:1fr;gap:0 24px}
.bxm-flow__step+.bxm-flow__step::before{content:"";position:absolute;left:-24px;top:50%;width:24px;height:1px;background:var(--bxm-edge);transform:translateY(-50%)}
.bxm-road{grid-template-columns:repeat(3,1fr)}
.bxm-gloss{grid-template-columns:1fr 1fr}
.bxm-cover__in{padding-top:52px;padding-bottom:30px}
.bxm-arthead{padding:38px 0 0}
}
@media (min-width:1024px){
.bxm-rsch{grid-template-columns:minmax(0,1fr) 372px;gap:0 48px;align-items:start}
.bxm-rsch__body{grid-column:1;grid-row:1}
.bxm-rsch__side{grid-column:2;grid-row:1;position:sticky;top:var(--bxm-top)}
.bxm-feat{grid-template-columns:repeat(3,1fr)}
/* 縦ずらしは SP では解除 */
.bxm-feat__c:nth-child(2),.bxm-feat__c:nth-child(5){margin-top:40px}
.bxm-path{grid-template-columns:repeat(4,1fr)}
.bxm-formlayout{grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.bxm-art{grid-template-columns:minmax(190px,250px) minmax(0,var(--bxm-wr)) minmax(190px,250px);gap:40px;justify-content:center;align-items:start}
.bxm-art__toc,.bxm-art__side{position:sticky;top:var(--bxm-top)}
.bxm-art__side .bxm-cop{margin:0;padding:18px 16px}
.bxm-art__side .bxm-cop__h{font-size:15.5px}
.bxm-art__side .bxm-cop__list{grid-template-columns:minmax(0,1fr)}
.bxm-art__main>.bxm-cop{display:none}
.bxm-art__toc{max-height:calc(100vh - 170px);overflow:auto}
.bxm-toc__d{border:0;background:none}
.bxm-toc__sum{display:none}
.bxm-toc__list{padding:0}
}
@media (max-width:1023px){
.bxm-art__side{display:none}
}
@media (min-width:1200px){
.bxm-quad{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:767px){
.bxm{--bxm-pad:16px}
.bxm-sec{padding:40px 0}
.bxm-sec--chap{padding-top:56px}
.bxm-cover__motif{width:96px;top:16px;opacity:.55}
.bxm-cover__lead,.bxm-cover__meta{max-width:none}
.bxm-figs__v{font-size:26px}
.bxm-prose{font-size:16px;line-height:1.9}
.bxm-pull,.bxm-prose blockquote.bxm-pull{font-size:18px}
.bxm-flow{gap:16px}
.bxm-flow__step+.bxm-flow__step::before{content:"";position:absolute;top:-16px;left:22px;width:1px;height:16px;background:var(--bxm-edge)}
.bxm-road__p{border-top:0;border-left:2px solid var(--bxm-line);padding:2px 0 20px 20px}
.bxm-road__p::before{top:2px;left:-7px}
.bxm-road__p:first-child{border-left-color:var(--bxm-accent)}
.bxm-cop,.bxm-fit{padding:18px 16px}
.bxm-new__i{grid-template-columns:minmax(0,1fr);gap:6px}
.bxm-new__d{display:flex;gap:6px;align-items:baseline;text-align:left}
.bxm-new__dd{font-size:15px}
.bxm-new__ym{margin:0}
/* 失敗と防ぎ方の表は縦積み（見出しは各行に添える） */
.bxm-fail,.bxm-fail tbody,.bxm-fail tr,.bxm-fail th,.bxm-fail td{display:block;min-width:0}
.bxm-fail thead{display:none}
.bxm-fail tr{padding:14px 0;border-bottom:1px solid var(--bxm-edge)}
.bxm-fail th[scope=row],.bxm-fail td{padding:0;border:0}
.bxm-fail td{margin-top:8px}
.bxm-fail td::before{content:attr(data-l);display:block;font-size:11.5px;color:var(--bxm-muted)}
/* 狭い画面は表自体を横スクロール */
.bxm-prose table{display:block;width:max-content;max-width:100%;overflow-x:auto}
}
/* 動きを減らす設定を尊重 */
@media (prefers-reduced-motion:reduce){
.bxm *{animation:none !important;transition:none !important;scroll-behavior:auto !important}
.bxm-prog{display:none}
}
/* 図式（scripts/media_diagram_kit.py が出す .bxm-fig インラインSVG） */
.bxm-fig{margin:28px 0;padding:0}
.bxm-fig svg{display:block;width:100%;max-width:660px;height:auto;margin:0 auto}
.bxm-fig figcaption{margin-top:8px;font-size:13px;line-height:1.6;color:var(--bxm-muted,#6b7280);text-align:center}
