@charset "UTF-8";

/* =========================================================
   佐々木あやの 公式サイト
   下層ページ（サイトポリシー／個人情報保護方針）専用スタイル
   style.css の後に読み込む。

   下層ページはトップと同じ骨格（.layout ＞ .ui／.hero／.main／.footer）を
   そのまま使うため、レイアウトの指定は一切持たない。
   このファイルが担当するのは <main> の中の本文（h1 / h2 / p / ul / 制定日）だけ。
   ========================================================= */

/* ---------------------------------------------------------
   1. ページ見出し（h1）
   トップのセクション見出し（.content-section .section-heading）と同じ見た目にする。
   ラベル行（「01 / GREETING」）は下層には無いので、その分だけ指定が少ない
   --------------------------------------------------------- */
.content-section h1 {
  margin: 0 0 40px;
  color: var(--color-primary);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.03em;      /* .section-heading と同値 */
  word-break: keep-all;        /* 「・」「、」の後でだけ折り返す */
  overflow-wrap: anywhere;     /* それでも収まらない場合の保険（320px幅の横スクロール防止） */
}

/* 見出しの補足（「（プライバシーポリシー）」）。
   長い h1 が途中で割れないよう別行・小さめにする */
.page-h1__sub {
  display: block;
  margin-top: 4px;
  font-size: 18px;
  font-weight: 500;
}

/* ---------------------------------------------------------
   2. 中見出し（h2）
   style.css の `.content-section h2`（32px・primary）を下層用に上書きする。
   同じ詳細度なので、後から読む page.css の指定が効く
   --------------------------------------------------------- */
.content-section h2 {
  margin: 48px 0 16px;
  padding-left: 12px;
  border-left: 4px solid var(--color-primary);
  color: var(--color-black);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal;
  word-break: normal;          /* 条文見出しは自然に折り返させる（keep-all を戻す） */
  overflow-wrap: anywhere;
}

/* ---------------------------------------------------------
   3. 本文（段落・箇条書き・リンク）
   --------------------------------------------------------- */
/* 段落間・段落と箇条書きの間は 1em。
   見出し直後は h2 側の margin-bottom（16px）に任せる */
.content-section p + p,
.content-section p + ul,
.content-section ul + p {
  margin-top: 1em;
}

.content-section ul {
  margin: 0;
  padding-left: 1.5em;
  list-style: disc;            /* style.css のリセット（list-style: none）を戻す */
}

.content-section li + li {
  margin-top: .5em;
}

/* 本文中のリンクは色だけに頼らず下線で示す */
.content-section p a {
  color: inherit;
  text-decoration: underline;
}

/* ---------------------------------------------------------
   4. 制定日（右寄せ）
   --------------------------------------------------------- */
.page-date {
  margin-top: 48px;
  text-align: right;
}

/* ---------------------------------------------------------
   下層だけの差分: 氏名ブロックは h1 ではなく p にし（ページ見出しの h1 と重複させない）、
   画像をトップへ戻るリンクにする
   --------------------------------------------------------- */
.ui__name {
  margin: 0;
}

.ui__name-link {
  display: flex;
  align-items: center;
  min-height: var(--tap-size);   /* SPヘッダーの氏名（画像高26px）でも当たり判定44pxを確保 */
  height: 100%;                  /* PC低高さ時の画像縮小（max-height:100%）を親から引き継ぐ */
  color: inherit;
}

/* SPでは h1 を32pxに（40pxだと「個人情報保護方針」が本文幅326pxで割れる） */
@media (max-width: 1199px) {
  .content-section h1 {
    font-size: 32px;
  }
}

/* ---------------------------------------------------------
   下層のSP: 本文の前に写真（hero）を出さない（タツキさん指示 2026-09-16）。
   heroが無くなるので、固定ヘッダーぶんの余白と、固定SNS帯ぶんのフッター余白を戻す
   --------------------------------------------------------- */
@media (max-width: 1199px) {
  .hero {
    display: none;
  }

  .main {
    padding-top: calc(var(--sp-header-h) + 48px);
  }

  .footer {
    padding-bottom: var(--footer-padding-bottom);
  }
}