/* SP調整（768px以下で読み込み）
   基本のスマホ表示は style.css 側で作っているため、ここは小さい画面の微調整のみ */
@media screen and (max-width: 768px) {
  .sp-only { display: inline; }
}

@media screen and (max-width: 768px) {
  .ph-page { padding-left: 18px; padding-right: 18px; }
  .fv__deny, .fv__lead { font-size: 19px; }
  .fv__hero { font-size: 33px; }
  .fv__promise { font-size: 20px; }
  .fv-proof__list li { font-size: 13px; }
  .fv-proof__list b { font-size: 18px; }
  .headline, .letter__title, .band__big { font-size: 30px; }
  .voices-in li { font-size: 13px; padding: 14px 8px; }
  .merit-card { grid-template-columns: 62px 1fr; gap: 12px; }
  .merit-card__key { font-size: 38px; }
  .race-card__no { width: 34px; height: 34px; font-size: 16px; }
  .race-card__tag { flex-basis: 54px; }
  .tally { padding: 18px 14px; }
  .tally__grid { gap: 3px; }
  .tally__row dt { font-size: 13px; }
  .tally__row--all dd b { font-size: 32px; }
  .payouts__yen { font-size: 25px; }
  .footer-content { gap: 24px; }
  .headline {font-size: 26px;}
  body.ph{font-size: 16px;}
  .pull__big {font-size: 24px;}
  .letter__body{font-size: 16px;} 
  .fv-proof__head span {font-size: 16px;}

}

/* ===== 追加分（今回の変更で増えたパーツのSP調整） ===== */
@media screen and (max-width: 768px) {
  .sec { padding: 40px 18px 34px; }
  .question__title { font-size: 24px; }
  .question__yes { font-size: 30px; }
  .question__risk { font-size: 22px; }
  .question__turn b { font-size: 20px; }
  .question__promise { font-size: 19px; }
  .weekly__race { font-size: 26px; }
}

/* 「本命対抗穴」「3連単」の文字キーが、上の .merit-card__key（38px）で大きくなりすぎていたのを戻す */
@media screen and (max-width: 768px) {
  .merit-card__key--text { font-size: 15px; }
}