/* 個人情報の取扱いについて /privacy/
   Header・Footer・breadcrumb・書体・色はABOUTの共通組みをそのまま継承し、
   本文だけを「コンパクトな法務・ポリシーページ」として高密度に詰める。
   章の区切りは横罫線を使わずSPACEだけで表現し、ページ末尾だけは十分なSPACEで締める。
   共通CSSと他ページは変更しない。 */

/* ---- HERO：上下余白と見出しを圧縮する ---- */

.privacy-page .about-hero {
  padding: 38px 0 30px;
}

.privacy-page .about-hero-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.privacy-page .about-hero h1 {
  max-width: 100%;
  margin: 16px 0 14px;
  font-size: clamp(1.6rem, 2.1vw, 1.95rem);
  line-height: 1.4;
}

.privacy-page .about-hero-body {
  max-width: 1000px;
  font-size: .94rem;
  line-height: 1.75;
}

/* ---- 本文：左の空カラムを解消し、H1と同じ左位置に揃える ---- */

.privacy-page .about-body {
  display: block;
  padding-bottom: 120px;
}

.privacy-page .privacy-body {
  grid-column: auto;
  max-width: 1000px;
}

/* ---- 章の区切りは罫線を使わずSPACEだけで表現する ---- */

.privacy-page .about-section {
  margin-top: 16px;
  padding: 0;
  border-top: 0;
}

.privacy-page .about-section:first-child {
  margin-top: 0;
  padding-top: 0;
}

.privacy-page .about-hero h1,
.privacy-page .privacy-body h2 {
  line-break: strict;
  overflow-wrap: normal;
  text-wrap: pretty;
  word-break: normal;
  word-break: auto-phrase;
}

.privacy-page .privacy-body h2 {
  margin: 0 0 8px;
  font-size: clamp(1.08rem, 1.25vw, 1.18rem);
  line-height: 1.5;
}

.privacy-page .privacy-body p {
  font-size: .94rem;
  line-height: 1.7;
}

.privacy-page .privacy-body p + p {
  margin-top: 6px;
}

/* ---- 箇条書き ---- */

.privacy-page .privacy-list {
  margin: 6px 0;
  padding: 0 0 0 1.25em;
  list-style: none;
}

.privacy-page .privacy-list li {
  position: relative;
  margin: 0;
  padding-left: .3em;
  color: #4f4b46;
  font-size: .94rem;
  line-height: 1.65;
}

.privacy-page .privacy-list li::before {
  position: absolute;
  top: .68em;
  left: -1em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--brand-orange);
  content: "";
}

.privacy-page .privacy-list + p {
  margin-top: 6px;
}

@media (max-width: 920px) {
  .privacy-page .about-hero {
    padding: 30px 0 24px;
  }

  .privacy-page .about-body {
    padding-bottom: 92px;
  }
}

@media (max-width: 680px) {
  .privacy-page .about-body {
    padding-bottom: 68px;
  }
}