.hb{max-width:1200px;margin:40px auto 30px;padding:0 20px}
.hb-band{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 18px 40px rgba(15,42,74,.16);aspect-ratio:16/7;background:#e8f5ec}
.hb-pic,.hb-pic img{display:block;width:100%;height:100%}
.hb-pic img{object-fit:cover;object-position:65% 35%;transition:transform 1.2s ease}
.hb-band:hover .hb-pic img{transform:scale(1.04)}
.hb-band:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(240,253,244,.86) 24%,rgba(240,253,244,.45) 36%,rgba(255,255,255,0) 46%)}
.hb-txt{position:absolute;z-index:1;left:4%;top:50%;transform:translateY(-50%);width:34%;text-align:right;color:#0f2a4a}
.hb-txt h2{margin:0 0 10px;font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.25;color:#0f2a4a}
.hb-txt p{margin:0 0 16px;color:#1e3a5f;font-size:1.05rem;line-height:1.6}
.hb-cta{display:flex;flex-wrap:wrap;gap:10px}
.hb-btn,.hb-tel{display:inline-flex;align-items:center;min-height:48px;padding:10px 20px;border-radius:12px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}
.hb-btn{background:#15803d;color:#fff}.hb-btn:hover{background:#166534;transform:translateY(-2px);box-shadow:0 8px 18px rgba(21,128,61,.3)}
.hb-tel{background:#fff;color:#0f2a4a;border:2px solid #0f2a4a}.hb-tel:hover{background:#eff6ff}
.hb a:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
@media(max-width:860px){.hb-band{aspect-ratio:auto;background:#f0fdf4}.hb-pic{aspect-ratio:16/10;height:auto}.hb-band:after{display:none}.hb-txt{position:static;transform:none;width:auto;padding:20px}}
@media(max-width:480px){.hb{padding:0 12px}.hb-btn,.hb-tel{flex:1 1 100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.hb-pic img,.hb-btn{transition:none}.hb-band:hover .hb-pic img{transform:none}}