@charset "UTF-8";
/* 業界トップ v10（2026-10-02 社長指示「業界のトップは /media/industries/ の形で。わかりやすく」）— boostx-media/industry.php だけで読む。
   お手本: /media/industries/（v8-pages.css「5. 16業界の一覧」）。区画は少なく 1 区画 1 目的・見出しは明朝の墨・頭に太い墨の罫・
   中身は罫で区切った行（カードにしない）。業界色（--bx-acc）は媒体名の短い線・業務名の文字・主ボタン（--bx-cta）だけ。
   指摘書 docs/specs/2026-10-01_media_premium_design_review.md の色・文字・余白（8px 刻み・区画の間 96px／SP 64px）に合わせる。
   v8-pages.css の後に読み、業界トップ（.bxi）の中だけを決める。 */

.bxmt .bxi{padding-bottom:96px;color:#33373E}
.bxmt .bxi .bx8-path ol{font-size:13px;color:#5F6670}

/* ============ 1. ヒーロー（お手本と同じ型・左に文字と入口・右に写真 3 枚） ============ */
.bxmt .bxi-hero{padding:32px 0 56px;border-bottom:1px solid #D8D4CC}
.bxmt .bxi-hero__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px 56px;align-items:center}
.bxmt .bxi-hero__t{min-width:0}
.bxmt .bxi-hero__h{margin:0 0 16px;font-family:var(--v8-serif);font-size:clamp(30px,3.3vw,44px);font-weight:600;line-height:1.38;letter-spacing:.01em;color:#1A1D23}
.bxmt .bxi-hero__k{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-family:var(--v8-sans);font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.06em;color:#1A1D23}
.bxmt .bxi-hero__k::before{content:"";flex:none;width:32px;height:2px;background:var(--bx-acc,#1A1D23)}
.bxmt .bxi-hero__hl{display:block}
.bxmt .bxi-hero__l{max-width:36em;margin:0 0 32px;font-size:16px;line-height:1.9;letter-spacing:.03em;color:#33373E}
.bxmt .bxi-search{max-width:600px}
.bxmt .bxi-search .bx8-dsearch__l{font-weight:600;color:#1A1D23}
.bxmt .bxi-search .bx8-dsearch__row{border-color:#1A1D23;border-radius:2px}
.bxmt .bxi-search .bx8-dsearch__row .bx8-btn{border-radius:2px}
/* 入口 2 つ（主=診断・副=無料相談）。同じ高さで横に並べ、スマホは縦に全幅 */
.bxmt .bxi-acts{display:flex;flex-wrap:wrap;gap:12px 16px;max-width:600px;margin:24px 0 0}
.bxmt .bxi .bxi-act{min-height:52px;padding:0 24px;border-radius:2px;font-size:15px;font-weight:600;letter-spacing:.04em;white-space:normal;text-align:center}
.bxmt .bxi .bxi-act--dg{flex:1 1 300px}
.bxmt .bxi .bxi-act--cs{flex:0 1 auto}
.bxmt .bxi .bxi-act__s{font-weight:400;letter-spacing:.02em}
.bxmt .bxi-hero__pics{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:440px}
.bxmt .bxi-hero__pics--2{grid-template-rows:1fr}
.bxmt .bxi-hero__pics--1{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr}
.bxmt .bxi-hero__pic{display:block;overflow:hidden;border-radius:2px;background:#EAE7E1}
.bxmt .bxi-hero__pics--3 .bxi-hero__pic--1{grid-row:1 / 3}
.bxmt .bxi-hero__pic img{width:100%;height:100%;object-fit:cover}

/* ============ 区画の頭（お手本 .bx8-dgrp__hd: 明朝の見出し＋右に短い補足・下に太い墨の罫） ============ */
.bxmt .bxi-sec{padding:96px 0 0}
.bxmt .bxi-hd{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0 0 16px;border-bottom:2px solid #1A1D23}
.bxmt .bxi-h2{margin:0;font-family:var(--v8-serif);font-size:28px;font-weight:600;line-height:1.45;letter-spacing:.02em;color:#1A1D23}
.bxmt .bxi-hd__d{margin:0;font-size:14px;line-height:1.6;color:#5F6670}
.bxmt .bxi-hd__more{margin:0}
.bxmt .bxi-hd__more a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:600;letter-spacing:.04em;color:#1A1D23;text-decoration:underline;text-decoration-color:#B5B0A6;text-decoration-thickness:1px;text-underline-offset:4px}
.bxmt .bxi-hd__more a:hover{text-decoration-color:var(--bx-acc,#1A1D23);text-decoration-thickness:2px}

/* ============ 押せる物の決まり（1 つだけ）: リンクは「→」・下線・押せる面のどれかを持つ。押せない文字に矢印と業界色は使わない ============ */
.bxmt .bxi-arw{display:inline-block;margin-left:6px;transition:transform .15s ease-out}
.bxmt .bxi a:hover .bxi-arw,.bxmt .bxi a:focus-visible .bxi-arw{transform:translateX(3px)}
.bxmt .bxi a,.bxmt .bxi summary,.bxmt .bxi button{cursor:pointer}
.bxmt .bxi :is(a,summary,button):focus-visible{outline:2px solid #14213D;outline-offset:2px}
.bxmt .bxi .bx8-btn--pri:active{background:var(--bx-cta-dk,#0B1528)}
.bxmt .bxi .bxi-act--cs:hover{background:#F3F1EC;color:#1A1D23;text-decoration:none}
.bxmt .bxi .bxi-act--cs:active{background:#EAE7E1}
.bxmt .bxi .bxi-act--dg:hover{text-decoration:none}
@media (prefers-reduced-motion:reduce){.bxmt .bxi *{transition:none!important}}
/* 最後の 1 文字だけ次の行に落とさない（見出しは balance・タイルと題は pretty） */
.bxmt .bxi :is(.bxi-hero__hl,.bxi-h2,.bxi-cs__h){text-wrap:balance}
.bxmt .bxi :is(.bxi-prob__q,.bxi-row__a,.bxi-rk__t,.bxi-hero__l,.bxi-csf__l,.bxi-cs__list li,.bxi-node__n,.bxi-flow__lb,.bxi-pband__lb){text-wrap:pretty}
/* 区画の終わりの次の行動（1 つ） */
.bxmt .bxi-more{margin:24px 0 0;text-align:right}
.bxmt .bxi-more a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:600;letter-spacing:.04em;color:var(--bx-acc,#1A1D23);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.bxmt .bxi-more a:hover{text-decoration-thickness:2px}

/* ============ 2. 困りごとから読む（図式: 上に工程の細い帯・下に流れ順のタイル。アイコン＋困りごと＋「読む →」・PC 4 列） ============ */
.bxmt .bxi-pband{display:grid;grid-template-columns:repeat(var(--bxi-n,7),minmax(0,1fr));gap:0 3px;margin:24px 0 16px;padding:0;list-style:none}
.bxmt .bxi-pband__s{display:flex;align-items:center;gap:6px;min-width:0;min-height:36px;padding:4px 18px 4px 20px;background:#EAE7E1;color:#5F6670;font-size:12px;font-weight:600;line-height:1.3;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);box-sizing:border-box}
.bxmt .bxi-pband__s:first-child{padding-left:12px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}
.bxmt .bxi-pband__s.is-hit{background:#1A1D23;color:#fff}
.bxmt .bxi-pband__no{flex:none;font-family:var(--v8-serif);opacity:.7}
.bxmt .bxi-pband__lb{min-width:0;white-space:normal}
.bxmt .bxi-probs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.bxmt .bxi-prob{min-width:0}
.bxmt .bxi-prob__a{display:flex;flex-direction:column;height:100%;min-height:148px;padding:16px 20px 18px;border:1px solid #D8D4CC;border-radius:2px;background:#fff;color:#1A1D23;text-decoration:none;box-sizing:border-box;transition:background-color .15s,border-color .15s}
.bxmt .bxi-prob__k{display:flex;align-items:center;gap:8px;min-height:28px;margin:0 0 10px;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.04em;color:#5F6670}
.bxmt .bxi-pic{flex:none;color:#1A1D23}
.bxmt .bxi-prob__q{flex:1 1 auto;font-family:var(--v8-serif);font-size:17px;font-weight:600;line-height:1.55;color:#1A1D23}
.bxmt .bxi-prob__go{margin-top:12px;font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--bx-acc,#1A1D23)}
.bxmt .bxi-prob__a:hover,.bxmt .bxi-prob__a:focus-visible{border-color:var(--bx-acc,#1A1D23);background:color-mix(in srgb,var(--bx-acc,#1A1D23) 5%,#fff)}
.bxmt .bxi-prob__a:hover .bxi-arw{transform:translateX(3px)}
.bxmt .bxi-prob__a:active{background:color-mix(in srgb,var(--bx-acc,#1A1D23) 10%,#fff)}

/* ============ 3. 仕事の設計図（図式: 工程の帯が矢印でつながる・下に業務の箱。箱の濃さ＝記事数・中身は開いたときだけ） ============ */
.bxmt .bxi-bpsec .bxi-hd{margin-bottom:32px}
.bxmt .bxi-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 4px;margin:0;padding:0;list-style:none}
.bxmt .bxi-flow__st{min-width:0}
.bxmt .bxi-flow__hd{display:flex;align-items:center;gap:8px;min-height:48px;padding-top:6px;padding-bottom:6px;margin:0 0 12px;padding:0 28px 0 24px;background:#1A1D23;color:#fff;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%);box-sizing:border-box}
.bxmt .bxi-flow__st:nth-child(4n+1) .bxi-flow__hd{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%);padding-left:16px}
.bxmt .bxi-flow__st.is-common .bxi-flow__hd{background:#5F6670;clip-path:none;padding:0 16px}
.bxmt .bxi-flow__no{flex:none;font-family:var(--v8-serif);font-size:15px;font-weight:600;color:#C9C5BC}
.bxmt .bxi-flow__lb{min-width:0;font-size:14px;font-weight:600;line-height:1.3;letter-spacing:.02em}
.bxmt .bxi-flow__nodes{display:grid;gap:8px;align-items:start;margin:0;padding:0 12px 0 0;list-style:none}
.bxmt .bxi-node{border:1px solid #D8D4CC;border-radius:2px;background:#fff}
.bxmt .bxi-node__s{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:48px;margin:0;padding:8px 12px;cursor:pointer;list-style:none;box-sizing:border-box}
.bxmt .bxi-node__s::-webkit-details-marker{display:none}
.bxmt .bxi-node__n{font-family:var(--v8-serif);font-size:15px;font-weight:600;line-height:1.4;color:#1A1D23}
.bxmt .bxi-node__c{flex:none;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#33373E}
.bxmt .bxi-node__pm{position:relative;flex:none;display:inline-block;width:20px;height:20px;border:1px solid currentColor;border-radius:2px;box-sizing:border-box}
.bxmt .bxi-node__pm::before,.bxmt .bxi-node__pm::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.bxmt .bxi-node__pm::after{transform:translate(-50%,-50%) rotate(90deg)}
.bxmt details[open] > summary .bxi-node__pm::after{display:none}
.bxmt details.bxi-node__d > summary:hover{background:color-mix(in srgb,var(--bx-acc,#1A1D23) 8%,transparent)}
.bxmt .bxi-node--w1{border-color:color-mix(in srgb,var(--bx-acc,#1A1D23) 30%,#D8D4CC);background:color-mix(in srgb,var(--bx-acc,#1A1D23) 6%,#fff)}
.bxmt .bxi-node--w2{border-color:color-mix(in srgb,var(--bx-acc,#1A1D23) 55%,#fff);background:color-mix(in srgb,var(--bx-acc,#1A1D23) 16%,#fff)}
.bxmt .bxi-node--w3{border-color:var(--bx-acc,#1A1D23);background:var(--bx-acc,#1A1D23)}
.bxmt .bxi-node--w3 > details > .bxi-node__s .bxi-node__n,.bxmt .bxi-node--w3 > details > .bxi-node__s .bxi-node__c{color:#fff}
.bxmt .bxi-node--w3 > details > summary.bxi-node__s:hover{background:var(--bx-cta-dk,#1A1D23)}
.bxmt .bxi-node--w0{border-style:dashed;background:transparent}
.bxmt .bxi-node--w0 .bxi-node__s{cursor:default}
.bxmt .bxi-node--w0 .bxi-node__n{font-weight:400;color:#5F6670}
.bxmt .bxi-node--w0 .bxi-node__c{font-weight:400;color:#5F6670}
.bxmt .bxi-node__s:focus-visible{outline:2px solid #14213D;outline-offset:2px}
.bxmt .bxi-node__x{padding:0 12px 12px;background:#fff}
.bxmt .bxi-node--w3 .bxi-node__x{border-top:1px solid var(--bx-acc,#1A1D23)}
.bxmt .bxi-node__dl{margin:0;padding-top:8px}
.bxmt .bxi-node__dl div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:0 8px;padding:6px 0;font-size:13px;line-height:1.55}
.bxmt .bxi-node__dl dt{font-size:12px;font-weight:600;color:var(--bx-acc,#1A1D23)}
.bxmt .bxi-node__hu dt{color:#1A1D23}
.bxmt .bxi-node__dl dd{margin:0;color:#33373E}
.bxmt .bxi-node__go{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:var(--bx-acc,#1A1D23);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.bxmt .bxi-node__go:hover{text-decoration-thickness:2px}

/* ============ 4. 最新記事（行全体が 1 つのリンク: 画像＋題 2 行＋業務名と日付・3 列） ============ */
.bxmt .bxi-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:36px;margin:0;padding:0;list-style:none}
.bxmt .bxi-row{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);gap:0 16px;align-items:start;padding:20px 0;border-bottom:1px solid #D8D4CC}
.bxmt .bxi-row__pic,.bxmt .bxi-rk__pic{display:block;position:relative;aspect-ratio:3 / 2;overflow:hidden;border-radius:2px;background:#EAE7E1}
.bxmt .bxi-row__pic img,.bxmt .bxi-rk__pic img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease-out}
.bxmt .bxi-row:hover .bxi-row__pic img,.bxmt .bxi-rk__a:hover img{transform:scale(1.04)}
.bxmt .bxi-row__b{min-width:0}
.bxmt .bxi-row__t{margin:0 0 6px;font-family:var(--v8-serif);font-size:16px;font-weight:600;line-height:1.55;letter-spacing:.01em;color:#1A1D23}
.bxmt .bxi-row__a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:44px;color:inherit;text-decoration:none}
.bxmt .bxi-row{min-height:44px}
.bxmt .bxi-row__a::after{content:"";position:absolute;inset:0}
.bxmt .bxi-row:hover .bxi-row__a,.bxmt .bxi-row__a:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--bx-acc,currentColor)}
.bxmt .bxi-row__m{overflow:hidden;margin:0;font-size:12px;line-height:1.5;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;color:#5F6670}
.bxmt .bxi-row__hub{margin-right:8px;font-weight:600;color:#33373E}

/* ============ 5. よく読まれている記事（1 位は大きく・2〜5 位は 2×2。順位は画像の左上に業界色の地＋白数字） ============ */
.bxmt .bxi-h2__s{margin-left:12px;font-family:var(--v8-sans);font-size:13px;font-weight:400;letter-spacing:.04em;color:#5F6670}
.bxmt .bxi-rks{display:grid;grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:32px 28px;margin:32px 0 0;padding:0;list-style:none}
.bxmt .bxi-rk{min-width:0}
.bxmt .bxi-rk--1{grid-row:1 / 3}
.bxmt .bxi-rk__a{display:block;color:#1A1D23;text-decoration:none}
.bxmt .bxi-rk__n{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;background:var(--bx-acc,#1A1D23);color:#fff;font-family:var(--v8-serif);font-size:18px;font-weight:600;line-height:1;box-sizing:border-box}
.bxmt .bxi-rk__n.is-top{min-width:44px;height:44px;font-size:22px}
.bxmt .bxi-rk--1 .bxi-rk__n{min-width:56px;height:56px;font-size:28px}
.bxmt .bxi-rk__t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:12px 0 0;font-family:var(--v8-serif);font-size:15px;font-weight:600;line-height:1.6;color:#1A1D23}
.bxmt .bxi-rk--1 .bxi-rk__t{margin-top:16px;font-size:21px;line-height:1.55}
.bxmt .bxi-rk__a:hover .bxi-rk__t,.bxmt .bxi-rk__a:focus-visible .bxi-rk__t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--bx-acc,currentColor)}

/* ============ 6. 診断（見出し 1 行＋1 問目の選択肢・結果の例は段階のメーターと最初の 1 工程だけ） ============ */
.bxmt .bxi .bx8-idg .bx8-dq{background:#fff}
.bxmt .bxi .bx8-dq__k,.bxmt .bxi .bx8-dq__meta,.bxmt .bxi .bx8-dq__egs,.bxmt .bxi .bx8-dq__egl,.bxmt .bxi .bx8-dq__egn{display:none}

/* ============ 7. 無料相談（商談へ進む形: 見出し → BoostX と進める流れ 4 段 → 持ち帰れるもの＋日程を選ぶ） ============ */
.bxmt .bxi-cs__box{padding:48px;border:1px solid #D8D4CC;border-top:2px solid #1A1D23;background:#fff}
.bxmt .bxi-cs__k{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:.08em;line-height:1.5;color:#1A1D23}
.bxmt .bxi-cs__k::before{content:"";flex:none;width:24px;height:2px;background:var(--bx-acc,#1A1D23)}
.bxmt .bxi-cs__h{margin:0 0 32px;font-family:var(--v8-serif);font-size:26px;font-weight:600;line-height:1.5;letter-spacing:.02em;color:#1A1D23}
/* 流れ（帯の矢印は設計図と同じ形・今いる段＝無料相談だけ業界色） */
.bxmt .bxi-csf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 4px;margin:0 0 40px;padding:0;list-style:none}
.bxmt .bxi-csf__st{min-width:0}
.bxmt .bxi-csf__hd{display:flex;align-items:center;gap:8px;height:44px;margin:0 0 12px;padding:0 28px 0 28px;background:#EAE7E1;color:#1A1D23;font-size:15px;font-weight:600;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%);box-sizing:border-box;white-space:nowrap}
.bxmt .bxi-csf__st:first-child .bxi-csf__hd{padding-left:16px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}
.bxmt .bxi-csf__st.is-now .bxi-csf__hd{background:var(--bx-acc,#1A1D23);color:#fff}
.bxmt .bxi-csf__no{font-family:var(--v8-serif);font-size:14px;opacity:.75}
.bxmt .bxi-csf__l{margin:0;padding:0 16px 0 4px;font-size:14px;line-height:1.7;color:#33373E}
.bxmt .bxi-csf__svcs{display:flex;flex-wrap:wrap;gap:0 16px;padding:4px 16px 0 4px}
.bxmt .bxi-csf__svc{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;color:var(--bx-acc,#1A1D23);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.bxmt .bxi-csf__svc:hover{text-decoration-thickness:2px}
.bxmt .bxi-cs__b{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:center;padding-top:32px;border-top:1px solid #D8D4CC}
.bxmt .bxi-cs__lh{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.06em;color:#5F6670}
.bxmt .bxi-cs__list{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 32px;margin:0;padding:0;list-style:none}
.bxmt .bxi-cs__list li{position:relative;padding:0 0 0 20px;font-family:var(--v8-serif);font-size:15px;font-weight:600;line-height:1.55;color:#1A1D23}
.bxmt .bxi-cs__list li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border:2px solid var(--bx-acc,#1A1D23);box-sizing:border-box}
.bxmt .bxi-cs__cta{text-align:center}
.bxmt .bxi-cs__go{margin:0}
.bxmt .bxi-cs__go .bxi-act{min-width:300px;min-height:56px;font-size:16px}
.bxmt .bxi-cs__n{margin:8px 0 0;font-size:12px;line-height:1.5;color:#5F6670}

/* ============ 幅ごと ============ */
@media (max-width:1100px){
  .bxmt .bxi-pband__lb{display:none}
  .bxmt .bxi-pband__s{justify-content:center}
  .bxmt .bxi-pband__no{opacity:1;font-size:13px}
}
@media (max-width:1040px){
  .bxmt .bxi-hero__in{grid-template-columns:minmax(0,1fr)}
  .bxmt .bxi-hero__pics{height:320px;order:-1}
  .bxmt .bxi-rows{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bxmt .bxi-probs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bxmt .bxi-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bxmt .bxi-flow__st:nth-child(4n+1) .bxi-flow__hd{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%);padding-left:24px}
  .bxmt .bxi-flow__st:nth-child(2n+1) .bxi-flow__hd{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%);padding-left:16px}
  .bxmt .bxi-rks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bxmt .bxi-rk--1{grid-column:1 / -1;grid-row:auto}
  .bxmt .bxi-cs__box{padding:40px}
  .bxmt .bxi-csf{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 4px}
  .bxmt .bxi-csf__st:nth-child(odd) .bxi-csf__hd{padding-left:16px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}
  .bxmt .bxi-cs__b{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .bxmt .bxi{padding-bottom:64px}
  .bxmt .bxi .bx8-path ol{font-size:12px}
  .bxmt .bxi-hero{padding:8px 0 40px}
  .bxmt .bxi-hero__in{gap:24px}
  .bxmt .bxi-hero__pics{order:1;height:180px;grid-template-columns:1.6fr 1fr}
  .bxmt .bxi-hero__h{font-size:26px;line-height:1.45}
  .bxmt .bxi-hero__k{margin-bottom:12px;font-size:13px}
  .bxmt .bxi-hero__l{margin-bottom:24px;font-size:15px;line-height:1.8}
  .bxmt .bxi-acts{flex-direction:column;gap:12px}
  .bxmt .bxi .bxi-act--dg,.bxmt .bxi .bxi-act--cs{flex:none;width:100%}
  .bxmt .bxi-sec{padding-top:64px}
  .bxmt .bxi-h2{font-size:22px}
  .bxmt .bxi-hd{padding-bottom:12px}
  .bxmt .bxi-probs{grid-template-columns:minmax(0,1fr)}
  .bxmt .bxi-pband{gap:0 2px}
  .bxmt .bxi-pband__s,.bxmt .bxi-pband__s:first-child{justify-content:center;padding:0 6px 0 10px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%,8px 50%)}
  .bxmt .bxi-pband__s:first-child{padding-left:4px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)}
  .bxmt .bxi-pband__lb{display:none}
  .bxmt .bxi-pband__no{opacity:1;font-size:13px}
  .bxmt .bxi-probs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .bxmt .bxi-prob__a{min-height:140px;padding:12px 14px 14px}
  .bxmt .bxi-prob__k{gap:6px}
  .bxmt .bxi-pic{width:24px;height:24px}
  .bxmt .bxi-prob__q{font-size:15px}
  .bxmt .bxi-prob__go{margin-top:10px;font-size:13px}
  .bxmt .bxi-flow{grid-template-columns:minmax(0,1fr);gap:16px}
  .bxmt .bxi-flow__st .bxi-flow__hd,.bxmt .bxi-flow__st:nth-child(n) .bxi-flow__hd{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),50% 100%,0 calc(100% - 10px));height:52px;padding:0 16px 10px}
  .bxmt .bxi-flow__st.is-common .bxi-flow__hd{clip-path:none;height:44px;padding:0 16px}
  .bxmt .bxi-flow__nodes{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
  .bxmt .bxi-rks{grid-template-columns:minmax(0,1fr);gap:0;margin-top:16px}
  .bxmt .bxi-rk--1{padding-bottom:16px}
  .bxmt .bxi-rk:not(.bxi-rk--1) .bxi-rk__a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0 16px;align-items:center;padding:12px 0;border-top:1px solid #D8D4CC}
  .bxmt .bxi-rk:not(.bxi-rk--1) .bxi-rk__t{margin:0}
  .bxmt .bxi-rk--1 .bxi-rk__t{font-size:18px}
  .bxmt .bxi-more{text-align:left}
  .bxmt .bxi-cs__list{grid-template-columns:minmax(0,1fr)}
  .bxmt .bxi-csf{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:32px}
  .bxmt .bxi-csf__st .bxi-csf__hd,.bxmt .bxi-csf__st:nth-child(n) .bxi-csf__hd{clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),50% 100%,0 calc(100% - 8px));height:48px;padding:0 16px 8px;margin-bottom:8px}
  .bxmt .bxi-csf__l{padding:0 4px}
  .bxmt .bxi-cs__go .bxi-act{min-width:0;width:100%}
  .bxmt .bxi-bpsec .bxi-hd{margin-bottom:24px}
  .bxmt .bxi-rows{grid-template-columns:minmax(0,1fr)}
  .bxmt .bxi-row{grid-template-columns:104px minmax(0,1fr);padding:16px 0}
  .bxmt .bxi-cs__box{padding:24px}
  .bxmt .bxi-cs__h{font-size:21px}
  .bxmt .bxi-cs__go .bxi-act{width:100%;min-width:0}
}
/* 無料相談の枠: 日程を選ぶボタンの下の副導線（問い合わせフォーム）。主役はボタン・こちらは下線の文字リンク */
.bxmt .bxi-cs__alt{margin:10px 0 0;font-size:14px;line-height:1.5}
.bxmt .bxi-cs__alt a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#1A1D23;font-weight:600;text-decoration:underline;text-decoration-color:#B9B4AA;text-decoration-thickness:1px;text-underline-offset:5px}
.bxmt .bxi-cs__alt a:hover,.bxmt .bxi-cs__alt a:focus-visible{text-decoration-color:var(--bx-acc,#1A1D23)}