/* ============================================================
   Phase 3 追加分 (2026-08-28) — 法人情報ページ
   site.css / phase2.css の後に読み込む。色・書体は既存のまま。
   ============================================================ */

/* ---- 会社概要の定義表 ---- */
.company-table { width: 100%; border-collapse: collapse; margin-bottom: 2.5rem; font-size: 0.88rem; }
.company-table th,
.company-table td { text-align: left; vertical-align: top; padding: 1rem 1.1rem; border-bottom: 1px solid var(--line); }
.company-table thead th {
  font-family: var(--mono); font-size: 0.58rem; letter-spacing: 0.22em; color: var(--gold);
  font-weight: 500; border-bottom-color: var(--gold-line);
}
.company-table tbody th {
  width: 12rem; font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.16em;
  color: var(--fg-mute); font-weight: 400; white-space: nowrap;
}
.company-table td { color: var(--fg); opacity: 0.92; line-height: 1.9; }
.company-table a { color: var(--gold); }

/* 未確定の値。空欄で出すより「確認中」と分かる形にする */
.todo {
  display: inline-block; font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.16em;
  color: var(--fg-dim); border: 1px dashed var(--line-strong); padding: 0.2rem 0.6rem;
}
.sub { display: block; font-size: 0.76rem; color: var(--fg-dim); line-height: 1.8; margin-top: 0.35rem; }
.company-table td .sub { margin-top: 0.5rem; }

ul.plain { list-style: none; margin: 0; }
ul.plain li { margin-bottom: 0.4rem; }
ul.plain li:last-child { margin-bottom: 0; }

/* ---- CONTACT ページの分岐カード（legal-section 内で使う） ---- */
.legal-section .route-grid { margin-top: 2.5rem; }
.legal-section .route h2 {
  font-family: var(--serif); font-size: 1.3rem; font-weight: 700; line-height: 1.5;
  margin: 0 0 0.9rem; color: var(--fg);
}

/* ---- レスポンシブ ---- */
@media (max-width: 768px) {
  .company-table,
  .company-table tbody,
  .company-table tr,
  .company-table th,
  .company-table td { display: block; width: auto; }
  .company-table thead { display: none; }
  .company-table tr { border-bottom: 1px solid var(--line); padding: 0.9rem 0; }
  .company-table th,
  .company-table td { border-bottom: 0; padding: 0.15rem 0; white-space: normal; }
  .company-table tbody th { color: var(--gold); margin-bottom: 0.35rem; }
}