/* =========================================
   Privacy Policy Page 専用スタイル
   ========================================= */

/* ▼ 「Privacy Policy / プライバシーポリシー」見出しの下に区切り線＋余白 */

.pageTitle {
  padding-bottom: 24px;
  border-bottom: 4px solid var(--bg);
  margin-bottom: 0; /* 白枠の位置は .privacyPolicy 側で制御する */
}

/* ▼ 白い枠（カード）全体：.page-inner に privacyPolicy が付いている想定 */
.page-inner.privacyPolicy {
  width: 90%;
  margin: 80px auto 0;    /* ← ここでタイトルと白枠の“間”を広げる */
  padding-top: 0;
}

/* ▼ カード内コンテンツブロック（条文全体） */
.privacyPolicy__content {
  padding: 20px 40px 40px; /* ← 白枠の「内側」の先頭余白はここで小さめに */
  border-bottom: 4px solid #f5f5f5;
}

/* 最後のブロックだけ境界線を消す（不要な横線防止） */
.privacyPolicy__content:last-child {
  border-bottom: none;
}

/* ▼ 「第1条（個人情報）」などの条タイトル */
.privacyPolicy__contentTitle {
  font-size: 32px;
  font-weight: bold;
  margin-top: 40px;
  color: var(--bg);
}

/* 必要なら英語サブタイトル用（使わなければ無視でOK） */
.privacyPolicy__contentTitleEn {
  margin-top: -6px;
  font-size: 16px;
  font-weight: bold;
  color: var(--bg);
}

/* ▼ 条文本文 */
.privacyPolicy__contentText {
  margin-top: 24px;
  font-weight: bold;
  line-height: 2em;
  font-size: 16px;
}

/* 箇条書き */
.privacyPolicy__contentText ul {
  margin-top: 16px;
  padding-left: 20px;
}

.privacyPolicy__contentText li {
  margin-bottom: 8px;
  line-height: 1.8em;
}

/* 複数ブロックがある場合の条間余白 */
.privacyPolicy__content + .privacyPolicy__content {
  margin-top: 80px;
}



/* =========================================
   Responsive（〜770px）
   ========================================= */

@media screen and (max-width: 770px) {
  .page-inner.privacyPolicy {
    width: 90%;
    margin: 40px auto 0;  /* SPでは少しだけ短く */
  }

  .privacyPolicy__content {
    padding: 24px 16px 32px;
  }

  .privacyPolicy__contentTitle {
    font-size: 24px;
    margin-top: 24px;
    text-align: center;
  }

  .privacyPolicy__contentTitleEn {
    font-size: 14px;
    text-align: center;
  }

  .privacyPolicy__contentText {
    font-size: 14px;
    margin-top: 16px;
    line-height: 1.9em;
  }

  .privacyPolicy__contentText ul {
    padding-left: 16px;
  }
}