@charset "UTF-8";

/*
 * Whity public website — Mincho heading direction
 * Body copy, navigation, buttons, prices and form UI remain Gothic/sans-serif.
 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;600;700;800&display=swap');

:root {
  --whity-heading-mincho:
    "Noto Serif JP",
    "Yu Mincho",
    "YuMincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "MS PMincho",
    serif;
}

/* Main visual and section headings */
h1,
h2,
h3,
h4,
.hero-heading,
.feat-heading,
.feat-title,
.reason-heading,
.reason-title,
.plan-heading,
.step-title,
.voice-title,
.section-title-blue,
.eq-heading,
.faq-title,
.idx-ac-heading,
.idx-cta-heading,
.beauty-cta-heading,
.beauty-cta-title,
.slash-title,
.rc-title,
.kodawari-title,
.sf-title2,
.sf-name,
.effect-q,
.qa-q,
.ac-section-title,
.tone-title,
.payment-title,
.page-title {
  font-family: var(--whity-heading-mincho) !important;
  font-style: normal;
  font-feature-settings: "palt" 1;
  font-kerning: normal;
  letter-spacing: 0.075em;
  text-wrap: balance;
}

h1,
.hero-heading,
.page-title {
  font-weight: 700 !important;
  line-height: 1.45;
}

h2,
.feat-heading,
.reason-heading,
.plan-heading,
.voice-title,
.section-title-blue,
.faq-title,
.idx-ac-heading,
.idx-cta-heading,
.beauty-cta-heading,
.beauty-cta-title,
.slash-title,
.effect-q,
.qa-q,
.ac-section-title {
  font-weight: 700 !important;
  line-height: 1.5;
}

h3,
h4,
.feat-title,
.reason-title,
.step-title,
.eq-heading,
.rc-title,
.kodawari-title,
.sf-title2,
.sf-name,
.tone-title,
.payment-title {
  font-weight: 600 !important;
  line-height: 1.6;
}

/* Keep Latin labels, prices, buttons and navigation crisp and sans-serif. */
.en,
.en-font,
[class*="price"] .en,
[class*="price"] .amount,
[class*="price"] strong,
[class*="price"] b,
.step-num,
.feat-num-badge,
.reason-badge,
.voice-stat-num,
header nav,
.gnav,
.header-nav,
button,
input,
select,
textarea,
.cta-btn,
.btn-reservation-top,
.fixed-cta,
.line-badge {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
}

/* Refine existing decorative rules to suit the Mincho tone. */
.main-content h2::after,
.feat-heading::after,
.reason-heading::after,
.plan-heading::after,
.voice-title::after,
.section-title-blue::after,
.faq-title::after,
.idx-ac-heading::after {
  width: 52px !important;
  height: 1px !important;
  border-radius: 0 !important;
}

/* Slightly calmer emphasis inside headings. */
h1 em,
h2 em,
h3 em,
h4 em,
.hero-heading em,
.feat-heading em,
.plan-heading em,
.beauty-cta-heading em {
  font-family: inherit !important;
  font-style: normal;
  font-weight: inherit;
}

@media (max-width: 767px) {
  h1,
  h2,
  h3,
  h4,
  .hero-heading,
  .feat-heading,
  .feat-title,
  .reason-heading,
  .reason-title,
  .plan-heading,
  .step-title,
  .voice-title,
  .section-title-blue,
  .eq-heading,
  .faq-title,
  .idx-ac-heading,
  .beauty-cta-heading,
  .beauty-cta-title,
  .slash-title,
  .rc-title,
  .kodawari-title,
  .sf-title2,
  .sf-name,
  .effect-q,
  .qa-q,
  .ac-section-title {
    letter-spacing: 0.045em;
    line-height: 1.55;
  }
}