/* ============================================
   c-heading-13 - Dot Accent Heading
   中央寄せ + 上にプライマリカラーの丸ドット

   構造: <h2 class="c-heading-13">見出しテキスト</h2>
   ============================================ */
.c-heading-13 {
  text-align: center;
  font-size: var(--font-size-2-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text);
  letter-spacing: var(--letter-spacing-wide);
  margin-block-start: var(--space-7-xl) !important;
  margin-block-end: var(--space-4-xl) !important;
}

.c-heading-13::before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: var(--color-primary);
  border-radius: 50%;
  margin: 0 auto var(--space-md);
}

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

  .c-heading-13::before {
    width: 9px;
    height: 9px;
  }
}