/* ======================================================================
   30_pages_privacy.css
   - Privacy Policy page
======================================================================== */

.privacy .area-inner {
  /* ページ全体の読みやすさ（既存があれば上書きしない程度） */
}

.privacy-doc {
  max-width: 920px;
  margin: 0 auto;

  font-size: 0.95rem;
  line-height: 1.9;
}

/* リード文 */
.privacy-lead {
  margin: 0 0 22px;
}

.privacy-divider {
  border: 0;
  height: 1px;
  background: var(--border-soft);
  margin: 22px 0 26px;
}

/* セクション間隔 */
.privacy-section {
  padding: 18px 0;
}

.privacy-section + .privacy-section {
  border-top: 1px solid var(--border-soft);
}

/* 見出し */
.privacy-heading {
  display: flex;
  align-items: baseline;
  gap: 0px;

  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.4;

  margin: 0 0 10px;
  padding-top: 2px;
}

.privacy-num {
  color: var(--blue);
  font-weight: 900;
  min-width: 2.2em;
}

/* 段落 */
.privacy-doc p {
  margin: 0 0 10px;
}

.privacy-doc p:last-child {
  margin-bottom: 0;
}

/* リスト */
.privacy-doc ul,
.privacy-doc ol {
  margin: 10px 0 0;
  padding-left: 1.3em;
}

.privacy-doc li {
  margin: 6px 0;
}

/* リンク（本文は下線） */
.privacy-doc a.privacy-link {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: var(--yellow); /* オレンジ系に寄せるなら yellow を使う */
}

.privacy-doc a.privacy-link:hover {
  text-decoration-style: solid;
}

/* お問い合わせ（addressを見やすく） */
.privacy-contact {
  padding-bottom: 22px;
}

.privacy-address {
  font-style: normal;
  margin-top: 10px;
}

.privacy-org {
  font-weight: 800;
  margin: 0 0 12px;
}

/* DLをカード風に */
.privacy-dl {
  margin: 0;
  padding: 14px 16px;
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-16);
  background: var(--gray-100);
}

.privacy-row {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 10px;

  padding: 8px 0;
}

.privacy-row + .privacy-row {
  border-top: 1px dashed rgba(0, 0, 0, 0.08);
}

.privacy-dl dt {
  font-weight: 800;
  color: var(--text);
}

.privacy-dl dd {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.privacy-date {
  margin-top: 12px;
  font-weight: 700;
}

/* =========================
   SP最適化
========================= */
@media (max-width: 767px) {
  .privacy-doc {
    font-size: 0.95rem;
    line-height: 1.85;
  }

  .privacy-heading {
    font-size: 1.02rem;
  }

  .privacy-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .privacy-num {
    min-width: auto;
  }

  .privacy-dl {
    padding: 12px 14px;
  }
}
/* ======================================================
   リスト表示のルール
   - 2. 利用目的 → 数字（ol）
   - それ以外 → 黒丸（ul）
====================================================== */

/* まず全体のデフォルト：ulは黒丸 */
.privacy-doc ul {
  list-style: disc;
  padding-left: 2.4em;
}

/* olは数字 */
.privacy-doc ol {
  list-style: decimal;
  padding-left: 2.4em;
}

/* 念のためリセット（ブラウザ差吸収） */
.privacy-doc ul,
.privacy-doc ol {
  margin-top: 10px;
  margin-bottom: 0;
}

/* リスト間の余白 */
.privacy-doc li {
  margin: 6px 0;
  line-height: 1.8;
}

/* ==============================
   「2.利用目的」だけ強調
============================== */

/* 2番セクション内のolを明示的に数字表示 */
#privacy-2 + p + ol,
#privacy-2 ~ ol {
  list-style: decimal;
}

/* もし今後 ul が混ざっても黒丸を維持 */
#privacy-2 ~ ul {
  list-style: disc;
}