/* ─── 一覧・詳細ページ共通の大見出し（黒背景に白文字・中央寄せ／メルマガ登録ページの見出しと統一） ─── */
.page-heading-title {
  font-size: clamp(2rem, 1.5rem + 2.5vw, 3rem);
  font-weight: 900;
  color: var(--color-white);
  text-align: center;
  margin: 0 0 40px;
}

/* ─── パンくず＋見出し（＋リード文）をまとめた共通ラッパー。
   下層ページ（お知らせ／フォントマガジン／メルマガ登録）で配置・余白を統一するために使用する ─── */
.page-heading {
  padding-block: calc(var(--header-height, 92px) + clamp(2rem, 3vw, 3rem))
                 clamp(2.5rem, 4vw, 3.5rem);
}

.page-heading .breadcrumb {
  max-width: none;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem);
}

.page-heading .page-heading-title {
  margin: 0;
}

.page-heading-lead {
  max-width: 640px;
  margin: 1rem auto 0;
  text-align: center;
  font-size: 1.05rem;
  font-weight: 500;
  color: #e0e0e0;
}