/* ==========================================================================
   ステップ12　── 会社概要（/company）をカナリーの Company ページの形にする
   2026-08-06

   カナリー実測（https://corp.canary-app.jp/company/ 1440px・当日ライブ計測）
     地           白（暗い帯は使っていない）
     入れもの     白い大きなカード1枚・幅1236・枠線・角丸・影なし
     左の項目名   14px / 行間25.2 / w600 / 字間1.4 / rgba(37,58,79,.5)（灰色）／幅200
     右の中身     14px / 行間28 / w400 / 黒
     行の余白     上下24
     行の区切り   細い線。★最後の行には引かない
     複数あるとき 改行して縦に並べる（事業内容・加盟団体）

   ★これまでは「暗い帯 #253a4f の中に表」でした（2026-08-06 の案3）。
     riho さんの指示で、カナリーと同じ 白いカードに変更。
     戻したい場合は build_company.py の profile() を mk-band に戻すだけです。
   ========================================================================== */

/* 白い大きなカード */
.mk .c-specbox{
  background:#fff;
  border:1px solid rgba(37,58,79,.06);
  border-radius:24px;
  padding:56px 64px;
}

/* 表 */
.mk .c-spec{width:100%;border-collapse:collapse;}
.mk .c-spec th,
.mk .c-spec td{
  padding:24px 0;
  border-bottom:1px solid rgba(37,58,79,.06);
  text-align:left;
  vertical-align:top;
  font-size:14px;
  line-height:28px;
}
.mk .c-spec th{
  width:200px;
  font-weight:600;
  letter-spacing:.1em;
  color:rgba(37,58,79,.5);
  line-height:25.2px;
  padding-top:25px;   /* 右の中身と行の頭を揃える */
}
.mk .c-spec td{font-weight:400;color:#253a4f;}
.mk .c-spec td small{display:inline-block;margin-top:6px;font-size:12px;color:rgba(37,58,79,.5);}

/* 最後の行は線を引かない（カナリーと同じ） */
.mk .c-spec tr:last-child th,
.mk .c-spec tr:last-child td{border-bottom:0;padding-bottom:0;}

@media (max-width:900px){
  .mk .c-specbox{padding:24px 20px;border-radius:16px;}
  .mk .c-spec th,.mk .c-spec td{display:block;width:auto;padding:0;border-bottom:0;}
  .mk .c-spec th{padding-top:20px;}
  .mk .c-spec td{padding:4px 0 20px;border-bottom:1px solid rgba(37,58,79,.06);}
  .mk .c-spec tr:last-child td{border-bottom:0;}
}