/* 改訂6：スマホで写真とコピーを一体化。文字は画像に焼き込まずHTMLで保持。 */
@media(min-width:761px){
 .hero-photo{padding-top:28px;padding-bottom:28px}.hero-photo img{max-width:460px;margin-inline:auto;aspect-ratio:4/5;object-fit:contain}
 .hero h1 .h1-main{font-size:.72em}.hero h1 .h1-sub{font-size:.8em}.hero h1 .h1-sub .phrase{display:block}
}
@media(max-width:760px){
 .hero{display:block;position:relative;min-height:0;background:var(--pink)}
 .hero-photo{margin:0;padding:0;display:block;position:relative}
 .hero-photo img{width:100%;aspect-ratio:4/5;object-fit:contain;object-position:center;background:#fff6eb}
 .hero-photo figcaption{padding:10px 20px;font-size:10px;line-height:1.8}
 .hero-head{position:absolute;right:4%;top:clamp(26px,9vw,58px);width:45%;padding:0;z-index:2;align-self:auto}
 .hero-eyebrow{font-size:10px;line-height:1.8;letter-spacing:.02em;color:#674b3e;text-wrap:balance}
 .hero h1{font-size:22px;line-height:1.7;letter-spacing:.02em;margin-top:17px;color:#4b3830;text-shadow:0 1px 9px rgba(255,252,245,.8)}
 .hero h1 .h1-main{font-size:clamp(16px,4.7vw,24px);line-height:1.8;letter-spacing:0;white-space:nowrap}
 .hero h1 .h1-sub{font-size:clamp(18px,5.6vw,29px);line-height:1.9;margin-top:12px;color:#4b3830}
 .hero h1 .h1-sub .phrase{display:block;white-space:nowrap}
 .hero-body{padding:24px 22px 40px;max-width:none}.hero-scene{margin:14px 0 26px}
}