/* 共通パーツ: 下層ページ見出し帯（TOPページのeyebrow＋タイトルパターンを踏襲） */
.p-page-header {
  padding-block: 4rem;
  background-color: var(--color-dark);
  color: var(--color-white);
  text-align: center;
}

.p-page-header__eyebrow {
  font-family: var(--font-serif-en);
  font-size: 1.3rem;
  letter-spacing: 0.15em;
  color: var(--color-accent);
}

.p-page-header__title {
  margin-top: 0.8rem;
  font-size: var(--font-size-h2-sp);
  color: var(--color-white);
}

@media (min-width: 1024px) {
  .p-page-header {
    padding-block: 6rem;
  }

  .p-page-header__title {
    font-size: var(--font-size-h2-pc);
  }
}