/* ============================================
   プライバシーポリシー
============================================ */

/* --- ページ全体 --- */

.privacy-page {
  padding-top: 60px;
  background: #fff;
}

/* --- ヒーロー（パンくず＋タイトル）--- */

.privacy-hero {
  padding: min(6.4vw, 24px) 0 min(10.6666666667vw, 40px);
}

/* --- パンくずリスト --- */

.privacy-breadcrumb {
  margin-bottom: min(25.6vw, 96px);
}

.privacy-breadcrumb__list {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  font-size: var(--fs-12);
  line-height: 1;
}

.privacy-breadcrumb__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--text-color);
  text-decoration: none;
}

.privacy-breadcrumb__home-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: block;
}

.privacy-breadcrumb__sep {
  display: block;
  width: 5px;
  height: 5px;
  border-right: 1px solid var(--text-color);
  border-top: 1px solid var(--text-color);
  transform: rotate(45deg);
  flex-shrink: 0;
}

.privacy-breadcrumb__current {
  color: var(--text-color);
}

/* --- ページタイトル (h1) --- */

.privacy-title {
  padding-left: min(12.8vw, 48px);
  font-family: var(--sub-font);
  font-size: var(--fs-26);
  font-weight: 700;
  line-height: 1.38;
  background: var(--bg_gd-color);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* --- コンテンツエリア --- */

.privacy-content {
  padding-bottom: min(42.6666666667vw, 160px);
}

/* --- コンテンツ本体（flex column / gap: 32px）--- */

.privacy-body {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* --- リード文 --- */

.privacy-lead {
  font-size: var(--fs-16);
  font-weight: 400;
  line-height: 2;
  color: var(--text-color);
}

/* --- 各セクション見出し --- */

.privacy-section__title {
  font-size: var(--fs-16);
  font-weight: 700;
  line-height: 2;
  color: var(--text-color);
}

/* --- 各セクション本文 --- */

.privacy-section__body {
  font-size: var(--fs-16);
  font-weight: 400;
  line-height: 2;
  color: var(--text-color);
}

/* ============================================
   PC（768px以上）
   ※ SP Figmaデータ＋トップページPC値を参照した推計
============================================ */

@media (min-width: 768px) {
  /* --- ページ全体 --- */

  .privacy-page {
    padding-top: 80px; /* PCヘッダー高さ（style.css確認済み） */
  }

  /* --- ヒーロー --- */

  .privacy-hero {
    /* 上：ヘッダー下からパンくずまでの余白（SP:24px → PC:30px） */
    /* 下：タイトル下からコンテンツまでの余白（SP:40px → PC:50px） */
    padding: min(2.196193265vw, 30px) 0 min(3.6603221083vw, 50px);
  }

  /* --- パンくずリスト --- */

  .privacy-breadcrumb {
    /* SP:96px → PC:80px（広い画面では相対的に短縮） */
    margin-bottom: min(5.8565153734vw, 80px);
  }

  /* --- ページタイトル --- */

  .privacy-title {
    /* section_space内で48px左インデントを維持 */
    /* padding-left: min(3.514109347vw, 48px); */
    padding-left: 0;
    /* SP:26px → PC:30px */
    font-size: clamp(1.5rem, 1.018rem + 1vw, 1.875rem);
    text-align: center;
  }

  /* --- コンテンツ本体 --- */

  .privacy-content {
    /* SP:160px → PC:160px（トップページl-pageと統一） */
    padding-bottom: min(11.7130307467vw, 160px);
  }

  /* --- セクション間ギャップ --- */

  .privacy-body {
    /* SP:32px → PC:40px */
    gap: min(2.9282576867vw, 40px);
    max-width: 750px;
    margin: 0 auto;
  }

  /* --- テキスト --- */

  .privacy-lead {
    /* SP:16px → PC: clamp(14px〜16px) */
    font-size: clamp(0.875rem, 0.714rem + 0.33vw, 1rem);
  }

  .privacy-section__title {
    /* SP:16px bold → PC: clamp(14px〜16px) bold */
    font-size: clamp(0.875rem, 0.714rem + 0.33vw, 1rem);
  }

  .privacy-section__body {
    /* SP:16px → PC: clamp(14px〜16px) */
    font-size: clamp(0.875rem, 0.714rem + 0.33vw, 1rem);
  }
}