@charset "UTF-8";
/* =========================================================================
   .es — Privacy Policy Page (css/privacy.css)

   【目次】
   01. HERO
   02. CONTENT
   03. RESPONSIVE
========================================================================= */
/* =========================================================================
   01. HERO
========================================================================= */
.privacy-page {
  background: var(--white);
}

/* =========================================================================
   02. CONTENT
========================================================================= */
.privacy-card {
  display: grid;
  gap: 3.2rem;
  width: min(100%, 88rem);
  margin: 0 auto;
}

.privacy-lead {
  font-size: var(--type-body);
  line-height: 1.9;
  letter-spacing: 0.04em;
  color: var(--ink);
}

.privacy-block {
  display: grid;
  gap: 1.2rem;
  padding-top: 3.2rem;
  border-top: 1px solid var(--border);
}

.privacy-block:first-of-type {
  padding-top: 0;
  border-top: 0;
}

.privacy-list {
  display: grid;
  gap: 0.8rem;
  padding-left: 2rem;
  list-style: disc;
}

.privacy-list a {
  color: var(--accent);
  border-bottom: 1px solid rgba(255, 61, 31, 0.4);
  word-break: break-all;
}

.privacy-date {
  font-family: var(--font-mono);
  font-size: var(--type-label);
  letter-spacing: 0.08em;
  color: var(--mid);
}

/* =========================================================================
   03. RESPONSIVE
========================================================================= */
@media (max-width: 640px) {
  .privacy-card {
    gap: 2.4rem;
  }
  .privacy-block {
    padding-top: 2.4rem;
  }
}