/* 別案：参考画像に合わせた、人物＋店頭・運営・分析のコラージュ構成。 */
.hero-collage{min-height:550px;background:#f7faf7}
.hero-collage .hero-image{width:55%;height:100%;object-fit:cover;object-position:center}
.hero-collage:after{background:linear-gradient(90deg,#f7faf7 0%,#f7faf7 40%,#f7faf7e6 45%,#f7faf770 50%,transparent 57%)}
.hero-collage .hero-content{padding-block:76px 80px}
.hero-collage .hero-lead{font-size:17px;margin-bottom:18px}
.hero-collage h1{font-size:clamp(25px,2.6vw,36px);line-height:1.65}
.hero-collage .hero-main{font-size:clamp(37px,3.7vw,50px)}
.hero-collage .hero-description{font-size:14px;line-height:2}
.hero-collage .hero-note{background:#ffffffed;color:var(--deep);padding:12px 24px;right:0;bottom:0;font-size:14px;box-shadow:0 -1px 0 #ffffff80}
@media(min-width:1500px){.hero-collage .hero-image{width:54%}.hero-collage .hero-content{padding-block:90px 100px}}
@media(min-width:801px) and (max-width:1100px){.hero-collage .hero-content{padding-block:55px 70px}.hero-collage{min-height:510px}.hero-collage h1{font-size:26px}.hero-collage .hero-main{font-size:38px}.hero-collage .hero-description{font-size:12px}.hero-collage .button{font-size:13px;padding-inline:18px;gap:16px}}
@media(max-width:800px){.hero-collage{display:flex;flex-direction:column;min-height:0}.hero-collage .hero-image{position:relative;inset:auto;order:0;width:100%;height:auto;aspect-ratio:3/2;max-height:430px;object-fit:cover;object-position:center}.hero-collage:after{display:none}.hero-collage .hero-content{order:1;padding-block:30px 32px}.hero-collage .hero-note{position:relative;order:2;justify-content:center;padding:12px 18px;background:var(--deep);color:white}.hero-collage h1{font-size:32px}.hero-collage .hero-main{font-size:46px}.hero-collage .hero-description{font-size:14px}.hero-collage .hero-lead{font-size:16px}.hero-collage .hero-lead br{display:none}}
@media(max-width:520px){.hero-collage .hero-image{max-height:none;aspect-ratio:3/2}.hero-collage .hero-content{padding-block:26px 30px}.hero-collage .hero-lead{font-size:13px;margin-bottom:12px}.hero-collage h1{font-size:clamp(21px,5.55vw,29px)}.hero-collage .hero-main{font-size:clamp(31px,8.2vw,42px)}.hero-collage .hero-description{font-size:12px}.hero-collage .hero-note{font-size:12px}}