@charset "UTF-8";
/* BoostX 業界AIメディア — テーマ CSS v4.1
   スコープ: body.bxmt と .bx4-*。media.css の .bxm a / .bxm p に勝つため .bxmt 前置（0,2,0）・土台は :where()。
   基準: 本文17px/1.9/版面660px・h2 28px・メタ13px・表はPCのみ。v4.1: 他業界を出さない/表紙写真/写真つきカード/一体型CTA */

/* 1 トークン */
:root{
  --bx4-ink:#111820;--bx4-sub:#3C4856;--bx4-mut:#5F6B79;
  --bx4-line:#E3E7EB;--bx4-edge:#C7CED6;--bx4-soft:#F6F7F9;--bx4-soft2:#EEF1F4;
  --bx4-ac:#27415F;--bx4-hw:700;--bx4-link:#1A4FA0;--bx4-dark:#0F1519;
  --bx4-w:1120px;--bx4-wr:660px;--bx4-pad:24px;
  --bx4-sans:"Noto Sans JP",system-ui,-apple-system,"Hiragino Kaku Gothic ProN",sans-serif;
  --bx4-head:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;
  --bx4-nav:52px;
}
/* 媒体の主色と見出しのウェイト（docs/media-identity.md の表） */
.bxmt-ind-construction{--bx4-ac:#B4532A}
.bxmt-ind-real-estate{--bx4-ac:#1F5A46}
.bxmt-ind-manufacturing{--bx4-ac:#2E5A7A;--bx4-hw:500}
.bxmt-ind-renovation{--bx4-ac:#7A5A33}
.bxmt-ind-recruiting{--bx4-ac:#34518C}
.bxmt-ind-professional{--bx4-ac:#2A3550;--bx4-hw:600;--bx4-head:"Shippori Mincho","Noto Serif JP",serif}
.bxmt-ind-logistics{--bx4-ac:#A0600F}
.bxmt-ind-automotive{--bx4-ac:#1E2A38}
.bxmt-ind-accounting{--bx4-ac:#2F6B3F;--bx4-hw:500}
.bxmt-ind-wholesale{--bx4-ac:#1F6B72}
.bxmt-ind-hotel{--bx4-ac:#7A2F46;--bx4-hw:600;--bx4-head:"Shippori Mincho","Noto Serif JP",serif}

/* 2 基本 */
.bxmt{margin:0;background:#fff;color:var(--bx4-ink);font-family:var(--bx4-sans);font-size:16px;line-height:1.85;font-feature-settings:"palt";-webkit-text-size-adjust:100%;overflow-x:hidden}
.bxmt *,.bxmt *::before,.bxmt *::after{box-sizing:border-box}
.bxmt img,.bxmt svg{max-width:100%}
.bxmt img{height:auto}
.bxmt [hidden]{display:none !important}
.bxmt-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.bxmt-skip{position:absolute;left:-9999px;top:0}
.bxmt-skip:focus{left:0;z-index:90;display:inline-block;margin:8px;padding:8px 14px;background:#fff;border:1px solid var(--bx4-link);color:var(--bx4-ink);font-size:14px;text-decoration:none}
.bxmt a:focus-visible,.bxmt button:focus-visible,.bxmt input:focus-visible,.bxmt summary:focus-visible{outline:2px solid var(--bx4-link);outline-offset:2px}
.bxmt .bx4-wrap{max-width:var(--bx4-w);margin:0 auto;padding:0 var(--bx4-pad)}
.bxmt-main{display:block;min-height:40vh}
.bxmt [id]{scroll-margin-top:calc(var(--bx4-nav) + 16px)}
/* 本文中のリンクは 1 か所で決める（media.css の .bxm a を必ず上書きする） */
.bxmt .bx4 :where(a){color:var(--bx4-link);text-decoration:none}
.bxmt .bx4 :where(a):hover{text-decoration:underline;text-underline-offset:3px}
/* :where() は詳細度 0。media.css の .bxm p / .bxm a（0,1,1）には勝ち、後続の部品の色（0,2,0）には負ける */
.bxmt .bx4 :where(h1,h2,h3,h4,p,li,dt,dd,th,td){color:inherit}
.bxmt .bx4-foot :where(h1,h2,h3,h4,p,li,dt,dd){color:inherit}
.bxmt .bx4-mast :where(h1,h2,h3,p,li,dt,dd){color:inherit}
.bxmt .bx4-cover :where(h1,h2,h3,p,li,dt,dd){color:inherit}
.bxmt .bx4 p{margin:0 0 1.2em}
.bxmt .bx4 :is(h1,h2,h3,h4){font-family:var(--bx4-head);font-weight:var(--bx4-hw);letter-spacing:-.01em}

/* ボタン */
.bxmt .bx4-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border:0;border-radius:2px;background:var(--bx4-ink);color:#fff;font-family:var(--bx4-head);font-size:15px;font-weight:700;line-height:1.3;text-decoration:none;white-space:nowrap;cursor:pointer}
.bxmt .bx4-btn:hover{background:#000;color:#fff;text-decoration:none}
.bxmt .bx4-btn--ac{background:var(--bx4-ac)}
.bxmt .bx4-btn--ac:hover{background:var(--bx4-ink)}
.bxmt .bx4-btn--line{background:#fff;color:var(--bx4-ink);box-shadow:inset 0 0 0 1px var(--bx4-edge)}
.bxmt .bx4-btn--line:hover{background:var(--bx4-soft);color:var(--bx4-ink)}
.bxmt .bx4-btn--w{background:#fff;color:var(--bx4-ink)}
.bxmt .bx4-btn--w:hover{background:var(--bx4-soft2);color:var(--bx4-ink)}
.bxmt .bx4-btn--ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.bxmt .bx4-btn--ghost:hover{background:rgba(255,255,255,.12);color:#fff}

/* 共通の見出し・帯 */
.bxmt .bx4-sec{padding:64px 0}
.bxmt .bx4-sec--tight{padding:44px 0}
.bxmt .bx4-sec--soft{background:var(--bx4-soft)}
.bxmt .bx4-sec + .bx4-sec--soft,.bxmt .bx4-sec--soft + .bx4-sec{border-top:1px solid var(--bx4-line)}
.bxmt .bx4-h2{margin:0 0 20px;font-size:28px;line-height:1.4}
.bxmt .bx4-h2--rule{padding-bottom:14px;border-bottom:2px solid var(--bx4-ink)}
.bxmt .bx4-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 26px;padding-bottom:12px;border-bottom:2px solid var(--bx4-ink)}
.bxmt .bx4-hd .bx4-h2{margin:0;padding:0;border:0}
.bxmt .bx4-hd__note{flex:none;font-size:13px;color:var(--bx4-mut);line-height:1.6}
.bxmt .bx4-hd__note a{color:var(--bx4-mut);text-decoration:underline;text-underline-offset:3px}
.bxmt .bx4-h3{margin:0 0 10px;font-size:21px;line-height:1.5}
.bxmt .bx4-h3--gap{margin-top:34px}
.bxmt .bx4-meta{margin:0;font-size:13px;line-height:1.7;color:var(--bx4-mut);letter-spacing:.01em}
.bxmt .bx4-meta span + span{margin-left:1.2em}
.bxmt .bx4-lead{margin:0 0 20px;font-size:17px;line-height:1.9;color:var(--bx4-sub)}

/* 3 マストヘッド — 発行元の帯 → 媒体ロゴタイプ（欧文＋和文＋タグライン） → 罫 → 媒体ナビ */
.bxmt .bx4-mast{background:#fff}
.bxmt .bx4-head{display:flex;align-items:center;gap:0 22px;padding-top:18px;padding-bottom:16px}
.bxmt .bx4-brand{display:block;flex:none;min-width:0;text-decoration:none;color:var(--bx4-ink)}
.bxmt .bx4-brand:hover{text-decoration:none}
.bxmt .bx4-brand__name{display:block;font-family:var(--bx4-head);font-size:27px;font-weight:var(--bx4-hw);line-height:1.2;letter-spacing:-.03em;color:var(--bx4-ink)}
.bxmt .bx4-head__by{font-size:11px;font-weight:600;letter-spacing:.03em;line-height:1.5;color:var(--bx4-mut);white-space:nowrap}
.bxmt .bx4-head__by a{color:var(--bx4-sub);text-decoration:none}
.bxmt .bx4-head__by a:hover{color:var(--bx4-ac)}
.bxmt .bx4-brand__en{display:block;margin-top:6px;font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--bx4-mut)}
.bxmt .bx4-brand__tag{flex:1 1 auto;min-width:0;margin:0;padding-left:22px;border-left:1px solid var(--bx4-line);font-size:12.5px;line-height:1.65;color:var(--bx4-mut);letter-spacing:.01em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
/* 表紙のあるページではロゴタイプを一段小さく（媒体名は表紙も持つ） */
@media (max-width:1080px){.bxmt .bx4-brand__tag{display:none}}
@media (max-width:880px){.bxmt .bx4-head__by{display:none}}
@media (max-width:640px){.bxmt .bx4-brand__name{font-size:21px}}
.bxmt .bx4-head__side{display:flex;align-items:center;gap:14px;flex:none;margin-left:auto}
.bxmt .bx4-head__link{font-size:14px;font-weight:700;color:var(--bx4-ink);text-decoration:none;white-space:nowrap}
.bxmt .bx4-head__link:hover{text-decoration:underline;text-underline-offset:3px}
.bxmt .bx4-head__link--sub{font-weight:500;color:var(--bx4-sub)}
.bxmt .bx4-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--bx4-line);border-radius:2px;background:#fff;color:var(--bx4-sub);cursor:pointer}
.bxmt .bx4-ico:hover{background:var(--bx4-soft);color:var(--bx4-ink)}
.bxmt .bx4-ico--menu{display:none}
/* 媒体の主色の太い罫 1 本 */
.bxmt .bx4-rule{height:6px;background:var(--bx4-ac)}
.bxmt .bx4-mast--portal .bx4-rule{background:var(--bx4-ink)}

/* 検索行 */
.bxmt .bx4-search{border-bottom:1px solid var(--bx4-line);background:var(--bx4-soft)}
.bxmt .bx4-search__in{display:flex;align-items:center;gap:10px;padding-top:12px;padding-bottom:12px}
.bxmt .bx4-search__label{font-size:13px;font-weight:700;color:var(--bx4-sub);white-space:nowrap}
.bxmt .bx4-search input[type=search]{flex:1;min-width:0;height:44px;padding:0 14px;border:1px solid var(--bx4-edge);border-radius:2px;background:#fff;color:var(--bx4-ink);font-family:inherit;font-size:15px}

/* 媒体ナビ（sticky） */
.bxmt .bx4-nav{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--bx4-line);box-shadow:0 1px 0 rgba(17,24,32,.03)}
.bxmt .bx4-nav__in{display:flex;align-items:center;gap:20px;height:var(--bx4-nav)}
.bxmt .bx4-nav__brand{flex:none;font-family:var(--bx4-head);font-size:15px;font-weight:var(--bx4-hw);color:var(--bx4-ink);text-decoration:none;letter-spacing:-.015em;padding-left:11px;border-left:4px solid var(--bx4-ac);line-height:1.2}
.bxmt .bx4-nav__brand:hover{text-decoration:none;color:var(--bx4-ac)}
.bxmt .bx4-nav__list{display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.bxmt .bx4-nav__list::-webkit-scrollbar{display:none}
.bxmt .bx4-nav__a{display:block;padding:0 15px;font-size:14.5px;font-weight:500;line-height:var(--bx4-nav);color:var(--bx4-sub);text-decoration:none;white-space:nowrap}
.bxmt .bx4-nav__a:hover{color:var(--bx4-ink);text-decoration:none;box-shadow:inset 0 -3px 0 var(--bx4-ac)}
.bxmt .bx4-nav__a--cta{margin-left:8px;padding:0 16px;color:#fff;background:var(--bx4-ac);font-weight:700;line-height:36px;border-radius:2px}
.bxmt .bx4-nav__a--cta:hover{background:var(--bx4-ink);color:#fff;box-shadow:none}
.bxmt .bx4-nav--tabs .bx4-nav__in{height:auto;padding-top:6px;padding-bottom:6px}
.bxmt .bx4-nav--tabs .bx4-nav__a{line-height:40px;font-size:14px}

/* モバイルメニュー */
.bxmt .bx4-menu{border-bottom:1px solid var(--bx4-line);background:#fff}
.bxmt .bx4-menu__in{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;padding-top:24px;padding-bottom:28px}
.bxmt .bx4-menu__h{margin:0 0 10px;font-family:var(--bx4-head);font-size:13px;font-weight:700;color:var(--bx4-mut);letter-spacing:.04em}
.bxmt .bx4-menu__list{margin:0;padding:0;list-style:none;font-size:14.5px;line-height:2.1}
.bxmt .bx4-menu__list--2{columns:2;column-gap:20px}
.bxmt .bx4-menu__list a{color:var(--bx4-ink);text-decoration:none}
.bxmt .bx4-menu__list a:hover{text-decoration:underline;text-underline-offset:3px}

/* 4 図版（写真枠）— カード・業務・特集・記事で共通 */
.bxmt .bx4-fig{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:var(--bx4-soft2)}
.bxmt .bx4-fig--tall{aspect-ratio:4/3}
.bxmt .bx4-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bxmt .bx4-fig--crop img{transform:scale(1.18)}
.bxmt .bx4-fig__lab{position:absolute;left:0;bottom:0;z-index:1;padding:5px 11px;background:rgba(15,21,25,.82);color:#fff;font-family:var(--bx4-head);font-size:12px;font-weight:700;letter-spacing:.03em;line-height:1.5}

/* 5 カバー（各面のヒーロー）
   面ごとに高さ・見出しサイズ・写真の面積を変える。xl=業界トップ / lg=ポータル /
   md=業務ハブ・業務ガイド・無料相談 / sm=記事・検索 / light=写真を持たない面の退避。
   文字側は最大 56%（--bx4-w 基準）。白文字は 4.5:1 以上になる濃さの帯の上にだけ置く。 */
.bxmt .bx4-cover{position:relative;overflow:hidden;background:var(--bx4-dark);color:#fff}
.bxmt .bx4-cover__pic{position:absolute;top:0;right:0;bottom:0;width:58%;z-index:0}
.bxmt .bx4-cover__img{width:100%;height:100%;object-fit:cover;display:block}
.bxmt .bx4-cover__pic--mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.bxmt .bx4-cover__pic--mosaic .bx4-cover__img{height:100%}
.bxmt .bx4-cover__shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--bx4-dark) 0%,rgba(15,21,25,.94) 34%,rgba(15,21,25,.58) 64%,rgba(15,21,25,.2) 100%)}
.bxmt .bx4-cover__in{position:relative;z-index:2;display:flex;align-items:center;min-height:260px;padding-top:40px;padding-bottom:40px}
.bxmt .bx4-cover__t{width:100%;max-width:56%}
.bxmt .bx4-cover--noimg .bx4-cover__t{max-width:760px}
.bxmt .bx4-cover__tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0;list-style:none}
.bxmt .bx4-cover__tags li{padding:3px 9px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);font-size:12px;font-weight:700;letter-spacing:.03em;line-height:1.6;color:#fff}
.bxmt .bx4-cover__kicker{display:inline-block;margin:0 0 12px;padding:4px 10px;border:1px solid rgba(255,255,255,.5);font-size:12.5px;font-weight:700;letter-spacing:.04em;line-height:1.4}
.bxmt .bx4-cover h1,.bxmt .bx4-cover__h{margin:0 0 12px;font-family:var(--bx4-head);font-size:clamp(25px,2.6vw,36px);font-weight:var(--bx4-hw);line-height:1.34;letter-spacing:-.02em;color:#fff;text-wrap:balance}
/* 日本語の見出しは文節の途中で折らない（auto-phrase 未対応のブラウザは従来どおり折る＝はみ出さない） */
.bxmt .bx4-cover__h,.bxmt .bx4-cover__h-brand{word-break:auto-phrase}
.bxmt .bx4-cover__meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 12px;font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82)}
.bxmt .bx4-cover__lead{margin:0;max-width:34em;font-size:16px;line-height:1.85;color:rgba(255,255,255,.94)}
.bxmt .bx4-cover a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.bxmt .bx4-cover__note{margin:12px 0 0;font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.78)}
.bxmt .bx4-cover__x{margin:16px 0 0}
.bxmt .bx4-cover__motif{position:absolute;z-index:1;right:-40px;top:50%;transform:translateY(-50%);width:min(46%,560px);color:#fff;opacity:.2;pointer-events:none}
.bxmt .bx4-cover__motif svg{width:100%;height:auto}
.bxmt .bx4-cover__btns{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.bxmt .bx4-cover a.bx4-btn{text-decoration:none}
.bxmt .bx4-cover a.bx4-btn--w,.bxmt .bx4-cover a.bx4-btn--w:hover{color:var(--bx4-ink)}

/* xl 業界トップ（見出し 44〜52px・学べること 3 行・ボタン） */
.bxmt .bx4-cover--xl .bx4-cover__in{min-height:460px;padding-top:48px;padding-bottom:48px}
.bxmt .bx4-cover--xl .bx4-cover__h{margin:0 0 14px;font-size:16px;line-height:1.4;letter-spacing:0}
.bxmt .bx4-cover__h-lead{display:block;padding-left:12px;border-left:3px solid var(--bx4-ac);font-family:var(--bx4-sans);font-size:14px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.9)}
.bxmt .bx4-cover__h-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bxmt .bx4-cover__h-brand{display:block;margin-top:12px;font-size:clamp(34px,3.6vw,50px);font-weight:700;line-height:1.16;letter-spacing:-.03em;color:#fff;text-wrap:balance}
.bxmt-ind-professional .bx4-cover__h-brand,.bxmt-ind-hotel .bx4-cover__h-brand{font-weight:600}
.bxmt .bx4-cover--xl .bx4-cover__lead{margin:0 0 20px;font-size:16.5px;line-height:1.8}
.bxmt .bx4-cover__learn{margin:0;border-top:1px solid rgba(255,255,255,.26)}
.bxmt .bx4-cover__learn > div{display:flex;gap:16px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.26)}
.bxmt .bx4-cover__learn dt{flex:none;width:7em;font-size:12.5px;font-weight:700;letter-spacing:.04em;line-height:1.7;color:rgba(255,255,255,.8)}
.bxmt .bx4-cover__learn dd{margin:0;font-size:14.5px;line-height:1.7;color:#fff}

/* lg ポータル（代表カバー 3 枚のモザイク・見出し 38〜44px） */
.bxmt .bx4-cover--lg .bx4-cover__in{min-height:340px;padding-top:44px;padding-bottom:44px}
.bxmt .bx4-cover--lg .bx4-cover__pic{width:52%}
.bxmt .bx4-cover--lg .bx4-cover__t{max-width:46%}
.bxmt .bx4-cover--lg .bx4-cover__shade{background:linear-gradient(90deg,var(--bx4-dark) 0%,rgba(15,21,25,.66) 10%,rgba(15,21,25,.3) 34%,rgba(15,21,25,.24) 100%)}
.bxmt .bx4-cover--lg .bx4-cover__h{font-size:clamp(30px,3.1vw,44px);line-height:1.22}
.bxmt .bx4-cover--lg .bx4-cover__lead{font-size:16px}

/* md 業務ハブ・業務ガイド・無料相談（見出し 32〜38px） */
.bxmt .bx4-cover--md .bx4-cover__pic{width:46%}
.bxmt .bx4-cover--md .bx4-cover__in{min-height:264px;padding-top:36px;padding-bottom:36px}
.bxmt .bx4-cover--md .bx4-cover__h{font-size:clamp(25px,2.6vw,36px)}
.bxmt .bx4-cover--md .bx4-cover__lead{font-size:15.5px}

/* sm 記事・検索（帯。読み始めまでのスクロールを増やさない） */
.bxmt .bx4-cover--sm .bx4-cover__pic{width:46%}
.bxmt .bx4-cover--sm .bx4-cover__in{min-height:186px;padding-top:26px;padding-bottom:26px}
.bxmt .bx4-cover--sm .bx4-cover__h{font-size:clamp(22px,2.3vw,32px);line-height:1.36}
.bxmt .bx4-cover--sm .bx4-cover__kicker{margin-bottom:10px}
.bxmt .bx4-cover--sm .bx4-cover__meta{margin-bottom:0}
.bxmt .bx4-cover--sm .bx4-cover__lead{font-size:15px}

/* 白地のカバー（写真が 1 枚も無い環境の退避） */
.bxmt .bx4-cover--light{background:#fff;border-bottom:1px solid var(--bx4-line);color:var(--bx4-ink)}
.bxmt .bx4-cover--light .bx4-cover__in{min-height:0;padding-top:52px;padding-bottom:48px}
.bxmt .bx4-cover--light .bx4-cover__t{max-width:760px}
.bxmt .bx4-cover--light .bx4-cover__h{color:var(--bx4-ink);font-size:clamp(30px,3.1vw,44px)}
.bxmt .bx4-cover--light .bx4-cover__lead{color:var(--bx4-sub);margin-bottom:0}
.bxmt .bx4-cover--light .bx4-cover__meta{color:var(--bx4-mut)}
.bxmt .bx4-cover--light a{color:var(--bx4-link)}

/* 検索フォーム（検索面のヒーローの中） */
.bxmt .bx4-sform{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.bxmt .bx4-sform__i{flex:1 1 260px;min-width:0;padding:11px 14px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.96);color:var(--bx4-ink);font-family:inherit;font-size:15px;line-height:1.5}
.bxmt .bx4-sform .bx4-btn{flex:none}

/* 表紙直下の定義文（SEO/LLMO） */
.bxmt .bx4-intro{background:#fff;border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-intro__in{padding-top:28px;padding-bottom:24px}
.bxmt .bx4-intro__p{max-width:46em;margin:0 0 8px;font-size:16.5px;line-height:1.9;color:var(--bx4-sub)}
.bxmt .bx4-intro__m{margin:0;font-size:12.5px;line-height:1.7;color:var(--bx4-mut)}

/* 経路（媒体トップ > 業務 > 記事） */
.bxmt .bx4-path{background:#fff;border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-path__in{display:flex;flex-wrap:wrap;gap:2px 0;list-style:none;padding-top:12px;padding-bottom:12px;font-size:13px;line-height:1.6;color:var(--bx4-mut)}
.bxmt .bx4-path__in li{display:inline}
.bxmt .bx4-path__in li + li::before{content:"/";padding:0 .6em;color:var(--bx4-edge)}
.bxmt .bx4-path__in a{color:var(--bx4-mut);text-decoration:none}
.bxmt .bx4-path__in a:hover{color:var(--bx4-ink);text-decoration:underline;text-underline-offset:3px}
.bxmt .bx4-path__in [aria-current]{color:var(--bx4-sub)}

/* 6 特集（1 面の頭・記事 1 本を大きく） */
.bxmt .bx4-feat{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border:1px solid var(--bx4-line)}
.bxmt .bx4-feat__fig{display:block;min-height:320px;background:var(--bx4-soft2)}
.bxmt .bx4-feat__fig .bx4-fig{height:100%;aspect-ratio:auto}
.bxmt .bx4-feat__b{padding:36px 38px;display:flex;flex-direction:column;justify-content:center}
.bxmt .bx4-feat__tag{display:inline-block;align-self:flex-start;margin:0 0 14px;padding:4px 10px;border:1px solid var(--bx4-ac);color:var(--bx4-ac);font-size:12px;font-weight:700;letter-spacing:.03em;line-height:1.5}
.bxmt .bx4-feat__h{margin:0 0 14px;font-size:clamp(23px,2.3vw,30px);line-height:1.42;letter-spacing:-.015em}
.bxmt .bx4-feat__h a{color:var(--bx4-ink);text-decoration:none}
.bxmt .bx4-feat__h a:hover{text-decoration:underline;text-underline-offset:4px}
.bxmt .bx4-feat__lead{margin:0 0 16px;font-size:15.5px;line-height:1.9;color:var(--bx4-sub)}

/* 7 記事カード（写真つき） */
.bxmt .bx4-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--bx4-line);border-left:1px solid var(--bx4-line)}
.bxmt .bx4-cards--2{grid-template-columns:repeat(2,1fr)}
.bxmt .bx4-card{display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--bx4-line);border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-card__fig{display:block}
.bxmt .bx4-card__b{display:flex;flex-direction:column;flex:1;gap:9px;padding:20px 22px 22px}
.bxmt .bx4-card__tag{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.03em;color:var(--bx4-ac)}
.bxmt .bx4-card__tag b{font-weight:700}
.bxmt .bx4-card__tag i{flex:none;width:18px;height:2px;background:var(--bx4-ac);font-style:normal}
.bxmt .bx4-card__h{margin:0;font-family:var(--bx4-head);font-size:18px;font-weight:var(--bx4-hw);line-height:1.55;letter-spacing:-.01em}
.bxmt .bx4-card__h a{color:var(--bx4-ink);text-decoration:none}
.bxmt .bx4-card__h a:hover{text-decoration:underline;text-underline-offset:3px}
.bxmt .bx4-card__lead{margin:0;font-size:14.5px;line-height:1.85;color:var(--bx4-sub);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.bxmt .bx4-card__meta{margin:auto 0 0;padding-top:6px;font-size:12.5px;line-height:1.6;color:var(--bx4-mut)}
.bxmt .bx4-card__meta span + span{margin-left:1em}
.bxmt .bx4-note{margin:16px 0 0;font-size:13.5px;line-height:1.8;color:var(--bx4-mut)}

/* 8 業務から探す（写真つきの業務カード） */
.bxmt .bx4-hubs{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 22px}
.bxmt .bx4-hub{display:block;color:var(--bx4-ink);text-decoration:none}
.bxmt .bx4-hub:hover{text-decoration:none}
.bxmt .bx4-hub .bx4-fig{margin-bottom:11px}
.bxmt .bx4-hub__b,.bxmt .bx4-hub__n,.bxmt .bx4-hub__s,.bxmt .bx4-hub__c{display:block}
.bxmt .bx4-hub__n{font-family:var(--bx4-head);font-size:17px;font-weight:var(--bx4-hw);line-height:1.5;letter-spacing:-.01em}
.bxmt .bx4-hub:hover .bx4-hub__n{color:var(--bx4-ac);text-decoration:underline;text-underline-offset:3px}
.bxmt .bx4-hub__s{margin:5px 0 0;font-size:13.5px;line-height:1.75;color:var(--bx4-sub)}
.bxmt .bx4-hub__c{margin:6px 0 0;font-size:12px;color:var(--bx4-mut)}
.bxmt .bx4-hubs--cmp{grid-template-columns:repeat(6,1fr);gap:20px 16px}
.bxmt .bx4-hubs--cmp .bx4-hub__n{font-size:14.5px}
.bxmt .bx4-hubs--cmp .bx4-hub .bx4-fig{margin-bottom:8px}

/* 9 数字で見る */
.bxmt .bx4-figs{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.bxmt .bx4-fig-n{padding-top:18px;border-top:3px solid var(--bx4-ac)}
.bxmt .bx4-fig-n__l{margin:0 0 6px;font-size:13px;line-height:1.6;color:var(--bx4-sub)}
.bxmt .bx4-fig-n__v{margin:0 0 8px;font-family:var(--bx4-head);font-size:34px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--bx4-ac)}
.bxmt .bx4-fig-n__n{margin:0;font-size:12.5px;line-height:1.7;color:var(--bx4-mut)}
.bxmt .bx4-fig-n__n a{color:var(--bx4-mut);text-decoration:underline;text-underline-offset:2px}
.bxmt .bx4-fig-n__s{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:10px 0 0;padding-top:9px;border-top:1px solid var(--bx4-line);font-size:12px;line-height:1.7}
.bxmt .bx4-fig-n__s span{flex:none;font-family:var(--bx4-head);font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--bx4-mut)}
.bxmt .bx4-fig-n__s a{color:var(--bx4-link);text-decoration:none;border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-fig-n__s a:hover{border-color:currentColor}
.bxmt .bx4-fig-n__s i{flex:none;font-style:normal;font-size:11.5px;color:var(--bx4-mut)}


/* 11 一体型CTA（無料相談＝主・研究会＝副・運営元の支援） */
.bxmt .bx4-cta{background:var(--bx4-ink);color:#fff}
.bxmt .bx4-cta__in{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;padding:56px 0 40px}
.bxmt .bx4-cta__h{margin:0 0 14px;font-family:var(--bx4-head);font-size:27px;font-weight:var(--bx4-hw);line-height:1.45;color:#fff}
.bxmt .bx4-cta__l{margin:0 0 6px;font-size:15.5px;line-height:1.9;color:rgba(255,255,255,.86)}
.bxmt .bx4-cta__n{margin:0;font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.62)}
.bxmt .bx4-cta__b{display:flex;flex-direction:column;gap:12px}
.bxmt .bx4-cta .bx4-btn{background:#fff;color:var(--bx4-ink)}
.bxmt .bx4-cta .bx4-btn:hover{background:var(--bx4-soft2);color:var(--bx4-ink)}
.bxmt .bx4-cta .bx4-btn--line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.bxmt .bx4-cta .bx4-btn--line:hover{background:rgba(255,255,255,.1);color:#fff}
.bxmt .bx4-cta__op{padding:26px 0 52px;border-top:1px solid rgba(255,255,255,.14)}
.bxmt .bx4-cta__oph{margin:0 0 16px;font-size:13px;letter-spacing:.03em;line-height:1.7;color:rgba(255,255,255,.72)}
.bxmt .bx4-cta__ops{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0;padding:0;list-style:none}
.bxmt .bx4-cta__ops li{padding-left:14px;border-left:2px solid var(--bx4-ac)}
.bxmt .bx4-cta__ops a{color:#fff;font-family:var(--bx4-head);font-size:16px;font-weight:700;line-height:1.5;text-decoration:none}
.bxmt .bx4-cta__ops a:hover{text-decoration:underline;text-underline-offset:3px}
.bxmt .bx4-cta__ops span{display:block;margin-top:4px;font-size:13.5px;line-height:1.75;color:rgba(255,255,255,.76)}

/* 12 記事ページ */
.bxmt .bx4-art{max-width:var(--bx4-wr);margin:0 auto;padding:30px 0 72px}
.bxmt .bx4-art .bx4-art__meta:first-child{margin:0 0 20px;padding-bottom:0;border-bottom:0}
.bxmt .bx4-art__tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.bxmt .bx4-pill{display:inline-block;padding:4px 11px;border:1px solid var(--bx4-ac);color:var(--bx4-ac);font-size:12px;font-weight:700;letter-spacing:.03em;line-height:1.5}
.bxmt .bx4-art__h1{margin:0 0 16px;font-size:clamp(27px,2.7vw,36px);line-height:1.4;letter-spacing:-.015em;text-wrap:balance}
.bxmt .bx4-art__meta{margin:0 0 26px;padding-bottom:18px;border-bottom:1px solid var(--bx4-line);font-size:13px;line-height:1.8;color:var(--bx4-mut)}
.bxmt .bx4-art__meta span + span{margin-left:1.2em}
.bxmt .bx4-art__meta a{color:var(--bx4-mut);text-decoration:underline;text-underline-offset:3px}
.bxmt .bx4-art__fig{margin:0 0 32px}
.bxmt .bx4-art__back{display:flex;flex-wrap:wrap;gap:8px 22px;margin:26px 0 0;font-size:13.5px}
.bxmt .bx4-sum{margin:0 0 36px;padding:22px 24px;border-left:3px solid var(--bx4-ac);background:var(--bx4-soft)}
.bxmt .bx4-sum__h{margin:0 0 12px;font-family:var(--bx4-head);font-size:13px;font-weight:700;letter-spacing:.05em;color:var(--bx4-ac)}
.bxmt .bx4-sum ul{margin:0;padding:0;list-style:none}
.bxmt .bx4-sum li{position:relative;margin:0 0 9px;padding-left:18px;font-size:15px;line-height:1.85}
.bxmt .bx4-sum li:last-child{margin-bottom:0}
.bxmt .bx4-sum li::before{content:"";position:absolute;left:0;top:.78em;width:9px;height:2px;background:var(--bx4-ac)}
.bxmt .bx4-sum p{margin:0;font-size:15px;line-height:1.85}

/* 本文タイポ */
.bxmt .bx4-prose{font-size:17px;line-height:1.9;color:var(--bx4-ink)}
.bxmt .bx4-prose > *:first-child{margin-top:0}
.bxmt .bx4-prose p{margin:0 0 1.2em}
.bxmt .bx4-prose h2{margin:64px 0 20px;padding-left:14px;border-left:4px solid var(--bx4-ac);font-size:28px;line-height:1.45}
.bxmt .bx4-prose h3{margin:40px 0 12px;font-size:21px;line-height:1.55}
.bxmt .bx4-prose h4{margin:28px 0 8px;font-size:17px;line-height:1.6}
/* リストは本文より行間を詰める（段落の続きに見えないようにする） */
.bxmt .bx4-prose ul,.bxmt .bx4-prose ol{margin:0 0 1.5em;padding-left:1.35em}
.bxmt .bx4-prose li{margin:0 0 .34em;line-height:1.72}
.bxmt .bx4-prose li:last-child{margin-bottom:0}
.bxmt .bx4-prose li > ul,.bxmt .bx4-prose li > ol{margin:.34em 0 0}
.bxmt .bx4-prose a{color:var(--bx4-link);text-decoration:underline;text-underline-offset:3px}
/* 引用（30秒でわかる結論）は囲み枠にしない。左の太い罫と、少し大きい文字だけで区切る */
.bxmt .bx4-prose blockquote{margin:2.4em 0;padding:2px 0 2px 22px;border:0;border-left:5px solid var(--bx4-ac);border-radius:0;background:none;box-shadow:none;font-size:19.5px;line-height:1.8;color:var(--bx4-sub)}
.bxmt .bx4-prose blockquote p{margin:0 0 .7em;font-size:inherit;line-height:inherit}
.bxmt .bx4-prose blockquote p:last-child{margin-bottom:0}
/* 図版（図式・写真・比較表・工程カード）の上下は 2.4em にそろえる */
.bxmt .bx4-prose figure{margin:2.4em 0}
.bxmt .bx4-prose figure > img{display:block;margin:0}
.bxmt .bx4-prose .bx4-flow,.bxmt .bx4-prose .bx4-tablescroll,.bxmt .bx4-prose .bxc-compare{margin-top:2.4em;margin-bottom:2.4em}
/* 見出しのすぐ下に来る図版だけは、見出しから離さない */
.bxmt .bx4-prose :is(h2,h3,h4) + :is(figure,table,.bx4-flow,.bx4-tablescroll,.bxc-compare){margin-top:.6em}
/* 図の直後の段落は少し詰める（図と本文が離れて見えないように） */
.bxmt .bx4-prose figure + p,.bxmt .bx4-prose table + p,.bxmt .bx4-prose .bx4-flow + p,.bxmt .bx4-prose .bx4-tablescroll + p,.bxmt .bx4-prose .bxc-compare + p{margin-top:-.55em}
/* 表と図のキャプションは同じ体裁（13px・薄墨・左寄せ・図の下 4px） */
.bxmt .bx4-prose figcaption{margin-top:4px;font-size:13px;font-weight:400;line-height:1.7;text-align:left;color:var(--bx4-mut)}
.bxmt .bx4-prose caption{caption-side:bottom;padding-top:4px;font-size:13px;font-weight:400;line-height:1.7;text-align:left;color:var(--bx4-mut)}
.bxmt .bx4-prose table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:14.5px}
.bxmt .bx4-prose th,.bxmt .bx4-prose td{padding:10px 12px;border:1px solid var(--bx4-line);text-align:left;vertical-align:top;line-height:1.8}
.bxmt .bx4-prose th{background:var(--bx4-soft);font-weight:700}
.bxmt .bx4-prose img{height:auto}
/* 比較表（記事フォーマット v2「現状 vs AI活用後」） */
.bxmt .bx4-prose .bxc-compare{margin:8px 0 1.6em;border:1px solid var(--bx4-edge)}
.bxmt .bx4-prose .bxc-compare table{margin:0;border:0;font-size:14.5px}
.bxmt .bx4-prose .bxc-compare th,.bxmt .bx4-prose .bxc-compare td{border:0;border-bottom:1px solid var(--bx4-line);padding:12px 14px}
.bxmt .bx4-prose .bxc-compare tr:last-child td{border-bottom:0}
.bxmt .bx4-prose .bxc-compare th{background:var(--bx4-ink);color:#fff;font-weight:700;letter-spacing:.02em}
.bxmt .bx4-prose .bxc-compare th:first-child{background:var(--bx4-soft2);color:var(--bx4-ink)}
.bxmt .bx4-prose .bxc-compare th:nth-child(3){background:var(--bx4-ac)}
.bxmt .bx4-prose .bxc-compare td:first-child{width:22%;background:var(--bx4-soft);font-weight:700;color:var(--bx4-sub)}
.bxmt .bx4-prose .bxc-compare td:nth-child(3){background:color-mix(in srgb,var(--bx4-ac) 6%,#fff)}
.bxmt .bx4-prose .bxc-compare td:nth-child(2){color:var(--bx4-sub)}
/* 手順（現状／AI活用後）の段階番号を揃える */
.bxmt .bx4-prose ol.bxc-steps{counter-reset:bxc;list-style:none;padding-left:0;margin:0 0 1.4em}
.bxmt .bx4-prose ol.bxc-steps>li{counter-increment:bxc;position:relative;padding:10px 0 10px 48px;border-top:1px solid var(--bx4-line)}
.bxmt .bx4-prose ol.bxc-steps>li:last-child{border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-prose ol.bxc-steps>li::before{content:counter(bxc);position:absolute;left:0;top:12px;width:32px;height:32px;border-radius:50%;background:var(--bx4-ac);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.bxmt .bx4-prose ol.bxc-steps>li>strong:first-child{display:block;margin-bottom:2px}
.bxmt .bx4-prose ol.bxc-steps>li>ul{margin:6px 0 0;font-size:14.5px;color:var(--bx4-sub)}

/* 監修 */

/* 業務ガイドで使っていた表・用語・出典（他の面でも使う） */
.bxmt .bx4-read{max-width:var(--bx4-wr)}
.bxmt .bx4-tablewrap{margin:0 0 8px;border:1px solid var(--bx4-line)}
.bxmt .bx4-table{width:100%;border-collapse:collapse;font-size:14px}
.bxmt .bx4-table th,.bxmt .bx4-table td{padding:12px 14px;border-bottom:1px solid var(--bx4-line);text-align:left;vertical-align:top;line-height:1.8}
.bxmt .bx4-table thead th{background:var(--bx4-soft);font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--bx4-sub);white-space:nowrap}
.bxmt .bx4-table tbody tr:last-child th,.bxmt .bx4-table tbody tr:last-child td{border-bottom:0}
.bxmt .bx4-table__n{font-weight:700}
/* モバイルでは同じ内容をリストで出す（表は出さない） */
.bxmt .bx4-tasklist{display:none;margin:0;padding:0;list-style:none;border-top:1px solid var(--bx4-line)}
.bxmt .bx4-tasklist li{padding:14px 0;border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-tasklist b{display:block;font-family:var(--bx4-head);font-size:15.5px;font-weight:var(--bx4-hw);line-height:1.6}
.bxmt .bx4-tasklist span{display:block;margin-top:4px;font-size:14px;line-height:1.8;color:var(--bx4-sub)}
/* 4 象限（散布図にしない） */
.bxmt .bx4-quad{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bx4-line);border:1px solid var(--bx4-line)}
.bxmt .bx4-quad__c{padding:22px 24px;background:#fff}
.bxmt .bx4-quad__c--first{background:var(--bx4-soft)}
.bxmt .bx4-quad__h{margin:0 0 10px;font-family:var(--bx4-head);font-size:15px;font-weight:700;line-height:1.6;color:var(--bx4-ac)}
.bxmt .bx4-quad ul{margin:0;padding-left:1.2em;font-size:14.5px;line-height:1.85}
/* 定義リスト（用語・費用・法規） */
.bxmt .bx4-dl{margin:0;border-top:1px solid var(--bx4-line)}
.bxmt .bx4-dl > div{padding:16px 0;border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-dl dt{margin:0 0 5px;font-family:var(--bx4-head);font-size:16px;font-weight:var(--bx4-hw);line-height:1.6}
.bxmt .bx4-dl dd{margin:0;font-size:15px;line-height:1.9;color:var(--bx4-sub)}
.bxmt .bx4-dl dd + dd{margin-top:6px;font-size:14px;color:var(--bx4-mut)}
/* 出典 */
.bxmt .bx4-src{margin:0;padding:0;list-style:none;font-size:13.5px;line-height:1.9}
.bxmt .bx4-src li{padding:10px 0;border-bottom:1px solid var(--bx4-line);color:var(--bx4-sub)}
.bxmt .bx4-src span{color:var(--bx4-mut)}
/* 順序のある手順（番号はテキスト・バッジにしない） */
.bxmt .bx4-steps{margin:0;padding:0;list-style:none;counter-reset:bx4s}
.bxmt .bx4-steps li{position:relative;padding:12px 0 12px 44px;border-bottom:1px solid var(--bx4-line);font-size:15px;line-height:1.85}
.bxmt .bx4-steps li::before{counter-increment:bx4s;content:counter(bx4s);position:absolute;left:0;top:12px;width:30px;font-family:var(--bx4-head);font-size:15px;font-weight:700;color:var(--bx4-ac)}
/* 箇条（短い列挙） */
.bxmt .bx4-ul{margin:0;padding-left:1.25em;font-size:15px;line-height:1.9;color:var(--bx4-sub)}
.bxmt .bx4-ul li{margin:0 0 .45em}
.bxmt .bx4-cols2{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}
.bxmt .bx4-cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 32px}
/* 折りたたみ（業務ガイドの節） */
.bxmt .bx4-det{border-top:1px solid var(--bx4-line)}
.bxmt .bx4-det summary{padding:16px 0;font-family:var(--bx4-head);font-size:17px;font-weight:var(--bx4-hw);line-height:1.6;cursor:pointer;list-style:none}
.bxmt .bx4-det summary::-webkit-details-marker{display:none}
.bxmt .bx4-det summary::after{content:"開く";float:right;font-family:var(--bx4-sans);font-size:12.5px;font-weight:400;color:var(--bx4-mut)}
.bxmt .bx4-det[open] summary::after{content:"閉じる"}
.bxmt .bx4-det__b{padding:0 0 26px}
/* FAQ */
.bxmt .bx4-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin:0;border-top:1px solid var(--bx4-line)}
.bxmt .bx4-faq > div{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;padding:20px 0 22px;border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-faq dt{margin:0 0 8px;font-family:var(--bx4-head);font-size:16px;font-weight:var(--bx4-hw);line-height:1.6;letter-spacing:-.01em;text-wrap:balance}
.bxmt .bx4-faq dd{margin:0;font-size:14.5px;line-height:1.9;color:var(--bx4-sub)}
/* 1 列で読ませたい面（記事・業務ハブの本文内）は従来どおり */
.bxmt .bx4-read.bx4-faq{grid-template-columns:minmax(0,1fr);max-width:var(--bx4-wr)}
@media (max-width:820px){.bxmt .bx4-faq{grid-template-columns:1fr;gap:0}}

/* 14 ポータル（/media/）— 16 媒体を同じ比率で並べる */
.bxmt .bx4-port{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--bx4-line);border-left:1px solid var(--bx4-line)}
.bxmt .bx4-pm{position:relative;display:flex;flex-direction:column;padding:0;background:#fff;border-right:1px solid var(--bx4-line);border-bottom:1px solid var(--bx4-line);text-decoration:none}
.bxmt .bx4-pm{color:var(--bx4-ink)}
.bxmt .bx4-pm:hover{text-decoration:none}
.bxmt .bx4-pm__top,.bxmt .bx4-pm__b,.bxmt .bx4-pm__n,.bxmt .bx4-pm__t,.bxmt .bx4-pm__m{display:block}
.bxmt .bx4-pm__top{position:relative;overflow:hidden;background:var(--bx4-pmc);border-bottom:4px solid var(--bx4-pmc)}
.bxmt .bx4-pm__top .bx4-fig{aspect-ratio:16/9}
.bxmt .bx4-pm__motif{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:150px;color:#fff;opacity:.32}
.bxmt .bx4-pm__b{display:flex;flex:1;flex-direction:column;padding:18px 22px 22px}
.bxmt .bx4-pm__n{margin:0 0 6px;font-family:var(--bx4-head);font-size:19px;font-weight:700;line-height:1.45;letter-spacing:-.015em}
.bxmt .bx4-pm:hover .bx4-pm__n{text-decoration:underline;text-underline-offset:3px}
.bxmt .bx4-pm__t{margin:0 0 10px;font-size:13.5px;line-height:1.8;color:var(--bx4-sub)}
.bxmt .bx4-pm__m{margin-top:auto;padding-top:2px;font-size:12.5px;line-height:1.7;color:var(--bx4-mut)}
/* 横断の新着（日付を行頭に） */
.bxmt .bx4-new{margin:0;padding:0;list-style:none;border-top:1px solid var(--bx4-line)}
.bxmt .bx4-new li{display:flex;align-items:baseline;gap:18px;padding:15px 0;border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-new__d{flex:none;width:86px;font-size:12.5px;color:var(--bx4-mut);letter-spacing:.02em}
.bxmt .bx4-new__i{flex:none;width:190px;font-size:12.5px;color:var(--bx4-ac);font-weight:700}
.bxmt .bx4-new__t{font-family:var(--bx4-head);font-size:16px;font-weight:var(--bx4-hw);line-height:1.65}
.bxmt .bx4-new__t a{color:var(--bx4-ink);text-decoration:none}
.bxmt .bx4-new__t a:hover{text-decoration:underline;text-underline-offset:3px}

/* 15 器（プラグイン無効時の index / 404 / 検索） */
.bxmt-page{max-width:820px;margin:0 auto;padding:56px 24px 72px}
.bxmt-h1{margin:0 0 14px;font-family:var(--bx4-head);font-size:clamp(26px,3.2vw,38px);font-weight:var(--bx4-hw);line-height:1.3;letter-spacing:-.015em}
.bxmt-lead{margin:0 0 28px;color:var(--bx4-sub);font-size:16px}
.bxmt-h2{margin:36px 0 12px;padding-left:12px;border-left:3px solid var(--bx4-ac);font-family:var(--bx4-head);font-size:19px;font-weight:var(--bx4-hw);line-height:1.5}
.bxmt-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--bx4-line)}
.bxmt-list li{border-bottom:1px solid var(--bx4-line)}
.bxmt .bxmt-list a{display:block;padding:14px 0;color:var(--bx4-ink);font-size:16px;font-weight:700;line-height:1.6;text-decoration:none}
.bxmt .bxmt-list a:hover{text-decoration:underline;text-underline-offset:3px}
.bxmt-list time{display:block;color:var(--bx4-mut);font-size:12.5px;font-weight:400;letter-spacing:.02em}
.bxmt-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.bxmt .bxmt-chips a{display:inline-block;padding:6px 12px;border:1px solid var(--bx4-line);color:var(--bx4-ink);font-size:13.5px;text-decoration:none}
.bxmt-sform{display:flex;gap:8px;margin:0 0 8px;max-width:520px}
.bxmt-sform input[type=search]{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid var(--bx4-edge);border-radius:2px;font-family:inherit;font-size:15px}
.bxmt-note{margin:10px 0 0;color:var(--bx4-mut);font-size:13.5px}

/* 16 フッター（他の業界は出さない。戻りは最下段の 1 リンクだけ） */
.bxmt .bx4-foot{background:#0E141B;color:#C3CBD4}
.bxmt .bx4-foot__rule{height:6px;background:var(--bx4-ac)}
.bxmt .bx4-foot a{color:#fff;text-decoration:none}
.bxmt .bx4-foot a:hover{text-decoration:underline;text-underline-offset:3px}
/* 奥付（上段） */
.bxmt .bx4-foot__colo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px 56px;align-items:start;padding:52px 0 30px;border-bottom:1px solid rgba(255,255,255,.13)}
.bxmt .bx4-foot__name{margin:0;font-family:var(--bx4-head);font-size:26px;font-weight:var(--bx4-hw);line-height:1.3;letter-spacing:-.02em;color:#fff}
.bxmt .bx4-foot__en{margin:8px 0 0;font-size:11px;font-weight:600;letter-spacing:.2em;color:#6F7D8B}
.bxmt .bx4-foot__tag{margin:14px 0 0;max-width:34em;font-size:13.5px;line-height:1.9;color:#95A2AF}
.bxmt .bx4-foot__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;margin:6px 0 0}
.bxmt .bx4-foot__meta > div{display:grid;grid-template-columns:4.5em 1fr;gap:10px;align-items:baseline}
.bxmt .bx4-foot__meta dt{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.06em;color:#6F7D8B}
.bxmt .bx4-foot__meta dd{margin:0;font-size:13px;line-height:1.75;color:#C3CBD4}
/* リンク群（下段） */
.bxmt .bx4-foot__grid{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));gap:34px 44px;padding:34px 0 44px}
.bxmt .bx4-foot__h{margin:0 0 14px;font-family:var(--bx4-head);font-size:12px;font-weight:700;letter-spacing:.08em;color:#6F7D8B}
.bxmt .bx4-foot__list{margin:0;padding:0;list-style:none;font-size:13.5px;line-height:2.1}
.bxmt .bx4-foot__list--2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.bxmt .bx4-foot__addr{margin:16px 0 0;font-size:12.5px;line-height:1.85;color:#6F7D8B}
.bxmt .bx4-foot__bar{border-top:1px solid rgba(255,255,255,.12)}
.bxmt .bx4-foot__bar-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding-top:16px;padding-bottom:22px;font-size:12.5px;color:#8B98A6}
.bxmt .bx4-foot .bx4-foot__all{color:#8B98A6;text-decoration:underline;text-underline-offset:3px}
.bxmt .bx4-foot .bx4-foot__all:hover{color:#fff}

/* 17 タブレット・モバイル */
/* 12 無料相談の 2 択（日程を選ぶ / フォームで送る）と、日程カレンダーの埋め込み */
.bxmt .bx4-choice{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0;border:1px solid var(--bx4-line)}
.bxmt .bx4-choice--one{grid-template-columns:minmax(0,1fr)}
.bxmt .bx4-choice__c{padding:28px 28px 32px;min-width:0}
.bxmt .bx4-choice__c + .bx4-choice__c{border-left:1px solid var(--bx4-line)}
.bxmt .bx4-choice__n{margin:0 0 10px;font-family:var(--bx4-head);font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1;color:var(--bx4-ac)}
.bxmt .bx4-choice__n:empty{display:none}
.bxmt .bx4-choice__h{margin:0 0 8px;font-family:var(--bx4-head);font-size:20px;font-weight:var(--bx4-hw);line-height:1.5}
.bxmt .bx4-choice__l{margin:0 0 20px;font-size:14.5px;line-height:1.85;color:var(--bx4-sub)}
.bxmt .bx4-meet{min-height:820px}
.bxmt .bx4-meet .meetings-iframe-container{min-height:820px}
.bxmt .bx4-meet iframe{width:100%;border:0}
/* 相談フォーム（エンジンの bxm-form）を媒体の色に合わせる */
.bxmt .bx4-consult .bxm-form__grid{display:grid;grid-template-columns:1fr;gap:14px}
.bxmt .bx4-consult .bxm-btn--primary{background:var(--bx4-ac);border-color:var(--bx4-ac)}
.bxmt .bx4-consult .bxm-form .bxm-label,.bxmt .bx4-consult .bxm-form label{font-size:13.5px}

/* 13 全ページ共通の差し込み（入力してよい情報・扱い方）。データが無い面では出ない */

@media (max-width:1080px){
  .bxmt .bx4-figs{grid-template-columns:repeat(2,1fr);gap:24px 28px}
  .bxmt .bx4-hubs{grid-template-columns:repeat(3,1fr)}
  .bxmt .bx4-hubs--cmp{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:900px){
  :root{--bx4-pad:16px;--bx4-nav:48px}
  .bxmt .bx4-sec{padding:44px 0}
  .bxmt .bx4-sec--tight{padding:32px 0}
  .bxmt .bx4-h2{font-size:23px}
  .bxmt .bx4-hd{flex-direction:column;align-items:flex-start;gap:6px}
  .bxmt .bx4-head{padding-top:14px;padding-bottom:14px;gap:12px}
  .bxmt .bx4-brand__tag{margin-top:5px;font-size:12px}
  .bxmt .bx4-head__link{display:none}
  .bxmt .bx4-head__side{gap:8px}
  .bxmt .bx4-ico--menu{display:inline-flex}
  .bxmt .bx4-nav__brand{display:none}
  .bxmt .bx4-nav__in{gap:0}
  .bxmt .bx4-nav__a{padding:0 12px;font-size:14px}
  .bxmt .bx4-nav__a--cta{margin-left:4px;padding:0 12px;line-height:34px}
  .bxmt .bx4-menu__in{grid-template-columns:1fr;gap:22px}
  /* 表紙: 写真を上（260px）に、文字はその下の暗い面に */
  /* カバーは縦積み。写真の高さは面ごとに変え、記事は帯のまま（本文の入口を画面内に残す） */
  .bxmt .bx4-cover{display:flex;flex-direction:column}
  .bxmt .bx4-cover__pic,
  .bxmt .bx4-cover--xl .bx4-cover__pic,
  .bxmt .bx4-cover--lg .bx4-cover__pic,
  .bxmt .bx4-cover--md .bx4-cover__pic,
  .bxmt .bx4-cover--sm .bx4-cover__pic{position:relative;width:100%;flex:none}
  .bxmt .bx4-cover__pic{height:220px}
  .bxmt .bx4-cover--xl .bx4-cover__pic{height:236px}
  .bxmt .bx4-cover--lg .bx4-cover__pic{height:184px}
  .bxmt .bx4-cover--md .bx4-cover__pic{height:168px}
  .bxmt .bx4-cover--sm .bx4-cover__pic{height:132px}
  .bxmt .bx4-cover__pic--mosaic{gap:1px}
  .bxmt .bx4-cover__shade,
  .bxmt .bx4-cover--lg .bx4-cover__shade{background:linear-gradient(180deg,rgba(15,21,25,.18) 0%,rgba(15,21,25,.5) 58%,var(--bx4-dark) 100%)}
  .bxmt .bx4-cover__in,
  .bxmt .bx4-cover--xl .bx4-cover__in,
  .bxmt .bx4-cover--lg .bx4-cover__in,
  .bxmt .bx4-cover--md .bx4-cover__in{min-height:0;padding-top:22px;padding-bottom:28px}
  .bxmt .bx4-cover--sm .bx4-cover__in{min-height:0;padding-top:18px;padding-bottom:20px}
  .bxmt .bx4-cover__t,
  .bxmt .bx4-cover--noimg .bx4-cover__t,
  .bxmt .bx4-cover--lg .bx4-cover__t,
  .bxmt .bx4-cover--light .bx4-cover__t{max-width:none}
  .bxmt .bx4-cover__h,.bxmt .bx4-cover--md .bx4-cover__h{font-size:25px}
  .bxmt .bx4-cover--lg .bx4-cover__h,.bxmt .bx4-cover--light .bx4-cover__h{font-size:30px}
  .bxmt .bx4-cover--sm .bx4-cover__h{font-size:22px}
  .bxmt .bx4-cover__h-brand{font-size:34px}
  .bxmt .bx4-cover--xl .bx4-cover__lead{font-size:15.5px;margin-bottom:16px}
  .bxmt .bx4-cover__learn > div{flex-direction:column;gap:2px;padding:8px 0}
  .bxmt .bx4-cover__learn dt{width:auto}
  .bxmt .bx4-cover__learn dd{font-size:14px}
  .bxmt .bx4-cover__btns{margin-top:18px}
  .bxmt .bx4-cover__btns .bx4-btn{flex:1 1 auto}
  .bxmt .bx4-cover--light .bx4-cover__in{padding-top:32px;padding-bottom:28px}
  .bxmt .bx4-cover__motif{display:none}
  .bxmt .bx4-sform__i{flex:1 1 100%}
  .bxmt .bx4-sform .bx4-btn{width:100%}
  .bxmt .bx4-intro__in{padding-top:20px;padding-bottom:18px}
  .bxmt .bx4-intro__p{font-size:15px}
  .bxmt .bx4-feat{grid-template-columns:1fr}
  .bxmt .bx4-feat__fig{min-height:0}
  .bxmt .bx4-feat__fig .bx4-fig{height:auto;aspect-ratio:16/9}
  .bxmt .bx4-feat__b{padding:22px 18px}
  .bxmt .bx4-cards,.bxmt .bx4-cards--2{grid-template-columns:1fr}
  .bxmt .bx4-card__b{padding:18px 18px 20px}
  .bxmt .bx4-hubs,.bxmt .bx4-hubs--cmp{grid-template-columns:repeat(2,1fr);gap:20px 14px}
  .bxmt .bx4-hub__n{font-size:15px}
  .bxmt .bx4-cols3,.bxmt .bx4-cols2{grid-template-columns:1fr;gap:24px}
  .bxmt .bx4-choice{grid-template-columns:1fr}
  .bxmt .bx4-choice__c{padding:22px 18px 26px}
  .bxmt .bx4-choice__c + .bx4-choice__c{border-left:0;border-top:1px solid var(--bx4-line)}
  .bxmt .bx4-meet,.bxmt .bx4-meet .meetings-iframe-container{min-height:640px}
  .bxmt .bx4-fig-n__v{font-size:29px}
  .bxmt .bx4-cta__in{grid-template-columns:1fr;gap:22px;padding:36px 0 28px}
  .bxmt .bx4-cta__h{font-size:21px}
  .bxmt .bx4-cta__op{padding:22px 0 36px}
  .bxmt .bx4-cta__ops{grid-template-columns:1fr;gap:16px}
  .bxmt .bx4-quad{grid-template-columns:1fr}
  .bxmt .bx4-port{grid-template-columns:1fr}
  .bxmt .bx4-new li{flex-wrap:wrap;gap:4px 12px}
  .bxmt .bx4-new__t{flex-basis:100%;font-size:15.5px}
  /* 表は PC のみ。モバイルは同じ内容をリストで出す */
  .bxmt .bx4-tablewrap{display:none}
  .bxmt .bx4-tasklist{display:block}
  .bxmt .bx4-art{padding:20px 0 52px}
  .bxmt .bx4-art__fig{margin-bottom:24px}
  .bxmt .bx4-prose{font-size:16px;line-height:1.9}
  .bxmt .bx4-prose h2{margin:44px 0 16px;font-size:22px}
  .bxmt .bx4-prose h3{margin:30px 0 10px;font-size:18px}
  .bxmt .bx4-prose table{display:block;overflow-x:auto;white-space:nowrap}
  .bxmt .bx4-prose .bxc-compare{overflow-x:auto}
  .bxmt .bx4-prose .bxc-compare table{display:table;white-space:normal;min-width:560px}
  .bxmt .bx4-prose .bxc-compare td:first-child{width:26%}
  .bxmt .bx4-sum{padding:18px}
  .bxmt .bx4-foot__colo{grid-template-columns:1fr;gap:22px;padding-top:36px}
  .bxmt .bx4-foot__meta{grid-template-columns:1fr}
  .bxmt .bx4-foot__grid{grid-template-columns:1fr;gap:26px;padding-top:26px}
  .bxmt .bx4-foot__bar-in{flex-direction:column;gap:6px}
  .bxmt-page{padding:36px 16px 56px}
}
@media (max-width:600px){
  .bxmt .bx4-port{grid-template-columns:1fr}
  .bxmt .bx4-hubs--cmp{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){.bxmt *{animation:none !important;transition:none !important;scroll-behavior:auto !important}}

/* 18 theme.live.css より取り込み（.bxc- で始まるルールだけ・他セッションの追記） */
.bxm .bxm-prose .bxc-compare{margin:8px 0 24px;border:1px solid var(--bxm-edge);border-radius:4px;overflow-x:auto}
.bxm .bxm-prose .bxc-compare table{margin:0;min-width:560px;font-size:14.5px;border-collapse:collapse}
.bxm .bxm-prose .bxc-compare th,.bxm .bxm-prose .bxc-compare td{border:0;border-bottom:1px solid var(--bxm-line);padding:12px 14px;line-height:1.75;vertical-align:top}
.bxm .bxm-prose .bxc-compare tr:last-child td{border-bottom:0}
.bxm .bxm-prose .bxc-compare thead th{background:var(--bxm-navy);color:#fff;font-weight:700;font-size:13.5px;letter-spacing:.02em;white-space:nowrap;border-bottom:0}
.bxm .bxm-prose .bxc-compare thead th:first-child{background:var(--bxm-soft);color:var(--bxm-muted)}
.bxm .bxm-prose .bxc-compare thead th:nth-child(3){background:var(--bxm-accent)}
.bxm .bxm-prose .bxc-compare td:first-child{width:22%;background:var(--bxm-soft);font-weight:700;color:var(--bxm-sub)}
.bxm .bxm-prose .bxc-compare td:nth-child(2){color:var(--bxm-sub)}
.bxm .bxm-prose .bxc-compare td:nth-child(3){background:var(--bxm-accent-soft);color:var(--bxm-ink)}
.bxm .bxm-prose .bxc-compare tbody tr:hover td{background:inherit}
.bxm .bxm-prose ol.bxc-steps{counter-reset:bxc;list-style:none;padding-left:0;margin:0 0 24px}
.bxm .bxm-prose ol.bxc-steps>li{counter-increment:bxc;position:relative;margin:0;padding:12px 0 12px 50px;border-top:1px solid var(--bxm-line)}
.bxm .bxm-prose ol.bxc-steps>li:last-child{border-bottom:1px solid var(--bxm-line)}
.bxm .bxm-prose ol.bxc-steps>li::before{content:counter(bxc);position:absolute;left:0;top:14px;width:32px;height:32px;border-radius:50%;background:var(--bxm-accent);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.bxm .bxm-prose ol.bxc-steps>li>strong:first-child{display:block;margin-bottom:2px}
.bxm .bxm-prose ol.bxc-steps>li>ul{margin:6px 0 0;padding-left:1.2em;font-size:14.5px;color:var(--bxm-sub)}
.bxm .bxm-prose ol.bxc-steps>li>ul>li{margin:0 0 3px}
@media (max-width:640px){.bxm .bxm-prose .bxc-compare td:first-child{width:26%}.bxm .bxm-prose ol.bxc-steps>li{padding-left:42px}.bxm .bxm-prose ol.bxc-steps>li::before{width:28px;height:28px;font-size:13px}}
/* v4.2 運営元の明示（マストヘッドの Produced by / フッターの運営元） */
/* v4.2 業務フロー分解: 8列表 → 工程カード（読みやすさ優先） */
.bxmt .bx4-flow{margin:0 0 2em}
.bxmt .bx4-flow__list{display:grid;gap:16px;list-style:none;margin:0;padding:0}
.bxmt .bx4-flow__i{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;border:1px solid var(--bx4-line);background:#fff}
.bxmt .bx4-flow__n{display:flex;align-items:center;justify-content:center;margin:0;padding:16px 0 0;font-family:var(--bx4-head);font-size:13px;font-weight:700;line-height:1;color:var(--bx4-ac)}
.bxmt .bx4-flow__b{min-width:0;padding:14px 20px 16px 4px}
.bxmt .bx4-flow__t{margin:0 0 6px;font-family:var(--bx4-head);font-size:17px;font-weight:700;line-height:1.5;letter-spacing:-.01em;color:var(--bx4-ink)}
.bxmt .bx4-flow__m{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--bx4-line);font-size:12.5px;line-height:1.85;color:var(--bx4-mut)}
.bxmt .bx4-flow__d{display:grid;margin:0}
.bxmt .bx4-flow__row{display:grid;grid-template-columns:8.5em minmax(0,1fr);gap:16px;align-items:baseline;padding:9px 0}
.bxmt .bx4-flow__row + .bx4-flow__row{border-top:1px solid var(--bx4-line)}
.bxmt .bx4-flow__row dt{margin:0;font-family:var(--bx4-head);font-size:12px;font-weight:700;letter-spacing:.03em;line-height:1.8;color:var(--bx4-mut);white-space:nowrap}
.bxmt .bx4-flow__row dd{margin:0;font-size:15px;line-height:1.8;color:var(--bx4-sub)}
.bxmt .bx4-flow__row--ai{margin:0 -20px 0 -4px;padding:12px 20px 12px 4px;background:var(--bx4-soft);border-top:1px solid var(--bx4-line);border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-flow__row--ai + .bx4-flow__row{border-top:0}
.bxmt .bx4-flow__row--ai dt{color:var(--bx4-ac)}
.bxmt .bx4-flow__row--ai dd{font-size:15.5px;font-weight:700;color:var(--bx4-ink)}
@media (max-width:640px){
 .bxmt .bx4-flow__i{grid-template-columns:32px minmax(0,1fr)}
 .bxmt .bx4-flow__b{padding:12px 14px 14px 2px}
 .bxmt .bx4-flow__row{grid-template-columns:1fr;gap:3px}
 .bxmt .bx4-flow__row--ai{margin:0 -14px 0 -2px;padding:10px 14px 10px 2px}
 .bxmt .bx4-flow__row dt{font-size:11.5px}
 .bxmt .bx4-flow__row dd{font-size:14.5px}
}

/* 19 記事アーカイブ（/media/{industry}/articles/）・業務別の記事索引・関連する業務 */
/* 業務で絞り込む（チップ） */
.bxmt .bx4-filter{border-bottom:1px solid var(--bx4-line);background:var(--bx4-soft)}
.bxmt .bx4-filter__in{display:flex;align-items:baseline;gap:14px;padding:14px 0}
.bxmt .bx4-filter__l{flex:none;margin:0;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--bx4-mut)}
.bxmt .bx4-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.bxmt .bx4-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border:1px solid var(--bx4-edge);border-radius:999px;background:#fff;font-size:13.5px;line-height:1.5;color:var(--bx4-sub);text-decoration:none;white-space:nowrap}
.bxmt .bx4-chip:hover{border-color:var(--bx4-ac);color:var(--bx4-ink);text-decoration:none}
.bxmt .bx4-chip span{font-size:11.5px;color:var(--bx4-mut)}
.bxmt .bx4-chip--on{background:var(--bx4-ac);border-color:var(--bx4-ac);color:#fff}
.bxmt .bx4-chip--on span{color:rgba(255,255,255,.8)}
.bxmt .bx4-chip--on:hover{color:#fff}
/* ページ送り */
.bxmt .bx4-pager{margin:40px 0 0;border-top:1px solid var(--bx4-line);padding-top:20px}
.bxmt .bx4-pager ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.bxmt .bx4-pager :is(a,span){display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--bx4-line);font-size:14px;color:var(--bx4-sub);text-decoration:none}
.bxmt .bx4-pager a:hover{border-color:var(--bx4-ac);color:var(--bx4-ink);text-decoration:none}
.bxmt .bx4-pager .current{background:var(--bx4-ac);border-color:var(--bx4-ac);color:#fff}
.bxmt .bx4-pager .dots{border-color:transparent}
/* 「記事をすべて見る」 */
.bxmt .bx4-more{margin:32px 0 0;text-align:center}
/* 記事の定義 1 文（要点の直後） */
.bxmt .bx4-def{display:flex;gap:12px;align-items:baseline;margin:0 0 34px;padding:16px 20px;border:1px solid var(--bx4-line);background:#fff}
.bxmt .bx4-def__l{flex:none;font-family:var(--bx4-head);font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--bx4-ac)}
.bxmt .bx4-def__t{font-size:15px;line-height:1.85}
/* 記事末尾の出典表 */
.bxmt .bx4-src{margin:40px 0 0;padding:22px 24px;border:1px solid var(--bx4-line);background:var(--bx4-soft)}
.bxmt .bx4-src__h{margin:0 0 12px;font-family:var(--bx4-head);font-size:15px;font-weight:var(--bx4-hw);letter-spacing:.02em}
.bxmt .bx4-src__list{margin:0;padding-left:1.35em;font-size:14px;line-height:1.85}
.bxmt .bx4-src__i{margin:0 0 10px}
.bxmt .bx4-src__i:last-child{margin-bottom:0}
.bxmt .bx4-src__i a{color:var(--bx4-link);text-decoration:underline;text-underline-offset:3px;word-break:break-word}
.bxmt .bx4-src__m{display:inline-block;margin-left:10px;font-size:12.5px;color:var(--bx4-mut)}
/* 関連する業務（記事ページ） */
.bxmt .bx4-rel{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bxmt .bx4-rel__c{display:block;padding:22px 24px;border:1px solid var(--bx4-line);background:#fff;text-decoration:none}
.bxmt .bx4-rel__c:hover{border-color:var(--bx4-ac);text-decoration:none}
.bxmt .bx4-rel__n{display:block;font-family:var(--bx4-head);font-size:18px;font-weight:var(--bx4-hw);line-height:1.5;color:var(--bx4-ink)}
.bxmt .bx4-rel__l{display:block;margin-top:6px;font-size:14.5px;line-height:1.85;color:var(--bx4-sub)}
.bxmt .bx4-rel__m{display:block;margin-top:8px;font-size:12.5px;color:var(--bx4-mut)}
/* 共通ブロックをポータルで大きく出すときの 3 列 */
.bxmt .bx4-cols3--gap{margin-top:26px}
.bxmt .bx4-cols3--gap .bx4-lead{margin-bottom:0;font-size:15px}
/* 6 列以上の表は横スクロールにして、隣の列に文字を重ねない */
.bxmt .bx4-tablescroll{margin:0 0 1.4em;overflow-x:auto;-webkit-overflow-scrolling:touch}
.bxmt .bx4-tablescroll table{margin:0;min-width:720px}
@media (max-width:900px){
  .bxmt .bx4-filter__in{flex-direction:column;align-items:flex-start;gap:8px}
  .bxmt .bx4-chips{gap:6px}
  .bxmt .bx4-chip{padding:5px 11px;font-size:13px}
  .bxmt .bx4-rel{grid-template-columns:1fr;gap:14px}
  .bxmt .bx4-rel__c{padding:18px}
  .bxmt .bx4-more .bx4-btn{width:100%}
  .bxmt .bx4-pager :is(a,span){min-width:36px;height:36px;padding:0 10px;font-size:13.5px}
}

/* ============================================================
   20 ヒーロー v4.5（2026-09-22「ヒーローの作りをもう少しAI臭がしないように」）

   前の表紙（.bx4-cover）は媒体名を特大の見出しにして、説明文・ラベル表・ボタン2つを
   縦に積んでいました。ここでは誌面の主役を記事に戻します。
     - 媒体名はロゴタイプ 30px（マストヘッドの役割）
     - 写真は全面。左から 65% までの暗がりを重ね、文字は左 43〜46% に収める
     - CTA はヒーローに置かない（マストヘッド右上の「無料相談」に集約）
   白文字のコントラスト: 文字帯の右端（46%）でも下地の黒の不透明度は 0.70 以上あるので、
   写真が純白でも 6.8:1（左 30% までは 14:1 以上）。
   .bx4-cover は検索面・無料相談面がまだ使っているので残します。
   ============================================================ */
.bxmt .bx4-hero{position:relative;overflow:hidden;background:#0E141A;color:#fff;--bx4-acl:#fff}
@supports (color:color-mix(in srgb,#000 50%,#fff)){
  .bxmt .bx4-hero{--bx4-acl:color-mix(in srgb,var(--bx4-ac) 40%,#fff)}
}
.bxmt .bx4-hero__pic{position:absolute;inset:0;z-index:0}
.bxmt .bx4-hero__img{width:100%;height:100%;object-fit:cover;display:block}
.bxmt .bx4-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,20,26,.985) 0%,rgba(14,20,26,.955) 34%,rgba(14,20,26,.80) 52%,rgba(14,20,26,.30) 64%,rgba(14,20,26,0) 74%)}
.bxmt .bx4-hero__in{position:relative;z-index:2;display:flex;align-items:center;padding-top:36px;padding-bottom:36px}
.bxmt .bx4-hero__t{width:100%;max-width:48%}
.bxmt .bx4-hero a{color:#fff}

/* 題字（媒体名＋業界の 1 行）。ここだけが媒体名の置き場所 */
.bxmt .bx4-hero__plate{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin:0 0 26px;padding:0 0 13px;border-bottom:1px solid rgba(255,255,255,.3)}
.bxmt .bx4-hero__logo{margin:0;font-family:var(--bx4-head);font-size:30px;font-weight:var(--bx4-hw);line-height:1.2;letter-spacing:-.03em;color:#fff}
.bxmt .bx4-hero__ind{margin:0;padding-left:14px;border-left:1px solid rgba(255,255,255,.34);font-size:12.5px;font-weight:500;letter-spacing:.09em;line-height:1.5;color:rgba(255,255,255,.82)}

/* 業務ラベル（特集 / 施工管理）。罫線の表にはしない */
.bxmt .bx4-hero__kick{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 13px;font-family:var(--bx4-head);font-size:12.5px;font-weight:700;letter-spacing:.1em;line-height:1.5;color:#fff}
.bxmt .bx4-hero__kick span{display:inline-block}
.bxmt .bx4-hero__kick span:first-child{padding-left:11px;border-left:3px solid var(--bx4-acl)}
.bxmt .bx4-hero__kick span + span{padding-left:12px;border-left:1px solid rgba(255,255,255,.34);font-weight:500;letter-spacing:.06em;color:rgba(255,255,255,.86)}

/* 記事見出し（誌面の主役） */
.bxmt .bx4-hero__h{margin:0 0 15px;font-family:var(--bx4-head);font-size:clamp(29px,2.9vw,42px);font-weight:var(--bx4-hw);line-height:1.34;letter-spacing:-.025em;color:#fff;word-break:auto-phrase}
.bxmt .bx4-hero__h a{color:#fff;text-decoration:none}
.bxmt .bx4-hero__h a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.bxmt .bx4-hero__lead{margin:0 0 16px;max-width:31em;font-size:15.5px;line-height:1.85;color:rgba(255,255,255,.93);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.bxmt .bx4-hero__meta{display:flex;flex-wrap:wrap;gap:3px 16px;margin:0;font-size:12.5px;line-height:1.7;letter-spacing:.01em;color:rgba(255,255,255,.8)}
.bxmt .bx4-hero__read{margin:20px 0 0}
.bxmt .bx4-hero__read a{display:inline-flex;align-items:center;gap:10px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.62);font-family:var(--bx4-head);font-size:15px;font-weight:700;letter-spacing:.08em;color:#fff;text-decoration:none}
.bxmt .bx4-hero__read a::after{content:"";width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.bxmt .bx4-hero__read a:hover{border-bottom-color:#fff;text-decoration:none}

/* feature 業界トップ（PC 高さ 440px） */
.bxmt .bx4-hero--feature .bx4-hero__in{min-height:480px;padding-top:44px;padding-bottom:44px}
/* band 業務ハブ（中くらいの帯） */
.bxmt .bx4-hero--band .bx4-hero__in{min-height:320px}
.bxmt .bx4-hero--band .bx4-hero__t{max-width:50%}
.bxmt .bx4-hero--band .bx4-hero__h{margin-bottom:12px;font-size:clamp(26px,2.5vw,36px)}
.bxmt .bx4-hero--band .bx4-hero__lead{margin-bottom:13px;font-size:15px;-webkit-line-clamp:3;line-clamp:3}
/* article 記事（本文の入口をファーストビューに残す） */
.bxmt .bx4-hero--article .bx4-hero__in{min-height:340px;padding-top:38px;padding-bottom:38px}
.bxmt .bx4-hero--article .bx4-hero__t{max-width:50%}
.bxmt .bx4-hero--article .bx4-hero__h{margin-bottom:13px;font-size:clamp(24px,2.3vw,33px);line-height:1.38}
/* 写真が 1 枚も無い面は .bx4-hero のべた塗り（#0E141A）のまま。上書きは足しません */

/* strip 記事一覧・ポータル（写真を使わない細い帯） */
.bxmt .bx4-hero--strip{background:#fff;color:var(--bx4-ink);border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-hero--strip .bx4-hero__in{padding-top:30px;padding-bottom:26px}
.bxmt .bx4-hero--strip .bx4-hero__t{max-width:none}
.bxmt .bx4-hero--strip .bx4-hero__plate{margin:0 0 7px;padding:0;border:0}
.bxmt .bx4-hero--strip .bx4-hero__logo{font-family:var(--bx4-sans);font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--bx4-ac)}
.bxmt .bx4-hero--strip .bx4-hero__ind{border-left-color:var(--bx4-line);color:var(--bx4-mut)}
.bxmt .bx4-hero--strip .bx4-hero__h{margin:0 0 9px;font-size:clamp(24px,2.4vw,31px);line-height:1.35;color:var(--bx4-ink)}
.bxmt .bx4-hero--strip .bx4-hero__lead{margin:0;max-width:50em;font-size:15px;color:var(--bx4-sub);-webkit-line-clamp:3;line-clamp:3}
.bxmt .bx4-hero--strip .bx4-hero__meta{margin:11px 0 0;color:var(--bx4-mut)}
.bxmt .bx4-hero--strip .bx4-hero__kick{color:var(--bx4-sub)}
.bxmt .bx4-hero--strip .bx4-hero__kick span:first-child{border-left-color:var(--bx4-ac)}

/* 媒体名の置き場所はヒーローの題字に移したので、業界トップのマストヘッドは細い管理帯に戻す */

/* 記事一覧の直前に置く 1 行（ヒーローから外した「学べること」） */
.bxmt .bx4-scope{max-width:46em;margin:0 0 24px;font-size:14.5px;line-height:1.9;color:var(--bx4-sub)}
.bxmt .bx4-scope--top{margin:0 0 26px;padding-bottom:18px;border-bottom:1px solid var(--bx4-line)}

@media (max-width:900px){
  /* SP: 写真を全面に敷いたまま、文字は下に寄せる（高さ 280px） */
  .bxmt .bx4-hero__t,.bxmt .bx4-hero--band .bx4-hero__t,.bxmt .bx4-hero--article .bx4-hero__t{max-width:none}
  .bxmt .bx4-hero__shade{background:linear-gradient(180deg,rgba(14,20,26,.70) 0%,rgba(14,20,26,.80) 38%,rgba(14,20,26,.93) 74%,rgba(14,20,26,.97) 100%)}
  .bxmt .bx4-hero__in{align-items:flex-end;padding-top:24px;padding-bottom:24px}
  .bxmt .bx4-hero--feature .bx4-hero__in{min-height:280px;padding-top:22px;padding-bottom:22px}
  .bxmt .bx4-hero--band .bx4-hero__in,.bxmt .bx4-hero--article .bx4-hero__in{min-height:212px;padding-top:20px;padding-bottom:20px}
  .bxmt .bx4-hero__plate{margin-bottom:16px;padding-bottom:10px}
  .bxmt .bx4-hero__logo{font-size:21px}
  .bxmt .bx4-hero__ind{font-size:11.5px;padding-left:11px}
  .bxmt .bx4-hero__kick{margin-bottom:10px;font-size:11.5px;gap:6px 10px}
  .bxmt .bx4-hero__h,.bxmt .bx4-hero--band .bx4-hero__h,.bxmt .bx4-hero--article .bx4-hero__h{font-size:22px;line-height:1.42;margin-bottom:11px}
  .bxmt .bx4-hero--feature .bx4-hero__lead{display:none}
  .bxmt .bx4-hero__lead{font-size:14.5px;margin-bottom:11px}
  .bxmt .bx4-hero__meta{font-size:11.5px;gap:2px 12px}
  .bxmt .bx4-hero__read{margin-top:15px}
  .bxmt .bx4-hero__read a{font-size:14px}
  .bxmt .bx4-hero--strip .bx4-hero__in{padding-top:22px;padding-bottom:20px}
  .bxmt .bx4-hero--strip .bx4-hero__h{font-size:22px}
  .bxmt .bx4-hero--strip .bx4-hero__lead{font-size:14.5px}
  .bxmt .bx4-scope{margin:0 0 18px;font-size:14px}
  .bxmt .bx4-scope--top{margin-bottom:20px;padding-bottom:14px}
}

/* ============================================================
   21 記事本文の写真（2026-09-22 社長指示「画像とかも増やして見やすい・可視化しやすいブログに」）

   本文の中ほど（最初の h2 の直前）に、その記事が扱う業務の写真を 1 枚だけ置きます。
   差し込みは inc/article-photo.php。図式（比較表・工程カード）と続けて並ばない位置に送り、
   写真は版面（660px）いっぱいの 16:9、キャプションは表・図と同じ 13px の薄墨で左に寄せます。
   幅と高さは HTML 側で必ず付けるので、読み込み中に本文が飛びません（CLS 対策）。
   ============================================================ */
.bxmt .bx4-prose .bx4-photo{margin:2.4em 0;padding:0;border:0;background:none;overflow:hidden}
.bxmt .bx4-prose .bx4-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--bx4-soft2)}
/* 業務専用の写真ではない（媒体の表紙を切り出した）ときだけ、少し寄せて同じ絵に見せない */
.bxmt .bx4-prose .bx4-photo--crop img{transform:scale(1.06);transform-origin:center}
.bxmt .bx4-prose .bx4-photo figcaption{margin-top:4px}
/* 写真は次の見出しの導入として置くので、見出しとの間だけは既定の 64px ではなく写真と同じ 2.4em にする
   （写真が前の節に取り残されて、見出しの前に大きな空きができるのを防ぐ） */
.bxmt .bx4-prose .bx4-photo + :is(h2,h3){margin-top:2.4em}

@media (max-width:900px){
  .bxmt .bx4-prose .bx4-photo,.bxmt .bx4-prose figure,.bxmt .bx4-prose blockquote,
  .bxmt .bx4-prose .bx4-flow,.bxmt .bx4-prose .bx4-tablescroll,.bxmt .bx4-prose .bxc-compare{margin-top:1.9em;margin-bottom:1.9em}
  .bxmt .bx4-prose .bx4-photo + :is(h2,h3){margin-top:1.9em}
  .bxmt .bx4-prose blockquote{padding-left:16px;border-left-width:4px;font-size:17px;line-height:1.82}
  .bxmt .bx4-prose .bx4-photo img{aspect-ratio:3/2}
  .bxmt .bx4-prose li{line-height:1.78}
}

/* ==========================================================
   22 読み終わったあとの導線（社内だけで進めるか、外部を使うか）
   売り込みの枠にしない。役割 → サービス名 → 1行 の 3 枚だけ。
   ========================================================== */
.bxmt .bx4-fun{border-top:1px solid var(--bx4-line);background:var(--bx4-soft)}
.bxmt .bx4-fun__hd{max-width:44em;margin:0 0 30px}
.bxmt .bx4-fun__h{margin:0 0 12px}
.bxmt .bx4-fun__l{margin:0;font-size:15.5px;line-height:1.95;color:var(--bx4-sub)}
.bxmt .bx4-fun__l a{color:var(--bx4-link);text-decoration:underline;text-underline-offset:3px}
.bxmt .bx4-fun__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;background:var(--bx4-line);border:1px solid var(--bx4-line)}
.bxmt .bx4-fun__c{display:flex;flex-direction:column;gap:10px;padding:26px 24px 24px;background:#fff}
.bxmt .bx4-fun__role{margin:0;font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1.6;color:var(--bx4-ac)}
.bxmt .bx4-fun__n{margin:0;font-family:var(--bx4-head);font-size:19px;font-weight:var(--bx4-hw);line-height:1.5;letter-spacing:-.015em}
.bxmt .bx4-fun__n a{color:var(--bx4-ink);text-decoration:none}
.bxmt .bx4-fun__n a:hover{color:var(--bx4-ac)}
.bxmt .bx4-fun__t{margin:0;flex:1 1 auto;font-size:14px;line-height:1.85;color:var(--bx4-sub)}
.bxmt .bx4-fun__a{margin:0;font-size:13.5px}
.bxmt .bx4-fun__a a{color:var(--bx4-link);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.bxmt .bx4-fun__note{margin:22px 0 0;font-size:13.5px;line-height:1.85;color:var(--bx4-mut)}
@media (max-width:900px){.bxmt .bx4-fun__list{grid-template-columns:1fr}}


/* ==========================================================
   23 目次（本文の前・h2 が 3 本以上の記事だけ）
   ========================================================== */
.bxmt .bx4-toc{margin:34px 0 38px;padding:22px 24px 20px;border:1px solid var(--bx4-line);background:var(--bx4-soft)}
.bxmt .bx4-toc__h{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--bx4-line);font-family:var(--bx4-head);font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--bx4-mut)}
.bxmt .bx4-toc__l{margin:0;padding:0;list-style:none;counter-reset:none}
.bxmt .bx4-toc__i{display:flex;gap:11px;align-items:baseline;padding:5px 0;font-size:14.5px;line-height:1.7}
.bxmt .bx4-toc__i--sub{padding-left:32px;font-size:13.5px}
.bxmt .bx4-toc__n{flex:none;min-width:1.7em;font-family:var(--bx4-head);font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--bx4-ac)}
.bxmt .bx4-toc__i a{color:var(--bx4-ink);text-decoration:none}
.bxmt .bx4-toc__i a:hover{color:var(--bx4-ac);text-decoration:underline;text-underline-offset:3px}
.bxmt .bx4-toc__i--sub a{color:var(--bx4-sub)}
/* 業務アーカイブの1行 */
.bxmt .bx4-arch__l{margin:-6px 0 24px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--bx4-sub)}

/* ==========================================================
   24 編集元（全記事の末尾に同じ文面で 1 回）
   ========================================================== */
.bxmt .bx4-ed{display:grid;grid-template-columns:minmax(0,14em) minmax(0,1fr);gap:26px 44px;align-items:start;margin:48px 0 0;padding:28px 0 0;border-top:2px solid var(--bx4-ink)}
.bxmt .bx4-ed__lab{margin:0 0 12px;font-family:var(--bx4-head);font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--bx4-mut)}
.bxmt .bx4-ed__n{margin:0;font-family:var(--bx4-head);font-size:19px;font-weight:var(--bx4-hw);line-height:1.45;letter-spacing:-.015em;color:var(--bx4-ink)}
.bxmt .bx4-ed__org{margin:8px 0 0;font-size:13px;line-height:1.7}
.bxmt .bx4-ed__org a{color:var(--bx4-sub);text-decoration:none;border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-ed__org a:hover{color:var(--bx4-ac)}
.bxmt .bx4-ed__org span{display:block;margin-top:3px;font-size:12px;color:var(--bx4-mut)}
.bxmt .bx4-ed__logo{display:block;margin:14px 0 0;padding:12px 14px;border:1px solid var(--bx4-line);background:#fff}
.bxmt .bx4-ed__logo img{display:block;width:100%;max-width:190px;height:auto}
.bxmt .bx4-ed__logo:hover{border-color:var(--bx4-ac)}
.bxmt .bx4-ed__link{display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 0 0;font-size:13px}
.bxmt .bx4-ed__link a{color:var(--bx4-link);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.bxmt .bx4-ed__body > p{margin:0 0 .95em;font-size:15px;line-height:1.95;color:var(--bx4-sub)}
.bxmt .bx4-ed__body > p:last-of-type{margin-bottom:0}
.bxmt .bx4-ed__rev{display:grid;gap:12px;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--bx4-line)}
.bxmt .bx4-ed__rev > div{display:grid;grid-template-columns:3.4em minmax(0,1fr);gap:14px;align-items:baseline}
.bxmt .bx4-ed__rev dt{margin:0;font-family:var(--bx4-head);font-size:11.5px;font-weight:700;letter-spacing:.08em;line-height:2;color:var(--bx4-mut)}
.bxmt .bx4-ed__rev dd{margin:0;font-size:14px;line-height:1.9;color:var(--bx4-sub)}
.bxmt .bx4-ed__rev dd a{color:var(--bx4-ink);font-weight:700;text-decoration:none;border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-ed__rev dd a:hover{color:var(--bx4-ac);border-color:currentColor}
.bxmt .bx4-ed__d{margin:14px 0 0;font-size:12.5px;line-height:1.7;color:var(--bx4-mut)}
@media (max-width:760px){.bxmt .bx4-ed{grid-template-columns:1fr;gap:20px;padding-top:22px}}

/* ============================================================
   25 本文の表（比較表・費用表）— 2026-09-22 社長指示「図式・表・画像を増やして見やすく」

   執筆側の規則（QA-RUBRIC G13）は 5 列以内・1 セル 40 字以内。8 列の業務フロー分解だけが
   例外で、inc/flow-table.php が工程カードに組み替えます（あの表はここでは触りません）。
   ここはそれ以外の表＝比較表・費用表の受け皿です。
     - PC（本文幅 720px）では 5 列の表はそのまま 100% 幅で収まるので、見出しと数値だけ整えます。
     - はみ出すのはモバイル。ここだけ display:block + overflow-x:auto にして、枠の中だけで
       横スクロールさせます（ページ全体は揺らさない）。本文セルは折り返すので、いままでの
       white-space:nowrap のような「1 行の長い棒」にはなりません。
     - 見出し行は薄い背景＋下罫を 1 本太く（どこまでが見出しか一目で分かる）
     - 数値の列は右寄せ＋等幅数字。Markdown の `|---:|` が付ける style="text-align: right" と
       手書きの class="bx4-num"、最終列だけ右寄せの class="bx4-numlast" の 3 通りに効かせます。
   既存の .bx4-table（業務ガイドの表）・.bxc-compare（現状 vs AI活用後）・
   .bx4-tablescroll（6 列以上を包む枠）は触っていません。
   ============================================================ */
.bxmt .bx4-prose > table > thead > tr > th{background:var(--bx4-soft);border-bottom:2px solid var(--bx4-line);font-size:13.5px;letter-spacing:.01em;vertical-align:middle}
.bxmt .bx4-prose > table > tbody > tr > th{background:var(--bx4-soft)}
.bxmt .bx4-prose > table > tbody > tr > td{max-width:22em}
/* 数値列（40 字の文章列と混ざっても桁が揃うように等幅数字＋折り返さない） */
.bxmt .bx4-prose table th[style*="right"],.bxmt .bx4-prose table td[style*="right"],
.bxmt .bx4-prose table th[align="right"],.bxmt .bx4-prose table td[align="right"],
.bxmt .bx4-prose table .bx4-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.bxmt .bx4-prose table.bx4-numlast th:last-child,.bxmt .bx4-prose table.bx4-numlast td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:900px){
  /* 列を潰して 1 文字ずつの縦積みにしない。収まらないぶんは枠の中だけで横に流す。
     見出しは折り返さない＝これが列幅の下限になり、本文セルは 6.5em を下限に普通に折り返す。
     （日本語は 1 文字ごとに改行できるので、幅の下限を決めないと列が潰れて横スクロールも出ない） */
  .bxmt .bx4-prose > table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:normal;font-size:14px}
  .bxmt .bx4-prose > table > thead > tr > th{white-space:nowrap}
  .bxmt .bx4-prose > table th,.bxmt .bx4-prose > table td{padding:9px 10px}
  .bxmt .bx4-prose > table > tbody > tr > td{min-width:6.5em;max-width:16em}
}

/* 図式（media_diagram_kit.py の 9 種）。本文中の図は幅 660 の SVG を素の比率で置きます */
.bxmt .bx4-prose .bxm-fig{margin:32px 0}
.bxmt .bx4-prose .bxm-fig svg{display:block;width:100%;max-width:660px;height:auto;margin:0 auto}
.bxmt .bx4-prose .bxm-fig figcaption{margin-top:10px;font-size:13px;line-height:1.7;color:var(--bx4-mut);text-align:center}

/* 導線の申し込み枠（記事・業務ハブの末尾） */
.bxmt .bx4-fun__k{margin:0 0 10px;font-family:var(--bx4-head);font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--bx4-ac)}
.bxmt .bx4-fun__hd{max-width:50em}
.bxmt .bx4-fun__cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,17em);gap:28px 44px;align-items:center;margin:28px 0 0;padding:28px 30px;background:var(--bx4-ink);color:#fff}
.bxmt .bx4-fun__cta-h{margin:0 0 10px;font-family:var(--bx4-head);font-size:21px;font-weight:var(--bx4-hw);line-height:1.5;letter-spacing:-.015em;color:#fff}
.bxmt .bx4-fun__cta-l{margin:0 0 12px;font-size:14.5px;line-height:1.9;color:rgba(255,255,255,.88)}
.bxmt .bx4-fun__cta-m{margin:0;padding-top:12px;border-top:1px solid rgba(255,255,255,.18);font-size:12.5px;line-height:1.8;color:rgba(255,255,255,.62)}
.bxmt .bx4-fun__cta-b{display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:center}
.bxmt .bx4-fun__cta .bx4-btn{background:var(--bx4-ac);color:#fff;min-height:52px}
.bxmt .bx4-fun__cta .bx4-btn:hover{background:#fff;color:var(--bx4-ink)}
.bxmt .bx4-fun__sub{font-size:13px;line-height:1.7;color:rgba(255,255,255,.8);text-decoration:underline;text-underline-offset:3px}
.bxmt .bx4-fun__sub:hover{color:#fff}
@media (max-width:860px){.bxmt .bx4-fun__cta{grid-template-columns:1fr;padding:24px 22px}}

/* 相談ページ v5: 対象の線引き・当日の流れ・申し込み後 */
.bxmt .bx4-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--bx4-line);border:1px solid var(--bx4-line)}
.bxmt .bx4-fit__c{padding:26px 26px 28px;background:#fff}
.bxmt .bx4-fit__c--no{background:var(--bx4-soft)}
.bxmt .bx4-fit__h{margin:0 0 16px;padding-left:13px;border-left:3px solid var(--bx4-ac);font-family:var(--bx4-head);font-size:17px;font-weight:var(--bx4-hw);line-height:1.6}
.bxmt .bx4-fit__c--no .bx4-fit__h{border-left-color:var(--bx4-mut);color:var(--bx4-sub)}
.bxmt .bx4-fit__l{margin:0;padding:0;list-style:none}
.bxmt .bx4-fit__l li{position:relative;margin:0 0 12px;padding-left:20px;font-size:14.5px;line-height:1.9;color:var(--bx4-sub)}
.bxmt .bx4-fit__l li:last-child{margin-bottom:0}
.bxmt .bx4-fit__l li::before{content:"";position:absolute;left:0;top:.82em;width:9px;height:1px;background:var(--bx4-ac)}
.bxmt .bx4-fit__c--no .bx4-fit__l li::before{background:var(--bx4-mut)}
.bxmt .bx4-fit__l b{color:var(--bx4-ink)}
.bxmt .bx4-fit__n{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--bx4-line);font-size:13px;line-height:1.8;color:var(--bx4-mut)}
.bxmt .bx4-flowline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;background:var(--bx4-line);border:1px solid var(--bx4-line)}
.bxmt .bx4-flowline li{display:flex;flex-direction:column;gap:10px;padding:24px 22px 26px;background:#fff}
.bxmt .bx4-flowline__n{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-flowline__n i{font-style:normal;font-family:var(--bx4-head);font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--bx4-ac)}
.bxmt .bx4-flowline__n b{font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--bx4-mut)}
.bxmt .bx4-flowline__t{min-height:2.9em;font-family:var(--bx4-head);font-size:16.5px;font-weight:var(--bx4-hw);line-height:1.5;letter-spacing:-.01em;color:var(--bx4-ink);text-wrap:balance}
.bxmt .bx4-flowline__d{font-size:14px;line-height:1.85;color:var(--bx4-sub)}
.bxmt .bx4-flowline__note{margin:20px 0 0;font-size:13.5px;line-height:1.85;color:var(--bx4-mut)}
.bxmt .bx4-after{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px;margin:34px 0 0;padding:26px 0 0;border-top:1px solid var(--bx4-line);list-style:none}
.bxmt .bx4-after li{font-size:13.5px;line-height:1.85;color:var(--bx4-sub)}
.bxmt .bx4-after b{display:block;margin-bottom:5px;font-family:var(--bx4-head);font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--bx4-ac)}
@media (max-width:900px){.bxmt .bx4-fit,.bxmt .bx4-flowline{grid-template-columns:1fr}.bxmt .bx4-after{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.bxmt .bx4-after{grid-template-columns:1fr}}

/* 業務ハブの全体像（記事アーカイブの下に 1 セクションだけ） */
.bxmt .bx4-about__l{max-width:48em;margin:-8px 0 26px;font-size:16px;line-height:1.95;color:var(--bx4-sub)}
.bxmt .bx4-about{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--bx4-line);border:1px solid var(--bx4-line)}
.bxmt .bx4-about__c{padding:24px 24px 26px;background:#fff}
.bxmt .bx4-about__h{margin:0 0 15px;padding-bottom:11px;border-bottom:1px solid var(--bx4-line);font-family:var(--bx4-head);font-size:14.5px;font-weight:700;letter-spacing:.02em;line-height:1.5;color:var(--bx4-ink)}
.bxmt .bx4-about__c--ai .bx4-about__h{color:var(--bx4-ac);border-bottom-color:var(--bx4-ac)}
.bxmt .bx4-about__o,.bxmt .bx4-about__u{margin:0;padding:0;list-style:none}
.bxmt .bx4-about__o{counter-reset:bx4a}
.bxmt .bx4-about__o li{counter-increment:bx4a;position:relative;padding:0 0 9px 26px;font-size:14.5px;line-height:1.8;color:var(--bx4-sub)}
.bxmt .bx4-about__o li::before{content:counter(bx4a);position:absolute;left:0;top:0;font-family:var(--bx4-head);font-size:12px;font-weight:700;line-height:2.2;color:var(--bx4-ac)}
.bxmt .bx4-about__u li{position:relative;padding:0 0 9px 18px;font-size:14.5px;line-height:1.8;color:var(--bx4-sub)}
.bxmt .bx4-about__u li::before{content:"";position:absolute;left:0;top:.78em;width:8px;height:1px;background:var(--bx4-mut)}
.bxmt .bx4-about__c--ai .bx4-about__u li::before{background:var(--bx4-ac)}
.bxmt .bx4-about__o li:last-child,.bxmt .bx4-about__u li:last-child{padding-bottom:0}
@media (max-width:860px){.bxmt .bx4-about{grid-template-columns:1fr}}

/* 仕事のまとまりから探す（業界をまたいで同じ7つの切り口） */
.bxmt .bx4-fn{margin:38px 0 0;padding:30px 0 0;border-top:1px solid var(--bx4-line)}
.bxmt .bx4-fn__h{margin:0 0 20px;font-family:var(--bx4-head);font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--bx4-mut)}
.bxmt .bx4-fn__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--bx4-line);border:1px solid var(--bx4-line)}
.bxmt .bx4-fn__c{padding:20px 20px 22px;background:#fff}
.bxmt .bx4-fn__n{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--bx4-line);font-family:var(--bx4-head);font-size:14.5px;font-weight:700;letter-spacing:.01em;line-height:1.5;color:var(--bx4-ac)}
.bxmt .bx4-fn__l{margin:0;padding:0;list-style:none;font-size:14px;line-height:1.9}
.bxmt .bx4-fn__l li{position:relative;padding-left:14px}
.bxmt .bx4-fn__l li::before{content:"";position:absolute;left:0;top:.86em;width:6px;height:1px;background:var(--bx4-mut)}
.bxmt .bx4-fn__l a{color:var(--bx4-sub);text-decoration:none}
.bxmt .bx4-fn__l a:hover{color:var(--bx4-ac);text-decoration:underline;text-underline-offset:3px}
@media (max-width:1000px){.bxmt .bx4-fn__g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.bxmt .bx4-fn__g{grid-template-columns:1fr}}

/* ==========================================================
   26 業界トップ v5（AI化が進む理由 / 線引き / 着手順 / 費用と法令）
   ========================================================== */
.bxmt .bx4-why__l{max-width:52em;margin:0 0 30px;font-size:16px;line-height:2;color:var(--bx4-sub)}
.bxmt .bx4-pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 32px;margin:0;padding:0;list-style:none}
.bxmt .bx4-pains__i{padding-left:15px;border-left:3px solid var(--bx4-ac)}
.bxmt .bx4-pains__h{margin:0 0 8px;font-family:var(--bx4-head);font-size:16.5px;font-weight:var(--bx4-hw);line-height:1.55;color:var(--bx4-ink)}
.bxmt .bx4-pains__d{margin:0;font-size:14px;line-height:1.85;color:var(--bx4-sub)}
.bxmt .bx4-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--bx4-line);border:1px solid var(--bx4-line)}
.bxmt .bx4-split__c{padding:26px 26px 28px;background:#fff}
.bxmt .bx4-split__h{margin:0 0 16px;padding-bottom:11px;border-bottom:1px solid var(--bx4-line);font-family:var(--bx4-head);font-size:16px;font-weight:700;line-height:1.5;color:var(--bx4-ink)}
.bxmt .bx4-split__c--ai .bx4-split__h{color:var(--bx4-ac);border-bottom-color:var(--bx4-ac)}
.bxmt .bx4-split__l{margin:0;padding:0;list-style:none}
.bxmt .bx4-split__l li{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-split__l li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.bxmt .bx4-split__t{display:block;margin-bottom:4px;font-family:var(--bx4-head);font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--bx4-ac);text-decoration:none}
.bxmt .bx4-split__t:hover{text-decoration:underline;text-underline-offset:3px}
.bxmt .bx4-split__c:not(.bx4-split__c--ai) .bx4-split__t{color:var(--bx4-mut)}
.bxmt .bx4-split__d{display:block;font-size:14.5px;line-height:1.85;color:var(--bx4-sub)}
.bxmt .bx4-order{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--bx4-line);border:1px solid var(--bx4-line)}
.bxmt .bx4-order__c{padding:24px 22px 26px;background:#fff}
.bxmt .bx4-order__c--high-impact-low-difficulty{background:var(--bx4-soft)}
.bxmt .bx4-order__h{margin:0 0 8px;font-family:var(--bx4-head);font-size:15.5px;font-weight:700;line-height:1.5;color:var(--bx4-ink)}
.bxmt .bx4-order__c--high-impact-low-difficulty .bx4-order__h{color:var(--bx4-ac)}
.bxmt .bx4-order__n{margin:0 0 14px;padding-bottom:13px;border-bottom:1px solid var(--bx4-line);font-size:12.5px;line-height:1.75;color:var(--bx4-mut)}
.bxmt .bx4-order__l{margin:0;padding:0;list-style:none;font-size:14px;line-height:1.8}
.bxmt .bx4-order__l li{position:relative;padding:0 0 8px 16px;color:var(--bx4-sub)}
.bxmt .bx4-order__l li::before{content:"";position:absolute;left:0;top:.75em;width:7px;height:1px;background:var(--bx4-mut)}
.bxmt .bx4-cost__l{margin:0 0 20px;font-size:15px;line-height:1.95;color:var(--bx4-sub)}
.bxmt .bx4-legal{margin:0}
.bxmt .bx4-legal--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--bx4-line);background:var(--bx4-line)}
.bxmt .bx4-legal--grid > div{padding:22px 24px 24px;background:#fff;border-bottom:0}
.bxmt .bx4-legal--grid dt{margin:0 0 9px;padding-left:12px;border-left:3px solid var(--bx4-ac);font-size:15px;line-height:1.6}
.bxmt .bx4-legal--grid dd{padding-left:15px}
@media (max-width:820px){.bxmt .bx4-legal--grid{grid-template-columns:1fr;gap:0}}
.bxmt .bx4-legal > div{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-legal > div:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.bxmt .bx4-legal dt{margin:0 0 5px;font-family:var(--bx4-head);font-size:14.5px;font-weight:700;line-height:1.6;color:var(--bx4-ink)}
.bxmt .bx4-legal dd{margin:0;font-size:14px;line-height:1.85;color:var(--bx4-sub)}
@media (max-width:1000px){.bxmt .bx4-pains,.bxmt .bx4-order{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.bxmt .bx4-pains,.bxmt .bx4-order,.bxmt .bx4-split{grid-template-columns:1fr}}

/* 運営者情報 */
.bxmt .bx4-about-dl{display:grid;margin:26px 0 0;border-top:1px solid var(--bx4-line)}
.bxmt .bx4-about-dl > div{display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr);gap:18px;padding:14px 0;border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-about-dl dt{margin:0;font-family:var(--bx4-head);font-size:12.5px;font-weight:700;letter-spacing:.04em;line-height:1.9;color:var(--bx4-mut)}
.bxmt .bx4-about-dl dd{margin:0;font-size:15px;line-height:1.85;color:var(--bx4-sub)}
.bxmt .bx4-about-dl dd a{color:var(--bx4-link);text-decoration:none;border-bottom:1px solid var(--bx4-line)}
.bxmt .bx4-about-dl dd a:hover{border-color:currentColor}
.bxmt .bx4-about-media{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 28px;margin:24px 0 0;padding:0;list-style:none;font-size:14.5px;line-height:1.9}
.bxmt .bx4-about-media a{color:var(--bx4-ink);text-decoration:none}
.bxmt .bx4-about-media a:hover{color:var(--bx4-ac);text-decoration:underline;text-underline-offset:3px}
@media (max-width:860px){.bxmt .bx4-about-dl > div{grid-template-columns:1fr;gap:4px}.bxmt .bx4-about-media{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ==========================================================
   27 業務の流れ図（工程カードの前に 1 枚）
   工程名を順につなぎ、AIが担える工程を色で示す。読む前に全体が掴めるようにする。
   ========================================================== */
.bxmt .bx4-fmap{margin:0 0 1.6em;padding:22px 22px 20px;border:1px solid var(--bx4-line);background:var(--bx4-soft)}
.bxmt .bx4-fmap__cap{margin:0 0 16px;font-size:12.5px;line-height:1.8;color:var(--bx4-mut)}
.bxmt .bx4-fmap__l{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px 0;margin:0;padding:0;list-style:none;counter-reset:none}
.bxmt .bx4-fmap__i{position:relative;display:flex;flex-direction:column;gap:6px;flex:1 1 150px;min-width:0;padding:12px 14px 12px 14px;margin-right:16px;background:#fff;border:1px solid var(--bx4-line);border-left:3px solid var(--bx4-line)}
.bxmt .bx4-fmap__i:last-child{margin-right:0}
.bxmt .bx4-fmap__i::after{content:"";position:absolute;right:-13px;top:50%;width:0;height:0;margin-top:-5px;border-left:7px solid var(--bx4-line);border-top:5px solid transparent;border-bottom:5px solid transparent}
.bxmt .bx4-fmap__i:last-child::after{display:none}
.bxmt .bx4-fmap__i--ai,.bxmt .bx4-fmap__i--both{border-left-color:var(--bx4-ac);background:#fff}
.bxmt .bx4-fmap__n{font-family:var(--bx4-head);font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1;color:var(--bx4-mut)}
.bxmt .bx4-fmap__i--ai .bx4-fmap__n,.bxmt .bx4-fmap__i--both .bx4-fmap__n{color:var(--bx4-ac)}
.bxmt .bx4-fmap__t{font-family:var(--bx4-head);font-size:14px;font-weight:700;line-height:1.55;letter-spacing:-.01em;color:var(--bx4-ink);word-break:auto-phrase}
.bxmt .bx4-fmap__g{margin-top:auto;font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--bx4-mut)}
.bxmt .bx4-fmap__i--ai .bx4-fmap__g,.bxmt .bx4-fmap__i--both .bx4-fmap__g{color:var(--bx4-ac)}
.bxmt .bx4-fmap__key{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;font-size:11.5px;line-height:1.7;color:var(--bx4-mut)}
.bxmt .bx4-fmap__k{display:inline-flex;align-items:center;gap:7px}
.bxmt .bx4-fmap__k::before{content:"";width:10px;height:10px;border:1px solid var(--bx4-line);border-left:3px solid var(--bx4-line)}
.bxmt .bx4-fmap__k--ai::before{border-left-color:var(--bx4-ac)}
@media (max-width:700px){
  .bxmt .bx4-fmap{padding:18px 16px 16px}
  .bxmt .bx4-fmap__l{flex-direction:column;gap:14px 0}
  .bxmt .bx4-fmap__i{flex:1 1 auto;margin-right:0;margin-bottom:0}
  .bxmt .bx4-fmap__i::after{right:auto;left:18px;top:auto;bottom:-11px;margin-top:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--bx4-line);border-bottom:0}
}

/* 記事中盤の導線（1記事1本）。終盤の bx4-fun とは別物に見えるよう、帯 1 本・ボタン 1 つに絞る。
   本文の中に置くので .bx4-prose a のリンク色に負けないよう、ボタンだけ specificity を上げる */
.bxmt .bx4-midcta{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:40px 0;padding:22px 24px;border:1px solid var(--bx4-line);border-left:4px solid var(--bx4-ac);border-radius:3px;background:var(--bx4-soft)}
.bxmt .bx4-midcta__t{flex:1 1 320px;min-width:0}
.bxmt .bx4-midcta__h{margin:0 0 6px;font-family:var(--bx4-head);font-size:17px;font-weight:var(--bx4-hw);line-height:1.55;letter-spacing:-.01em;color:var(--bx4-ink)}
.bxmt .bx4-midcta__l{margin:0;font-size:14px;line-height:1.85;color:var(--bx4-sub)}
.bxmt .bx4-midcta__b{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;align-items:stretch;margin:0}
.bxmt .bx4-prose .bx4-midcta .bx4-btn{background:var(--bx4-ac);color:#fff;text-decoration:none;white-space:nowrap}
.bxmt .bx4-prose .bx4-midcta__sub{font-size:13px;line-height:1.6;text-align:center;color:var(--bx4-mut);text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){
  .bxmt .bx4-midcta{gap:16px;padding:18px}
  .bxmt .bx4-midcta__b{width:100%}
  .bxmt .bx4-prose .bx4-midcta .bx4-btn{width:100%;text-align:center}
}