@charset "UTF-8";
/* /media/ トップの図式（2026-10-02 社長「ここら辺も図式とか入れてね」）— boostx-media/media-home.php だけで読む。
   部品の言語は業界トップ v10（v8-industry.css の .bxi-*）と同じ。ここはトップ専用の「業界の仕事の設計図」と課題のタイルの差分だけ。 */

/* 業界の仕事の設計図: 3 群 × 業界の小さな図（業界色の天罫・名前・工程の帯のミニ版・業務数と記事数） */
.bxmt .bxh-bp .bxi-hd{margin-bottom:8px}
.bxmt .bxh-grp{padding-top:24px}
.bxmt .bxh-grp__h{margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:.08em;line-height:1.5;color:#5F6670}
.bxmt .bxh-inds{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.bxmt .bxh-ind{min-width:0}
.bxmt .bxh-ind__a{display:flex;flex-direction:column;gap:10px;height:100%;padding:14px 14px 12px;border:1px solid #D8D4CC;border-top:2px solid var(--bx-acc,#1A1D23);border-radius:2px;background:#fff;color:#1A1D23;text-decoration:none;box-sizing:border-box;transition:background-color .15s,border-color .15s}
.bxmt .bxh-ind__n{font-family:var(--v8-serif);font-size:15px;font-weight:600;line-height:1.4;color:#1A1D23}
.bxmt .bxh-band{display:flex;gap:2px;height:10px}
.bxmt .bxh-seg{flex:1 1 0;min-width:4px;background:#EAE7E1;clip-path:polygon(0 0,calc(100% - 3px) 0,100% 50%,calc(100% - 3px) 100%,0 100%)}
.bxmt .bxh-seg--w1{background:color-mix(in srgb,var(--bx-acc,#1A1D23) 30%,#fff)}
.bxmt .bxh-seg--w2{background:color-mix(in srgb,var(--bx-acc,#1A1D23) 62%,#fff)}
.bxmt .bxh-seg--w3{background:var(--bx-acc,#1A1D23)}
.bxmt .bxh-ind__m{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.02em;color:#5F6670}
.bxmt .bxh-ind__m .bxi-arw{color:var(--bx-acc,#1A1D23)}
.bxmt .bxh-ind__a:hover,.bxmt .bxh-ind__a:focus-visible{border-color:var(--bx-acc,#1A1D23);background:color-mix(in srgb,var(--bx-acc,#1A1D23) 5%,#fff)}
.bxmt .bxh-ind__a:hover .bxh-ind__n{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

/* 課題から探す: 業界トップの困りごとと同じタイル。ピクトグラム＋課題名を 1 行に・補足は切らずに折り返す（2026-10-02 全数点検: 「…」で切らない） */
.bxmt .bxh-probs .bxi-probs{margin-top:24px}
.bxmt .bxh-probs .bxi-prob__a{min-height:0;padding-top:18px;padding-bottom:16px}
.bxmt .bxh-probs .bxi-prob__k{gap:10px;margin-bottom:14px}
.bxmt .bxh-probs .bxi-prob__q{font-size:17px}
.bxmt .bxh-prob__n{display:block;flex:1 1 auto;margin-bottom:8px;font-size:13px;line-height:1.6;color:#5F6670;text-wrap:pretty}

@media (max-width:1040px){
  .bxmt .bxh-inds{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .bxmt .bxh-inds{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .bxmt .bxh-ind__a{padding:12px}
  .bxmt .bxh-ind__n{font-size:14px}
  .bxmt .bxh-probs .bxi-prob__q{font-size:15px}
  .bxmt .bxh-prob__n{display:none}
  .bxmt .bxh-probs .bxi-prob__a{min-height:0}
}