@import url("styles-v4.css");

/* v5: ファーストビューに、短く読める安心材料を追加。 */
.hero-copy{padding-top:30px;padding-bottom:26px}
.hero-kicker{margin-bottom:11px}
.hero-value{margin-bottom:12px}
.hero-lead{margin-bottom:13px}
.hero-proof{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.hero-proof li{min-width:0;min-height:68px;padding:8px 6px;background:#fffaf0;border:1px solid #ead6b3;border-top:3px solid #d78a28;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.22}
.hero-proof strong{font-family:"MPLUS Rounded","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:15px;color:#26343b;letter-spacing:-.03em}
.hero-proof strong span{font-size:21px;color:#b84f12}
.hero-proof small{display:block;margin-top:4px;font-size:10px;color:#626a6e;line-height:1.25}

@media(max-width:1060px){.hero-proof{gap:5px}.hero-proof li{padding-inline:4px}.hero-proof strong{font-size:14px}.hero-proof strong span{font-size:19px}}

@media(max-width:760px){.hero-copy{padding-top:16px;padding-bottom:15px}.hero-kicker{margin-bottom:7px}.hero-value{margin-bottom:8px}.hero-lead{margin-bottom:10px}.hero-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px}.hero-proof li{min-height:56px;padding:6px 7px;border-top-width:2px}.hero-proof strong{font-size:15px}.hero-proof strong span{font-size:21px}.hero-proof small{font-size:12px;margin-top:2px}.hero-reassure{margin-top:6px}}

@media(max-width:360px){.hero-copy{padding-top:14px}.hero-proof{gap:5px}.hero-proof li{min-height:54px;padding-inline:4px}.hero-proof strong{font-size:14px}.hero-proof strong span{font-size:19px}.hero-proof small{font-size:11px}}
