@import url('./common.css');
@import url('./header.css');
@import url('./footer.css');
/* privacyPolicy.css */
.wrapper {
  max-width: 760px;
  margin: 0 auto;
  padding: 2rem 1rem;
  font-size: 0.95rem;
  line-height: 1.8;
}

.title {
  margin-bottom: 2rem;
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
}

/* 見出しレベル 2 */
.wrapper h2 {
  margin: 2rem 0 1rem;
  font-size: 1.25rem;
  font-weight: 600;
  border-left: 4px solid #000;
  padding-left: 0.5rem;
}

.wrapper h3 {
  margin: 1.5rem 0 0.5rem;
  font-size: 1.1rem;
  font-weight: 500;
  padding-left: 0.5rem;
}

/* 箇条書き */
.wrapper ul {
  margin: 0 0 1rem 1.2rem;
  padding: 0;
  list-style: disc;
}

.wrapper ol {
  margin: 0.5rem 0 1rem 1.5rem;
  padding: 0;
  list-style: decimal;
}

.wrapper ol[type="a"] {
  list-style: lower-alpha;
}

.wrapper li {
  margin: 0.25rem 0;
}

/* --- 1) 定義リストの体裁 ------------------------ */
.wrapper dl {
  margin: 0.5rem 0 1rem;
}

.wrapper dt {
  font-weight: 600;
  margin-top: 0.5rem;
  /* 長い用語が折り返す場合の見やすさ */
  line-height: 1.8;
}

.wrapper dd {
  margin: 0.25rem 0 0.75rem 1rem; /* 用語より一段下げる */
}

/* --- 2) 段落 <p> のリズム ------------------------ */
.wrapper p {
  margin: 0.25rem 0 0.75rem;
}

/* --- 3) 入れ子リストのインデント ---------------- */
.wrapper ol ol,
.wrapper ol ul,
.wrapper ul ul,
.wrapper ul ol {
  margin-left: 1.25rem; /* 親より少しだけ深く */
}

/* 既存の a 項リストはそのままでOK（lower-alpha） */
.wrapper ol[type="a"] {
  list-style: lower-alpha;
}

/* --- 4) アンカー付き見出しのスクロール余白（任意） -- */
/* 章・条見出しに id を付与しているため、リンクスクロール時に上部余白を確保 */
.wrapper section {
  scroll-margin-top: 72px; /* ヘッダがあればその高さに応じて調整 */
}

/* --- 5) 印刷体裁（任意） ------------------------ */
@media print {
  .wrapper {
    font-size: 12px;
    line-height: 1.7;
  }
  .wrapper h2,
  .wrapper h3 {
    page-break-after: avoid;
    break-after: avoid-page;
  }
  .wrapper section {
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
}