/* ============================================================
   company.html（会社概要）専用スタイル
   ------------------------------------------------------------
   読み込み順：common.css → company.css
   構成はFigmaワイヤーフレーム node 475-2085（SP-375）準拠。
   配下ページはTOPより控えめな「一般レベル」の文字サイズにする
   ============================================================ */

/* ---- 配下ページ共通の控えめ見出し（このページ内のみ上書き） ---- */
main .en-h2 {
  font-size: var(--fs-en-h3);
  letter-spacing: 3px;
}
main .section-head__body h3 {
  font-size: var(--fs-jp-md);
  letter-spacing: 3px;
  line-height: 1.6;
}

.company-hero { padding-block: clamp(48px, 6vw, 104px) 0; }

/* ============ 会社情報テーブル（WF 484:2164〜2189） ============ */
.company-info-section { padding-block: clamp(40px, 5vw, 80px) 0; }

.company-info { display: flex; flex-direction: column; }

.company-info__row {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 16px;
  padding-block: 20px;
  border-bottom: 1px solid rgba(14, 59, 52, 0.15);
}
.company-info__row:first-child { border-top: 1px solid rgba(14, 59, 52, 0.15); }

.company-info__row dt {
  font-weight: 700;
  font-size: var(--fs-body-sm);
  letter-spacing: 2px;
  color: var(--teal-900);
}
.company-info__row dd {
  font-size: var(--fs-body-sm);
  line-height: 1.7;
  letter-spacing: 1px;
  color: var(--neutral-800);
}
.company-info__en {
  font-family: var(--font-inter);
  color: var(--neutral-700);
}

/* ============ Service（関連ページ導線・WF 488:2547〜2575） ============
   行リスト自体は共通コンポーネント .related / .related-row（common.css）を使用 */
.company-service-section { padding-bottom: 0; }

/* 本社所在地のGoogle Map（dd幅の50%・控えめサイズ） */
.company-info__map {
  display: block;
  margin-top: 12px;
  width: 50%;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius);
}

@media (min-width: 768px) {
  .company-info__row { grid-template-columns: 200px minmax(0, 1fr); }
}
@media (max-width: 599.98px) {
  /* SPでは地図を広めに見せる */
  .company-info__map { width: 80%; }
}