/* ==========================================================================
   BEARS NET — Privacy Policy page
   既存デザインシステム（style.css）を継承し、本文の読みやすさに
   必要な最小限のスタイルのみを追加する。
   ========================================================================== */

/* 本文の横幅（720〜900px程度） */
.privacy-body {
  max-width: 760px;
}

/* ------------------------------------------------------------
   上部タイトルエリア
------------------------------------------------------------ */
.privacy-hero {
  padding: clamp(56px, 7vw, 96px) 0 clamp(40px, 4vw, 56px);
  background: var(--c-fv-bg);
  border-bottom: 1px solid var(--c-border-h);
}
.privacy-hero .eyebrow { margin-bottom: 18px; }
.privacy-hero .h2 { margin: 0 0 22px; }
.privacy-hero .lead { margin: 0; }

/* ------------------------------------------------------------
   本文
------------------------------------------------------------ */
.privacy-main { padding: clamp(56px, 6vw, 88px) 0 clamp(40px, 5vw, 64px); background: #fff; }

.privacy-item + .privacy-item {
  margin-top: clamp(48px, 6vw, 64px);
  padding-top: clamp(48px, 6vw, 64px);
  border-top: 1px solid var(--c-border);
}

.privacy-item__title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0 0 20px;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 700;
  line-height: 1.5;
  color: var(--c-text);
}
.privacy-item__num {
  flex: none;
  font-family: var(--f-en);
  font-weight: 700;
  font-size: 15px;
  color: var(--c-blue);
}

.privacy-item__body p {
  margin: 0 0 16px;
  font-size: 15.5px;
  line-height: 1.9;
  color: var(--c-text-2);
}
.privacy-item__body p:last-child { margin-bottom: 0; }
.privacy-item__body a { font-weight: 600; }

.privacy-list {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.privacy-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 15px;
  line-height: 1.8;
  color: var(--c-text-2);
}
.privacy-list .check { margin-top: 3px; }

/* 制定日 */
.privacy-date {
  margin-top: clamp(48px, 6vw, 64px);
  padding-top: clamp(32px, 4vw, 40px);
  border-top: 1px solid var(--c-border);
  font-size: 14px;
  color: var(--c-note);
  text-align: right;
}

/* ------------------------------------------------------------
   下部の小さなお問い合わせ導線
------------------------------------------------------------ */
.privacy-cta {
  margin-top: clamp(56px, 6vw, 80px);
  padding: clamp(28px, 3vw, 36px) clamp(24px, 3vw, 40px);
  background: var(--c-blue-bg);
  border: 1px solid var(--c-blue-bd);
  border-radius: 14px;
  text-align: center;
}
.privacy-cta p {
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.9;
  color: var(--c-text-2);
}

@media (max-width: 600px) {
  .privacy-item + .privacy-item {
    margin-top: 40px;
    padding-top: 40px;
  }
  .privacy-item__title { font-size: 17px; }
  .privacy-item__body p,
  .privacy-list li { font-size: 14.5px; }
  .privacy-date { text-align: left; }
}