/* ===========================================================
   33-privacy-body — プライバシーポリシー本文

   カンプ privacypolicy_pc（1366×3541 / 背景 #FFFFFF）
   左が見出し・右が本文の2カラム。行ごとに上罫線。

   PROVISIONAL: カラム幅・余白は画面からの目測。
   カンプの実測はまだ取っていない。
   =========================================================== */

.sec-privacy {
  /* ⚠️ 本文エリアだけ**白帯**（全幅）。ページの地色 #EFF0EE の上に乗る。
     見出しエリアと CTA は地色のまま。会社概要（11-company-profile）と同じ扱い。
     2026-08-12 に3ページとも揃えた（それまで会社概要にしか入っていなかった）。 */
  background: var(--surface);

  padding-block: 0 120px;             /* PROVISIONAL */
}

.sec-privacy__list {
  margin: 0;
}

.sec-privacy__row {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);   /* PROVISIONAL */
  column-gap: 48px;                              /* PROVISIONAL */
  padding-block: 32px;                           /* PROVISIONAL */
  border-top: 1px solid var(--border-soft, #e2e2e2);
}

.sec-privacy__row:last-child {
  border-bottom: 1px solid var(--border-soft, #e2e2e2);
}

/* ✅ カンプ実測（2026-08-12・Figmaのタイポグラフィパネル）:
     Zen Kaku Gothic New / Bold / 20px / 行間 16px / 字間 0% / 塗り #000000
   ⚠️ 行間16pxは級数20pxより小さい（詰まった組み）。カンプの指定どおり。
   ⚠️ 以前は本文と同じ級数（--fs-body）・行間1.8だった。 */
.sec-privacy__term {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0;
  color: #000;
}

.sec-privacy__desc {
  margin: 0;
  font-size: var(--fs-body);
  line-height: 2;
}

.sec-privacy__desc > * + * {
  margin-top: 16px;
}

/* 箇条書き。カンプは「・」の中黒。 */
.sec-privacy__items {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}

.sec-privacy__items li {
  position: relative;
  padding-left: 1.4em;
}

.sec-privacy__items li::before {
  content: '・';
  position: absolute;
  left: 0;
}

/* 事業者情報・お問い合わせ窓口の入れ子テーブル。 */
.sec-privacy__table {
  margin: 8px 0 0;
}

.sec-privacy__table > div {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);   /* PROVISIONAL */
  column-gap: 24px;
  padding-block: 8px;
  border-bottom: 1px solid var(--border-soft, #e2e2e2);
}

.sec-privacy__table dt,
.sec-privacy__table dd {
  margin: 0;
  line-height: 1.8;
}

.sec-privacy__table a,
.sec-privacy__form-link a {
  text-decoration: underline;
}

.sec-privacy__dates {
  margin-top: 32px;                   /* PROVISIONAL */
  font-size: var(--fs-xs);
  line-height: 1.9;
  text-align: right;
  color: var(--text-muted, #6b6b6b);
}

/* ===========================================================
   SP — カンプ privacypolicy_sp（375px）は未実測。
   PC からの変換設計。2カラムは375pxでは成立しないので縦に落とす。
   =========================================================== */

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

  .sec-privacy__row {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
    padding-block: 24px;
  }

  .sec-privacy__desc {
    font-size: var(--sp-fs-body);
    line-height: 1.9;
  }

  .sec-privacy__table > div {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 2px;
  }

  .sec-privacy__table dt {
    font-size: var(--fs-xs);
    color: var(--text-muted, #6b6b6b);
  }
}