/* ============================================================
   CTA v5 — 業界別の 3 ボタン（2026-09-25 社長指示・docs/ui-components-v5.md §4）
   マークアップ: inc/cta-v5.php（bxmt_cta5_html）／呼び出し: boostx-media/parts/v4-funnel.php
   - PC: 見出しと文の下に 3 ボタンを横並び（主＝無料相談は業界色の塗り、副 2 つは白地に罫）
   - スマホ（〜760px）: 縦積み・全幅。どのボタンも高さ 56px 以上（タップ領域 44px を満たす）
   - 絵文字・アイコン・矢印の装飾は置かない。色は業界色（--bx4-ac）と既存の墨色だけ
   スコープは .bxmt（theme.css と同じ特異度 0,2,0）。
   ============================================================ */
.bxmt .bx5c{border-top:1px solid var(--bx4-line,#E3E7EB);background:var(--bx4-soft,#F6F7F9)}
.bxmt .bx5c__in{max-width:960px;margin:0 auto}
.bxmt .bx5c__t{max-width:46em}
.bxmt .bx5c__who{margin:0 0 10px;padding-left:10px;border-left:3px solid var(--bx4-ac,#27415F);font-family:var(--bx4-head,inherit);font-size:13px;font-weight:700;letter-spacing:.04em;line-height:1.5;color:var(--bx4-sub,#3C4856)}
.bxmt .bx5c__h{margin:0 0 12px;padding:0;border:0;font-family:var(--bx4-head,inherit);font-size:clamp(21px,2.1vw,26px);font-weight:var(--bx4-hw,700);line-height:1.5;letter-spacing:-.015em;color:var(--bx4-ink,#111820);word-break:auto-phrase;text-wrap:balance}
.bxmt .bx5c__l{margin:0;font-size:15px;line-height:1.9;color:var(--bx4-sub,#3C4856)}

.bxmt .bx5c__b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0;padding:0;list-style:none}
.bxmt .bx5c__i{margin:0;padding:0;list-style:none}
.bxmt .bx5c__i::before,.bxmt .bx5c__i::marker{content:none}
.bxmt .bx5c__btn{display:flex;flex-direction:column;justify-content:center;gap:3px;box-sizing:border-box;width:100%;height:100%;min-height:64px;padding:12px 18px;border-radius:2px;font-family:var(--bx4-head,inherit);text-align:center;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease}
.bxmt .bx5c__btn:hover,.bxmt .bx5c__btn:focus{text-decoration:none}
.bxmt .bx5c__btn:focus-visible{outline:3px solid var(--bx4-link,#1A4FA0);outline-offset:2px}
.bxmt .bx5c__bl{display:block;font-size:15.5px;font-weight:700;line-height:1.4;letter-spacing:.01em}
.bxmt .bx5c__bs{display:block;font-size:12px;font-weight:400;line-height:1.5}
/* 主: 無料相談 */
.bxmt .bx5c__btn--pri{background:var(--bx4-ac,#27415F);color:#fff}
.bxmt .bx5c__btn--pri .bx5c__bs{color:rgba(255,255,255,.86)}
.bxmt .bx5c__btn--pri:hover{background:var(--bx4-ink,#111820);color:#fff}
/* 副: AI診断・カスタム提案 */
.bxmt .bx5c__btn--sec{background:#fff;color:var(--bx4-ink,#111820);box-shadow:inset 0 0 0 1px var(--bx4-edge,#C7CED6)}
.bxmt .bx5c__btn--sec .bx5c__bs{color:var(--bx4-mut,#5F6B79)}
.bxmt .bx5c__btn--sec:hover{background:#fff;color:var(--bx4-ink,#111820);box-shadow:inset 0 0 0 2px var(--bx4-ac,#27415F)}

.bxmt .bx5c__n{margin:16px 0 0;font-size:12.5px;line-height:1.8;color:var(--bx4-mut,#5F6B79)}
.bxmt .bx5c__n a{color:var(--bx4-mut,#5F6B79);text-decoration:underline;text-underline-offset:2px}

/* タブレット: 3 列だと副ボタンの補足が 3 行になるので、主ボタンを全幅・副を 2 列に */
@media (max-width:960px){
  .bxmt .bx5c__b{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bxmt .bx5c__i:first-child{grid-column:1 / -1}
}
/* スマホ: 縦積み・全幅 */
@media (max-width:760px){
  .bxmt .bx5c__b{grid-template-columns:1fr;gap:10px;margin-top:20px}
  .bxmt .bx5c__i:first-child{grid-column:auto}
  .bxmt .bx5c__btn{min-height:56px;padding:11px 16px}
  .bxmt .bx5c__h{font-size:20px;line-height:1.55}
  .bxmt .bx5c__l{font-size:14.5px;line-height:1.85}
}
@media (prefers-reduced-motion:reduce){.bxmt .bx5c__btn{transition:none}}