/* ==========================================================================
   プライバシーポリシー /privacy/
   出典: docs/design-spec/07_privacy.md（Zeplin 実測 1920×2994 / 375×3361）

   本ページは波形ディバイダがページヘッダー下の1ヶ所のみ。以降フッターまで
   #FBF7E9 のベタ一色（仕様書 §1）。
   波形 SVG は images/privacy/ に置いた自製ファイル（事業所案内と同一形状）。
   生成理由は docs/design-spec/REQUESTS_about.md「波形ディバイダ」を参照。

   縦位置は「グリフ上端」で採寸されているため、CSS では
   box_top = glyph_top − (line-height − font-size) / 2 に読み替えている。
   ========================================================================== */

/* --------------------------------------------------------------------
   本文ブロック — 背景 #FBF7E9
   ページヘッダー帯（高さ380px）の下端 y500 から波形起点 y409 まで
   引き上げ、帯の緑を波形で描き戻す。
   -------------------------------------------------------------------- */
.p-privacy__body {
  position: relative;
  margin-top: -91px;      /* 帯下端 500 → 波形起点 409 */
  padding-top: 211px;     /* 波形起点 409 → 「個人情報保護方針」 620 */
  padding-bottom: 115px;  /* 本文下端 2599 → フッター帯 2714 */
  /* 波形は components.css の [data-wave="up"]。曲線より上をページヘッダーの
     緑帯の色で塗る。地色はボックス全体に敷く。 */
  --wave-fill: var(--c-page-band);
  background: var(--c-cream);
}

/* --- リード ---------------------------------------------------------- */
.p-privacy__title {
  font-size: 28px;
  font-weight: var(--fw-bold);
  line-height: 1;
  color: var(--c-text);
}
.p-privacy__lead {
  margin-top: 22px;       /* 見出し下端 648 → リード 670 */
}

/* --- 条文 ------------------------------------------------------------ */
.p-privacy__section {
  margin-top: 55px;       /* 本文グリフ下端 +59px（仕様書 §4-1） */
}
/* リード → 1条 のみ +69px */
.p-privacy__section--first { margin-top: 65px; }

.p-privacy__subtitle {
  font-size: 22px;
  font-weight: var(--fw-bold);
  line-height: 1;
  color: var(--c-text);
}
.p-privacy__text {
  margin-top: 22px;       /* 見出し top → 本文 top = +48px */
}

/* 本文・箇条書きとも同じ 16px / lh 24 の連続した行。段落間の余白は空けない。
   箇条書きはデザインどおりマーカーもインデントも付けない（仕様書 §3 / 要確認 4）。 */
.p-privacy__lead,
.p-privacy__text {
  font-size: 16px;
  font-weight: var(--fw-medium);
  line-height: 24px;
  color: var(--c-text);
  text-align: left;
}
.p-privacy__lead > p,
.p-privacy__text > p,
.p-privacy__list,
.p-privacy__list > li { margin: 0; }
.p-privacy__list {
  padding-left: 0;
  list-style: none;
}

/* --- お問い合わせ先 -------------------------------------------------- */
.p-privacy__company {
  margin-top: 25px;       /* 導入文下端 2462 → 会社名 2487 */
  font-size: 18px;
  font-weight: var(--fw-bold);
  line-height: 36px;
  color: var(--c-text);
}
/* 「〒904-2232」のあとの半角スペース2つ・3行の改行を原文のまま保つ */
.p-privacy__contact {
  margin-top: 4px;        /* 会社名下端 2523 → 住所 2527 */
  font-size: 16px;
  font-weight: var(--fw-medium);
  line-height: 24px;
  color: var(--c-text);
  white-space: pre-wrap;
}

/* ==========================================================================
   SP（デザイン 375×3361）
   本文は justify（PC は left）。仕様書 §6 の方針に合わせて SP 全体を統一する。
   ========================================================================== */
@media (max-width: 1079px) {

  .p-privacy__body {
    margin-top: -144px;   /* 帯下端 440 → 波形起点 296 */
    padding-top: 89px;    /* 波形起点 296 → 「個人情報保護方針」 385 */
    padding-bottom: 55px; /* 本文下端 3016 → フッター帯 3071 */
  }
  /* 波の深さ（30px）と地色の起点は components.css の --wave-h。 */

  .p-privacy__title { font-size: 24px; }

  .p-privacy__section { margin-top: 35px; }
  .p-privacy__section--first { margin-top: 45px; }

  .p-privacy__subtitle { font-size: 20px; }
  .p-privacy__text { margin-top: 16px; }   /* 見出し top → 本文 top = +40px */

  .p-privacy__lead,
  .p-privacy__text { text-align: justify; }
}