/* ==========================================================================
   policy.css — 規約系ページ（PRIVACY POLICY / SITE POLICY）の本文

   幅・2カラム・INDEX・本文組版は lower-page.css が担当する。
   ここは「見出し＋条文」を積む本文側の体裁だけを扱う。
   privacy-policy.html と site-policy.html が同じ責務・構造・見た目で共有する。

   段組みの深さ
     c-policy__content … 章（c-policy__section）と罫線を積む  … PRIVACY POLICY
     c-policy__blocks  … 章を持たず条文だけを積む            … SITE POLICY
     c-policy__section … 章見出し（c-policy__section-title）＋ c-policy__items
     c-policy__items   … 章の中の条文
     c-policy__item    … 条文1件（見出し＋本文）
   ========================================================================== */

.c-policy__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-y-120) var(--space-x-120);
}

.c-policy__blocks {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-y-80) var(--space-x-80);
}

.c-policy__section {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-y-60) var(--space-x-60);
}

.c-policy__items {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-y-48) var(--space-x-48);
}

.c-policy__item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-y-16) var(--space-x-16);
}

/* 章の見出し。英字併記は持たない（現行サイトの見出しをそのまま使うため、
   下層の c-lower-section-head は使わない） */
.c-policy__section-title {
  font-family: var(--font-mincho-m);
  font-weight: normal;
  font-size: var(--fs-32);
  line-height: 1.75;
  letter-spacing: 0.15em;
  color: var(--color-text);
  font-feature-settings: "palt" 1;
}

/* 条文の見出し。SITE POLICY では h2、PRIVACY POLICY では章の下の h3 に付く */
.c-policy__item-title {
  font-family: var(--font-mincho-b);
  font-weight: normal;
  font-size: var(--fs-20);
  line-height: 2;
  letter-spacing: 0.15em;
  color: var(--color-brand);
  font-feature-settings: "palt" 1;
}

/* 本文の組版は .c-lower-copy。ここは段落の積み方だけを持つ */
.c-policy__text + .c-policy__text {
  margin-top: var(--space-y-24);
}

.c-policy__list {
  padding-left: var(--space-x-24);
  list-style: disc;
}

.c-policy__list li + li {
  margin-top: var(--space-y-8);
}

/* 制定・改訂と社名。条文ではないので右寄せで落とす */
.c-policy__signature {
  text-align: right;
}

/* リンクは本文の中だけ。main 直下には NEXT / CONTACT 帯が入るため、
   .c-policy 全体へ当てると帯のリンクまで下線が付く */
:where(.c-policy__text, .c-policy__list) a {
  color: var(--color-brand);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

/* ==========================================================================
   SP

   1カラム化と見出し・レイアウトの詰めは lower-page.css が担当する。
   ここは条文の間隔だけを詰める（docs/sp-strategy.md 決定14 の既定リズム）。
   ========================================================================== */
@media (max-width: 767px) {
  .c-policy__content {
    gap: var(--space-y-80) var(--space-x-80);
  }

  .c-policy__blocks {
    gap: var(--space-y-60) var(--space-x-60);
  }

  .c-policy__section {
    gap: var(--space-y-40) var(--space-x-40);
  }

  .c-policy__items {
    gap: var(--space-y-36) var(--space-x-36);
  }

  .c-policy__item {
    gap: var(--space-y-12) var(--space-x-12);
  }

  /* --fs-32 はSP実寸26.6px。c-lower-head__jp（fs-28）と並ぶため1段落とす */
  .c-policy__section-title {
    font-size: var(--fs-28);
  }
}