/* サイトポリシー・クッキーポリシー（sitepolicy.php / cookie.php） */

/* 文章だけのページなので、スマホでも左右を PC と同じだけ空ける（.page の既定は 1rem） */
.page.policy { padding-left: var(--sp-5); padding-right: var(--sp-5); }

.policy > p,
.policy__list { line-height: 1.95; text-align: justify; }
.policy > p + p { margin-top: var(--sp-3); }

.policy h2 {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  margin: var(--sp-6) 0 var(--sp-2);
  padding-bottom: var(--sp-1);
  border-bottom: var(--rule);
  font-size: var(--fs-lg);
  color: var(--c-rose-deep);
}

.policy__list { padding-left: 1.4em; }
.policy__list li { list-style: disc; }
.policy__list li::marker { color: var(--c-rose); }
.policy__list strong { font-weight: 500; }

/* 本文中のリンク（base.css は下線なし・本文色なので、リンクと分かるようにする） */
.policy > p:not(.policy__links) a,
.policy__list a {
  color: var(--c-rose-deep);
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .policy > p:not(.policy__links) a:hover,
  .policy__list a:hover { color: var(--c-ink); }
}

.policy__links { margin-top: var(--sp-8); text-align: center; }