/* ────────────────────────────────────────────────
   書体を游明朝体 主体にする差し替え（2026-09-12・お試し）
   style.css のあとに読み込む。この1行を外せば元のゴシックに戻る。

   考え方：読ませるところ（見出し・本文・数字）は明朝。
           押させる・入力させるところ（ボタン・フォーム・注記・英字ラベル）はゴシック。
   ──────────────────────────────────────────────── */

:root{
  /* Mac・Windows は游明朝、iPhone はヒラギノ明朝、Android は Noto Serif JP（明朝がないため） */
  --serif:"Yu Mincho","YuMincho",游明朝,"Yu Mincho Medium","Hiragino Mincho ProN","Noto Serif JP",serif;
  /* 明朝は太さが「中太（600）」までしかない。900を指定すると偽の太字になって汚れるので使わない */
  --mw:600;
}

/* ── 土台 ── */
body{font-family:var(--serif);font-weight:400;line-height:1.95;letter-spacing:.03em}

/* ── 見出し ── */
.fv h1{font-weight:var(--mw);letter-spacing:.02em;line-height:1.38}
.sec h2{font-weight:var(--mw);font-size:42px;line-height:1.52;letter-spacing:.04em}
.why h3,.feats h3,.prices h3{font-weight:var(--mw);letter-spacing:.03em}
.why h3{line-height:1.6}

/* ── 本文・リード ── */
.fv .desc,.lead,.about p,.gacha p.body,.why p,.feats p,.support p,.faq details p,
.trust small,.rcard span,.easy li span{letter-spacing:.03em}
.lead{line-height:1.95}

/* ── 強めの文（明朝のまま太さだけ落とす） ── */
.voices li,.fit p,.checks li{font-weight:var(--mw);letter-spacing:.04em}
.bridge,.wrapup{font-weight:var(--mw);letter-spacing:.05em}
.wrapup{font-size:26px;line-height:1.7}
.bridge{font-size:23px;line-height:1.7}
.trust b,.support b,.easy li b,.flow b,.steps b,.faq summary,.doc .dl,.doc ul li,
.mbox .mplus,.strip .t b,.rcard b,.rbig p,.prices h3{font-weight:var(--mw);letter-spacing:.03em}
.faq summary{line-height:1.6}

/* ── 数字（明朝の数字はきれいなので主役に） ── */
.strip .n strong,.rbig strong,.rcard em,.strip .n em{font-family:var(--serif);font-weight:var(--mw)}
/* 明朝は横に広いので、実績カードの数字だけ少し小さく（折り返し防止） */
.rcard em{font-size:20px;letter-spacing:0}
.strip .n strong,.rbig strong{letter-spacing:0}
.rbig strong{font-size:104px}
.strip .n strong{font-size:84px}

/* ── 飾りの数字・記号（もともと明朝。太さをそろえる） ── */
.easy li .fig,.fit .n,.feats .ic,.trust .ti,.voices li::before{font-weight:var(--mw)}

/* ══ ここから下はゴシックのまま残すところ ══ */

/* 画面の上のメニューとボタン */
.hd nav,.hcta,.hm{font-family:var(--sans);letter-spacing:0}

/* 押させるボタンは、読みやすさ優先でゴシック */
.cta,.cta .lbl b,.cta .lbl small,.cta .arr,.free,.rib,.left,.submit{font-family:var(--sans);letter-spacing:.02em}

/* 小さい文字・注記・英字ラベル */
.en,.kicker,.note,.cond,.mcond,.mcond li,.photo-note,.badge,.mock figcaption,
.flow .st,.steps .st,.steps small,.flow small,.prices .tag,.rcard .loc,.after,.after b,
.strip .t span,.strip .n small,.pricehead,.mbox .mt,.safe li,.safe li::before,
.ft,.ft .flinks,.bar,.bar .msg{font-family:var(--sans)}
.note,.cond,.mcond li,.steps small,.flow small,.strip .t span{letter-spacing:0;line-height:1.8}

/* 金額は押しの強さ優先でゴシック（明朝だと「5万円」が弱く見えたため・2026-09-13） */
.price,.price b,.mbox .myen,.mbox .myen b,.mbox .mplus b,.prices .yen{font-family:var(--sans);letter-spacing:0}

/* 取引先ロゴの仮置き（社名の文字）はゴシック */
.pgrid li,.plogo .pn,.pcat,.ptitle{font-family:var(--sans);letter-spacing:0}

/* フォームは入力しやすさ優先でゴシック */
.form,.field label.l,.field input,.field select,.req,.opt,.chk,.under,.form-error{font-family:var(--sans);letter-spacing:0}

/* 手書き風のひと言はそのまま */
.hand{font-family:var(--hand)}

/* ── スマホ・タブレット ── */
@media (max-width:1023px){
  body{line-height:1.9;letter-spacing:.02em}
  .fv h1{letter-spacing:.01em;line-height:1.45}
  .sec h2{font-size:clamp(25px,7vw,30px);line-height:1.55;letter-spacing:.03em}
  .wrapup{font-size:20px}
  .bridge{font-size:18px}
  .voices li,.fit p{letter-spacing:.02em}
  .rbig strong{font-size:78px}
  .strip .n strong{font-size:60px}
}