@charset "UTF-8";
/* =========================================================
   WWE — /privacy-policy/ 固有

   🔴 このページは装飾しない。読みやすさだけを優先する。
      個人情報の取り扱いを読んでいる人に、演出は不要。
   ========================================================= */

.wwe-pp { padding-block: 40px 64px; }

.wwe-pp__body {
  font-size: var(--wwe-fs-body);
  line-height: var(--wwe-lh-body);
  color: var(--wwe-text-body);
}

.wwe-pp__sec + .wwe-pp__sec { margin-top: 40px; }

.wwe-pp__title {
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--wwe-line);
  font-size: var(--wwe-fs-h3);
  color: var(--wwe-navy);
  font-feature-settings: var(--wwe-palt);
}
.wwe-pp__subtitle {
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: var(--wwe-fs-body);
  color: var(--wwe-navy);
}

.wwe-pp__sec p + p { margin-top: 1em; }
.wwe-pp__sec strong { color: var(--wwe-text); }

/* ---- 箇条書き ---- */
.wwe-pp__list {
  display: grid;
  gap: 8px;
  margin-top: 1em;
}
.wwe-pp__list li {
  position: relative;
  padding-left: 1.2em;
  line-height: 1.85;
}
.wwe-pp__list li::before {
  content: "・";
  position: absolute;
  left: 0;
  color: var(--wwe-gold-dark);
}
/* 番号付き。counter で「1.」を作る（list-style は base.css で none にしてある） */
.wwe-pp__list--num { counter-reset: wwe-pp; }
.wwe-pp__list--num li { padding-left: 1.7em; }
.wwe-pp__list--num li::before {
  counter-increment: wwe-pp;
  content: counter(wwe-pp) ".";
  font-family: var(--wwe-font-num);
  font-weight: var(--wwe-fw-bold);
}

/* ---- 事業者情報・窓口の定義リスト ---- */
.wwe-pp__dl {
  display: grid;
  grid-template-columns: 6.5em 1fr;
  gap: 10px 14px;
  margin-top: 1em;
  padding: 18px 20px;
  background: var(--wwe-bg-soft);
  border-radius: var(--wwe-radius-card);
}
.wwe-pp__dl dt {
  font-size: var(--wwe-fs-note);
  font-weight: var(--wwe-fw-bold);
  color: var(--wwe-navy);
}
.wwe-pp__dl dd {
  font-size: var(--wwe-fs-note);
  color: var(--wwe-text);
  line-height: 1.8;
}
.wwe-pp__dl dd a { text-decoration: underline; text-underline-offset: 3px; }
/* 窓口の電話番号などの押せる範囲を 44px 以上に広げる。見た目は変えない（上下に余白を足し、同じだけ外側を詰める）。
   2026-11-11 の測定で 91×20 だった */
.wwe-pp__dl dd a { display: inline-block; padding: 12px 0; margin: -12px 0; }

.wwe-pp__date {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid var(--wwe-line);
  font-size: var(--wwe-fs-note);
  color: var(--wwe-text-body);
}

@media (max-width: 480px) {
  /* 定義リストは狭い画面では縦積みにする（6.5em の見出し列だと本文が詰まる） */
  .wwe-pp__dl { grid-template-columns: 1fr; gap: 4px 0; }
  .wwe-pp__dl dd { margin-bottom: 8px; }
}