@charset "UTF-8";


:root {
  --fs-caption: 10px;
  --fs-note: 11px;
  --fs-small: 12px;
  --fs-body: 13px;
  --fs-body-lg: 14px;
  --fs-button: 14px;
  --fs-title-sm: 16px;
  --fs-title-md: 18px;
  --fs-title-lg: 20px;

  /* 日本語の通常テキスト用。英語・装飾見出し・固有コンポーネントには使用しない。 */
  --fs-ja-note: 11px;
  --fs-ja-body: 14px;
  --fs-ja-body-lg: 16px;
  --fs-ja-heading-sm: 20px;
  --fs-ja-heading-md: 25px;

  /* Legacy aliases: keep existing page rules compatible. */
  --wako-font-xxs: var(--fs-caption);
  --wako-font-note: var(--fs-note);
  --wako-font-small: var(--fs-small);
  --wako-font-body: var(--fs-body);
  --wako-font-body-large: var(--fs-body-lg);
  --wako-font-label: var(--fs-button);
  --wako-font-subheading: var(--fs-title-sm);
  --wako-font-heading: var(--fs-title-lg);
  --wako-color-blue: #225C8D;
}

.fnt41 {
  font-size: 41px;
}

.fnt35 {
  font-size: 35px;
}

.fnt28 {
  font-size: 28px;
}

@media (min-width: 768px) {
  .fnt41 {
    font-size: 55px;
  }

  .fnt35 {
    font-size: 45px;
  }

  .fnt28 {
    font-size: 40px;
  }

  :root {
    --fs-caption: 11px;
    --fs-note: 12px;
    --fs-small: 13px;
    --fs-body: 16px;
    --fs-body-lg: 16px;
    --fs-button: 16px;
    --fs-title-sm: 20px;
    --fs-title-md: 20px;
    --fs-title-lg: 28px;
    --fs-ja-note: 16px;
    --fs-ja-body: 18px;
    --fs-ja-body-lg: 20px;
    --fs-ja-heading-sm: 25px;
    --fs-ja-heading-md: 30px;
  }
}

  /* 共通パーツ */
  .breadcrumb,
  .breadcrumbs,
  .subpage-breadcrumb,
  .subpage-breadcrumbs,
  .subpage-title__breadcrumb {
    font-size: var(--wako-font-note);
  }

  .common-outline-button,
  .common-primary-button,
  .subpage-contact a,
  .subpage-shop__links a,
  .investment-outline-button,
  .st-button {
    font-size: var(--fs-ja-body);
  }

  /* トップページの通常本文 */
  .brand-introduction,
  .brand-introduction p,
  .guide-block p,
  .site-footer__description {
    font-size: var(--wako-font-body);
  }

  /* ダイヤモンド・カラーストーン・ブランド */
  .precious-gem__copy p,
  .precious-rare__item p,
  .brand-intro,
  .brand-profile > p {
    font-size: var(--wako-font-body);
  }

  .color-copy,
  .color-type p,
  .color-feature__details p,
  .color-steps p {
    font-size: var(--fs-ja-note);
  }

  .brand-catalog header p,
  .brand-products p {
    font-size: var(--fs-ja-note);
  }

  /* デザイン・品質・基準・専門職人 */
  .d-point p,
  .d-slide p,
  .d-choice > p,
  .d-option p,
  .q-diamond > div > p,
  .q-step p,
  .q-4c p,
  .st-card p,
  .sp-list li,
  .sp-pros__lead,
  .sp-profile p,
  .sp-workshop p {
    font-size: var(--fs-body);
  }

  .after-service-page .as-service p {
    font-size: var(--wako-font-body);
  }

  /* SP 13pxの個別本文は、14px系と混ぜない。 */
  .kihei-intro__body,
  .kihei-details p,
  .repair-flow__body,
  .repair-case p,
  .repair-table td,
  .investment-intro p,
  .investment-value > p,
  .investment-life p,
  .investment-closing p,
  .history-message p,
  .history-timeline__item p {
    font-size: var(--wako-font-body);
  }

  .jp-copy,
  .jp-world-card .jp-copy,
  .history-value > p:not(.history-value__lead) {
    font-size: var(--fs-ja-body);
  }

  .investment-table,
  .investment-data-box,
  .investment-index {
    font-size: var(--wako-font-small);
  }

  /* 誕生石一覧・月別詳細・選び方 */
  .birthday-faq__item summary,
  .birthday-faq__answer p,
  .birthday-faq__answer ul,
  .birthstone-month-intro,
  .birthstone-gem__description,
  .birthstone-detail-faq,
  .diamond-selection-page,
  .diamond-selection-page p,
  .diamond-selection-page li,
  .diamond-selection-page td {
    font-size: var(--wako-font-body);
  }

  .birthstone-facts summary,
  .birthstone-chip-list a,
  .diamond-selection-page small {
    font-size: var(--wako-font-small);
  }

  .birthstone-facts details p {
    font-size: var(--fs-ja-note);
  }