/* policy.html 専用スタイル（style.css の後・_utilities.css の前に読み込む） */

/* ページヒーロー：写真を置かず無地の一色にする。
   写真用の暗いスクリム（右下ほど濃いグラデーション）は無地だと不要なので、
   タイトルの白文字を読ませるぶんだけ均一にかける */
.page-hero-plain {
  background: var(--c-sea);
}

.page-hero-plain .page-hero-overlay {
  background: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22));
}

.privacy-content {
  max-width: 820px;
  margin: 0 auto;
}

.privacy-block + .privacy-block {
  margin-top: 48px;
}

/* 大見出し（当園について / 個人情報の取り扱いについて …） */
.privacy-heading {
  font-size: 1.35rem;
  color: var(--c-h2);
  line-height: 1.5;
  padding-bottom: 10px;
  margin-bottom: 18px;
  border-bottom: 2px solid var(--c-sea);
}

/* 小見出し（（１）個人情報の取得 …） */
.privacy-subheading {
  font-size: 1.02rem;
  color: var(--c-text);
  line-height: 1.6;
  margin-top: 28px;
  margin-bottom: 8px;
}

.privacy-heading + .privacy-subheading {
  margin-top: 0;
}

.privacy-content p {
  font-size: 0.92rem;
  color: var(--c-gray-700);
  line-height: 1.95;
}

.privacy-content p + p {
  margin-top: 14px;
}

/* 段落中の小ラベル（利用目的の範囲について 等） */
.privacy-content p.privacy-label {
  font-weight: 700;
  color: var(--c-text);
  margin-top: 22px;
  margin-bottom: 4px;
}

.privacy-bullets {
  list-style: none;
  margin: 0;
  padding: 0;
}

.privacy-bullets li {
  position: relative;
  padding-left: 20px;
  font-size: 0.92rem;
  color: var(--c-gray-700);
  line-height: 1.95;
}

.privacy-bullets li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 0.8em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--c-sea);
}

/* 当園について（名称・住所・代表者） */
.privacy-org-row {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 4px 16px;
  padding: 14px 4px;
  border-bottom: 1px solid var(--c-gray-200);
}

.privacy-org-row:first-child {
  border-top: 1px solid var(--c-gray-200);
}

.privacy-org dt {
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--c-text);
  line-height: 1.8;
}

.privacy-org dd {
  font-size: 0.92rem;
  color: var(--c-gray-700);
  line-height: 1.8;
}

/* 外部リンク（Googleのポリシー・オプトアウト） */
.privacy-link {
  color: var(--c-h2);
  text-decoration: underline;
  word-break: break-all;
}

.privacy-link:hover {
  opacity: 0.75;
}

/* 個人情報取扱い窓口 */
.privacy-contact {
  margin-top: 18px;
  background: var(--c-sea);
  border-radius: var(--r-md);
  padding: 24px 28px;
}

.privacy-content .privacy-contact p {
  color: var(--c-white);
  line-height: 1.9;
}

.privacy-content .privacy-contact p + p {
  margin-top: 6px;
}

.privacy-contact-title {
  font-weight: 700;
}

.privacy-contact a {
  color: var(--c-white);
  text-decoration: underline;
}

@media (max-width: 768px) {
  .privacy-heading {
    font-size: 1.2rem;
  }

  .privacy-subheading {
    font-size: 0.98rem;
  }

  .privacy-org-row {
    grid-template-columns: 1fr;
    padding: 12px 2px;
  }

  .privacy-contact {
    padding: 20px 18px;
  }
}

/* ============================================================
   背景SVG（このページ専用）— PC / スマホで個別に調整できます
   ・.subpage-bg-green / -sky / -cream … 帯の上端位置(top:%)と高さ(height)
   ・.page-shape-cream-fill … 最下部のクリーム塗り（波直下〜ページ最下端まで伸縮）
   ============================================================ */
/* ── PC ── */
/* 緑帯の上端は他のサブページと同じ絶対位置（hero下端440px + 206px）に固定。
   %指定だとページの総丈で位置が変わり、ページごとに緑の高さがずれるため */
.subpage-bg-green {
  top: 646px;
  height: 560px;
}

.subpage-bg-sky {
  top: 39%;
  height: 1060px;
}

.subpage-bg-cream {
  top: 72%;
  height: 760px;
}

/* ── スマホ（幅768px以下） ── */
@media (max-width: 768px) {
  /* スマホも他のサブページと同じ絶対位置（hero下端360px + 453px） */
  .subpage-bg-green {
    top: 813px;
    height: 960px;
  }

  .subpage-bg-sky {
    top: 39%;
    height: 960px;
  }

  .subpage-bg-cream {
    top: 72%;
    height: 960px;
  }
}