/* ==========================================================================
   プライバシーポリシー（privacy-policy）ページ専用スタイル
   ファイル: assets/css/privacy.css
   読み込み: functions.php > vogue_scripts > is_page('privacy-policy')
   命名規則: body.privacypolicy をルートセレクタとしてスコープを限定する
   ========================================================================== */

/* ---------- ラッパー ---------- */
body.privacypolicy .privacy-wrap {
  padding: 56px 0 80px;
}

/* ==========================================================================
   イントロ
   ========================================================================== */
body.privacypolicy .privacy-intro {
  margin-bottom: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid #e0e0e0;
}

body.privacypolicy .privacy-intro__text {
  font-size: 15px;
  line-height: 2;
  color: #444;
  margin: 0;
}

/* ==========================================================================
   セクション共通
   ========================================================================== */
body.privacypolicy .privacy-section {
  padding: 32px 0;
  border-bottom: 1px solid #e0e0e0;
}

body.privacypolicy .privacy-section:last-child {
  border-bottom: none;
}

/* ---------- セクション見出し（h2） ---------- */
body.privacypolicy .privacy-section__title {
  font-size: 22px !important;
  font-weight: 700 !important;
  font-family: "游明朝", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif !important;
  color: var(--color-main);
  padding-left: 16px;
  border-left: 4px solid var(--color-main);
  margin-bottom: 20px;
  line-height: 1.6 !important;
}

/* ---------- テキスト ---------- */
body.privacypolicy .privacy-section__text {
  font-size: 15px;
  line-height: 2;
  color: #444;
  margin: 0 0 16px;
}

body.privacypolicy .privacy-section__text:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
   リスト（ol）
   ========================================================================== */
body.privacypolicy .privacy-list {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
  counter-reset: privacy-counter;
}

body.privacypolicy .privacy-list__item {
  position: relative;
  padding-left: 2em;
  font-size: 15px;
  line-height: 1.9;
  color: #444;
  margin-bottom: 8px;
  counter-increment: privacy-counter;
}

body.privacypolicy .privacy-list__item::before {
  content: '(' counter(privacy-counter) ')';
  position: absolute;
  left: 0;
  color: #444;
}

body.privacypolicy .privacy-list__item:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
   レスポンシブ
   ========================================================================== */

/* タブレット（〜1024px） */
@media screen and (max-width: 1024px) {
  body.privacypolicy .privacy-wrap {
    padding: 48px 0 64px;
  }

  body.privacypolicy .privacy-section__title {
    font-size: 17px !important;
  }
}

/* モバイル（〜640px） */
@media screen and (max-width: 640px) {
  body.privacypolicy .privacy-wrap .l-inner {
    padding: 0;
  }

  body.privacypolicy .privacy-wrap {
    padding: 32px 0 48px;
  }

  body.privacypolicy .privacy-intro {
    margin-bottom: 32px;
    padding-bottom: 32px;
  }

  body.privacypolicy .privacy-section {
    padding: 24px 0;
  }

  body.privacypolicy .privacy-section__title {
    font-size: 20px !important;
  }

  body.privacypolicy .privacy-section__text,
  body.privacypolicy .privacy-list__item {
    font-size: 14px;
  }
}