/* ============================================
   c-heading-06 - Full Width Bar Heading
   全幅カラーバー + 白テキスト
   ============================================ */
.c-heading-06 {
  background-color: var(--color-primary);
  color: var(--color-white);
  font-size: var(--font-size-2-xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--letter-spacing-wider);
  text-align: center;
  padding: var(--space-lg) var(--space-2-xl);
  margin-block-start: var(--space-8-xl) !important;
  margin-block-end: var(--space-7-xl) !important;
  /* 全幅は alignfull（s-base-02 の constrained レイアウト）で実現 */
}

@container (max-width: 599px) {
  .c-heading-06 {
    font-size: var(--font-size-xl);
    padding: var(--space-md) var(--space-xl);
  }
}