@charset "UTF-8";
/* ==========================================================================
   よりそいモバイル - プライバシーポリシーページ専用スタイル
   ========================================================================== */

.policy__intro {
  font-size: 0.9375rem;
  line-height: 2.3;
  color: var(--c-ink-mid);
  background: var(--c-pink-bg);
  border-radius: var(--radius-l);
  padding: clamp(1.5rem, 3.5vw, 2.25rem);
  margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
}

.policy__section { margin-bottom: clamp(2.25rem, 4.5vw, 3rem); }
.policy__section:last-of-type { margin-bottom: 0; }

.policy__title {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  font-size: clamp(1.0625rem, 2.2vw, 1.1875rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.7;
  margin-bottom: 1.25rem;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid var(--c-line);
}

.policy__no {
  width: 32px; height: 32px; flex: none;
  border-radius: 50%;
  background: var(--c-green);
  color: var(--c-white);
  display: grid; place-items: center;
  font-size: 0.8125rem;
}

.policy__section p {
  font-size: 0.9375rem;
  line-height: 2.2;
  color: var(--c-ink-mid);
}
.policy__section p + p { margin-top: 1rem; }
.policy__section .c-checklist { margin-block: 1.25rem; }

/* お問い合わせ先 */
.policy__contact {
  background: var(--c-white);
  border: 1.5px solid var(--c-line);
  border-radius: var(--radius-l);
  padding: clamp(1.5rem, 3.5vw, 2.25rem);
}
.policy__contact-row {
  display: flex;
  gap: 1rem;
  font-size: 0.9375rem;
  line-height: 2.1;
}
.policy__contact-row + .policy__contact-row { margin-top: 0.5rem; }
.policy__contact-row dt { flex: none; min-width: 6em; font-weight: 700; }
.policy__contact-row dd { margin: 0; color: var(--c-ink-mid); }

@media (max-width: 520px) {
  .policy__contact-row { flex-direction: column; gap: 0; }
  .policy__contact-row + .policy__contact-row { margin-top: 1rem; }
}

.policy__date {
  margin-top: clamp(2.5rem, 5vw, 3.5rem);
  text-align: right;
  font-size: 0.8125rem;
  color: var(--c-ink-light);
}