/* ===========================================
   Component — Section Heading
   =========================================== */

.section-heading { margin-bottom: 60px; }

.section-en {
  font-family: var(--font-serif);
  font-size: 32px;
  letter-spacing: 2.56px;
  color: var(--color-heading);
  margin-bottom: 15px;
}

.section-ja {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1.28px;
  color: var(--color-text);
}

.section-heading--light .section-en,
.section-heading--light .section-ja { color: #fff; }

.section-heading--center { text-align: center; }

@media (max-width: 480px) {
  .section-en { font-size: 26px; }
}