.checks li{align-items:flex-start}
.check-body{flex:1;min-width:0;color:var(--text)}
.check-body .ref{white-space:nowrap}
.check-title{display:block;margin:0 0 4px;color:var(--text);font:700 14px/1.65 "BIZ UDPGothic","Noto Sans JP",sans-serif;word-break:keep-all;overflow-wrap:normal}
.check-heading{margin:26px 0 8px;font:700 17px/1.65 "BIZ UDPGothic","Noto Sans JP",sans-serif}
.nav{margin-top:6px;padding-top:18px;border-top:1px solid var(--border)}
@media(max-width:420px){
.wrap{padding:0 18px}
.section{padding:38px 0}
.hero{padding:34px 0 44px}
.hero p{font-size:13.5px;line-height:1.9}
.title{font-size:20px;line-height:1.55}
.lead,.body{font-size:14px;line-height:1.9}
.checks{gap:11px}
.checks li{gap:11px;padding:15px 14px;font-size:13.8px;line-height:1.85}
.check{width:26px;height:26px;font-size:12.5px}
.intro-box{padding:25px 18px}
.ecard-head{padding:18px 16px 16px}
.headline{padding:14px 13px}
.note,.infobox{padding:16px 15px}
.dl div{display:block}
.dl dt{margin-bottom:2px}
.nav{gap:12px}
.nav .back{min-height:52px;font-size:14px}
}
/* 読みやすさを優先した段階表示 */
.quick-start{padding:4px 0 44px}
.quick-panel{padding:26px 20px 22px;border:1px solid var(--g200);border-radius:20px;background:linear-gradient(145deg,#f0faf4 0%,#fff 72%);box-shadow:0 8px 28px rgba(20,90,56,.09)}
.quick-kicker{margin-bottom:7px;color:var(--g600);font:700 12px "BIZ UDPGothic","Noto Sans JP",sans-serif;letter-spacing:.08em}
.quick-title{margin-bottom:8px;color:var(--g800);font:700 23px/1.55 "BIZ UDPGothic","Noto Sans JP",sans-serif}
.quick-lead{margin-bottom:18px;color:var(--sub);font-size:13.8px;line-height:1.85}
.quick-grid{display:grid;gap:11px;list-style:none}