/* ==========================================================================
   Component: Section Heading
   ========================================================================== */

.c-section-heading {
  margin-bottom: var(--space-lg);
}

.c-section-heading__en {
  margin: 0 0 var(--space-md);
  font-family: var(--font-en);
  font-size:  clamp(22px, 3.3vw, 42px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .c-section-heading__en {
    margin: 0 0 var(--space-xs);
    font-size: clamp(22px, 3.3vw, 42px);
  }
}

.c-section-heading__ja {
  font-family: var(--font-serif);
  font-size: clamp(20px, 4.5vw, 28px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.08em;
  color: var(--color-text);
  margin-bottom: var(--space-md);
}

.c-section-heading--gold .c-section-heading__en {
  color: var(--color-accent);
  opacity: .5;
}

.c-section-heading--teal .c-section-heading__en {
  color: var(--color-primary);
}

.c-section-heading__text {
  font-size: var(--font-size-text-sp, 14px);
  line-height: 2;
  letter-spacing: 0.04em;
  color: var(--color-text-muted);
}

@media (min-width: 768px) {
  .c-section-heading__text {
    font-size: var(--font-size-text-pc, 16px);
  }
}