/* ==========================================================================
   プライバシーポリシーページ 専用CSS
   ・新しいデザインテンプレートは作らず、subpage.css の .subpage-header
     （テキストのみ・カード等の右カラムを持たない下層ページ向け）をそのまま使う
   ・本文は読みやすさを優先し、幅を絞った1カラムの段組みとする
   ========================================================================== */

/* --------------------------------------------------------------------------
   このページには右側固定ナビ（TOPページ内セクション移動用）が無いため、
   style.css 側で確保されている余白（body の padding-right）と
   フッターの相殺マージンを、このページ内でのみ解除する（他の下層ページと同じ対応）
   -------------------------------------------------------------------------- */
body {
  padding-right: 0;
}
.site-footer {
  margin-right: 0;
  padding-right: clamp(24px, 5vw, 64px);
}

/* --------------------------------------------------------------------------
   本文セクション（白背景のまま、subpage-header の直後に続ける）
   ・.subpage-header は .section の padding-block（上下とも clamp(88-160px)）を
     継承したまま padding-top だけを上書きしているため、そのままだと
     見出し下と本文セクション上の余白が二重になり、間延びして見えていた。
     ここで両方を打ち消し、見出し→本文が自然につながる間隔に調整する
   -------------------------------------------------------------------------- */
.subpage-header {
  padding-bottom: 0;
}
.privacy-content {
  padding-top: clamp(32px, 4vw, 48px);
  padding-bottom: clamp(96px, 12vw, 160px);
}
.privacy-content > .section__container {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* 本文の読みやすさを優先し、行の長さを絞る（見出しの左端とは揃える） */
.privacy-content__inner {
  max-width: 720px;
}

.privacy-content__intro {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.9;
  color: var(--color-text-body);
  margin: 0 0 48px;
}

.privacy-section + .privacy-section {
  margin-top: 40px;
}

.privacy-section__title {
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.02em;
  color: var(--color-text);
  margin: 0 0 16px;
}

.privacy-section p {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.9;
  color: var(--color-text-body);
  margin: 0 0 12px;
}
.privacy-section p:last-child {
  margin-bottom: 0;
}

.privacy-section ul {
  margin: 0 0 12px;
  padding-left: 1.4em;
}
.privacy-section li {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.9;
  color: var(--color-text-body);
  margin-bottom: 4px;
}
.privacy-section li:last-child {
  margin-bottom: 0;
}

.privacy-content__signature {
  margin-top: 56px;
  font-family: var(--font-sans);
  font-size: 15px;
  color: var(--color-text);
  text-align: right;
}

/* --------------------------------------------------------------------------
   レスポンシブ：スマートフォン（〜767px）
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .privacy-section__title {
    font-size: 16.5px;
  }
}