/* ===========================================================
   11-company-profile — 会社概要テーブル（8行）

   実測（Figma `Frame 148`）:
     枠      X=173 / Y=493 / W=1022 / H=793
     並び    縦 Auto Layout / 行間隔 23px / パディング 0
     位置    X=173 ≒ (1366 − 1022) / 2 = 172 → フレーム中央寄せ
             （コンテナ 1282 の中央ではなく、フレーム 1366 の中央）

   DERIVED — 行の内訳は H=793 から逆算した:
     本文 15px / 行間140%（= 21px/行・リードと同じ組み）とすると
     行の高さ = 21 × 行数 + 上下padding + 上下ボーダー
     行数は上から 1,1,1,1,3(所在地),5(事業内容),1,1 = 計14行

       21 × 14                     = 294
       (padding 20×2 + border 1) × 8   = 328
       行間 23 × 7                 = 161
                                   ------
                                     783   （実測 793 / 差 10px = 1.3%）

     → padding-block: 20px、下に1pxのボーダー。
       ⚠️ 当初は「上下にボーダー」で計算し 791（差2px）と精度が高かったが、
          それだと gap を挟んで線が2本並ぶ。カンプの見た目は1本なので、
          数字の一致より見た目を優先して下だけにした。
          差の10pxは padding か行間の実測でいずれ詰める。

   PROVISIONAL: 見出し列の幅・列間・罫線色・値の文字色は未実測。
   =========================================================== */

.sec-company {
  /* ✅ 実測（about_pc / 2026-08-12）:
       オフホワイトの帯 `Rectangle 151`  X0 Y0 1366×374  → **白帯は Y=374 から**
       リード下端 314（= 272 + 42）
       テーブル上端 493

     内訳  リード下端314 → 白帯開始374 = 60 …… 見出しセクションの下余白
           白帯開始374 → テーブル493   = 119 …… このセクションの上余白
           合計 179（従来の実測値と一致）

     ⚠️ 以前は179pxを全部このセクションの padding-top にしていたため、
        **色の境目がリードのすぐ下**に来ていた。60pxは上のセクションが持つ。 */
  padding-block: 119px 0;

  /* ⚠️ このセクションだけ**白**（2026-08-12 カンプで確認）。
     ページの地色 #EFF0EE の上に、表のエリアだけ白い帯が全幅で乗る。
     見出しエリアと CTA エリアは地色のまま。
     以前は全域が地色で、白帯が抜けていた。 */
  background: var(--surface);
}

.sec-company__table {
  /* 実測 W=1022。コンテナ(1282)より狭いので中で更に中央寄せする。 */
  width: min(1022px, 100%);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 23px;                          /* 実測: Auto Layout 行間隔 */
}

.sec-company__row {
  display: flex;
  align-items: flex-start;
  gap: 24px;                          /* PROVISIONAL */
  padding-block: 20px;                /* DERIVED（上の内訳参照） */
  /* ⚠️ 下だけ。以前は border-block（上下）にしていたため、
     行間の gap:23px を挟んで**線が2本並んで**見えていた。カンプは1本。
     下だけにすると、1行目の上に線が無く・最終行の下に線が来る。
     カンプの見た目と一致する。 */
  border-bottom: 1px solid var(--border-soft);  /* PROVISIONAL: 色は未実測 */
  font-size: 15px;                    /* DERIVED: リードと同じ 15px */
  line-height: 1.4;                   /* DERIVED: 140% = 21px/行 */
}

.sec-company__row dt {
  flex: none;
  width: 220px;                       /* PROVISIONAL: 値の左端は揃うが実測なし */
  font-weight: 700;
  color: var(--text);
}

.sec-company__row dd {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--text);                 /* PROVISIONAL: 値の文字色は未実測 */
}

/* 事業内容の「・」つき5項目。base.css で list-style を落としているので
   ここで戻す。マーカーは outside にして、折り返し行が本文にぶら下がる
   ようにしておく（SPで折り返したときに読みやすい）。 */
.sec-company__bullets {
  list-style-type: '・';
  list-style-position: outside;
  padding-left: 1em;
}

/* メール / URL。カンプでは下線つきのリンク。 */
.sec-company__link {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  transition: opacity var(--dur) var(--ease);
  word-break: break-all;
}


/* ===========================================================
   TB / SP — カンプ未照合の変換設計。SPカンプ（375px幅・top_pc/about_sp/service_sp/menu_sp）は存在する。現在の実装はカンプ入手前の変換設計で、未照合。
   TB は2カラムのまま見出し列だけ詰める。
   SP は2カラムだと値の幅が足りないので、見出しを上・値を下の縦積みに
   作り替える（「縮める」のではなく「変換する」）。
   =========================================================== */

@media (max-width: 1099px) {
  .sec-company {
    padding-block: 96px 0;
  }

  .sec-company__row dt {
    width: 160px;
  }
}

@media (max-width: 767px) {
  .sec-company {
    padding-block: 56px 0;
  }

  .sec-company__table {
    gap: 16px;
  }

  .sec-company__row {
    flex-direction: column;
    gap: 6px;
    padding-block: 16px;
    font-size: var(--sp-fs-body);
  }

  .sec-company__row dt {
    width: auto;
    color: var(--text-muted);
  }
}