/* ASD・ADHDチェックリスト入口LP 専用の追加スタイル
   ベース（hattatu-lp.css）は本LPと同じものをそのまま使い、差分だけをここに書く。 */

/* FV：キャッチが本LPより長いので、文字サイズを一段下げる */
.hero-check .hero-title{font-size:clamp(32px,3.5vw,46px);line-height:1.45}
@media(max-width:999px){.hero-check .hero-title{font-size:38px}}
@media(max-width:767px){.hero-check .hero-title{font-size:clamp(25px,7.4vw,36px)}}
@media(max-width:359px){.hero-check .hero-title{font-size:24px}}

/* チェックのあとの3ステップ */
.next-step{background:#fff}
.next-step .intro strong{color:var(--coral)}
.step-timeline li{align-items:flex-start}
.step-timeline .step-number{margin-top:2px}
.step-status{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1;padding:5px 10px;border-radius:100px;background:var(--mint);color:var(--deep);margin-bottom:8px}
.step-timeline li.is-done{background:var(--mint-soft)}
.step-timeline li.is-done .step-number{background:#8fb0d3}
.step-timeline li.is-now{border:2px solid var(--coral);box-shadow:0 14px 30px -20px #c2410c80}
.step-timeline li.is-now .step-number{background:var(--coral)}
.step-timeline li.is-now .step-status{background:var(--coral);color:#fff}
.step-caution{max-width:720px;margin:28px auto 0;font-size:13px;line-height:1.8;color:var(--muted)}
.step-cta{text-align:center;margin-top:28px}
@media(max-width:767px){.step-caution{font-size:12px}}
.step-cta .button{display:inline-flex;width:auto;min-width:320px;max-width:100%}
@media(max-width:767px){.step-cta .button{display:flex;width:100%;min-width:0}}

/* FV写真（28604762_l.jpg）：スマホでは子どもの頭にバッジが重なるので、バッジを左上へ */
@media(max-width:767px){.hero-check .hero-award{right:auto;left:14px}}

/* 改行位置の調整：pill 内の .wb を折り返せるように */
.hero-check .pill{flex-wrap:wrap}