/* スマートフォン：FV下の人物と説明文を独立した領域に配置。 */
@media (max-width: 767px) {
 .hero-static.hero-layer--sp:has(img[src*="fv_v2_cta_worker_sp"]) { width: 36%; left: 64%; top: auto; bottom: 17%; }
 .hero-static.hero-layer--sp:has(img[src*="fv_v2_cta_copy_sp"]) { width: 64%; z-index: 22; }
}

/* キャプチャに合わせ、斜めの切替を明確にし上部の四角いぼかしを除く。 */
@media (max-width: 767px) {
 .hero-background-sp--wave { height: 25.5%; background-image: linear-gradient(110deg,#07317c,#034ca8); clip-path: polygon(0 0,100% 0,100% 100%,0 96%); }
 .hero-background-sp--wave::after { content: ''; position: absolute; inset: 90% 0 0; background: #55a4e2; clip-path: polygon(0 0,100% 65%,100% 100%,0 100%); }
 .hero-static.hero-layer--sp:has(img[src*="cta_glow_4"]) { display: none !important; }
 .hero-background-sp--house { top: 68.5%; mask-image: linear-gradient(to right,transparent,#000 38%); -webkit-mask-image: linear-gradient(to right,transparent,#000 38%); }
}

/* 人物はCTA内の最背面。水色の下辺は右上がりにそろえる。 */
@media (max-width: 767px) {
 .hero-static.hero-layer--sp:has(img[src*="fv_v2_cta_worker_sp"]) { z-index: 0; }
 .hero-background-sp--wave { clip-path: polygon(0 0,100% 0,100% 96%,0 100%); }
 .hero-background-sp--wave::after { clip-path: polygon(0 0,100% 65%,0 100%); }
}

/* キャプチャの人物比率と、見出し・補足・CTAの余白にそろえる。 */
@media (max-width: 767px) {
 .hero-static.hero-layer--sp:has(img[src*="fv_v2_cta_worker_sp"]) { width: 46.25603865%; left: 53.74396135%; bottom: 16.17054291%; translate: 0 calc(-4 * var(--unit)); }
 .hero-static.hero-layer--sp:has(img[src*="fv_v2_cta_copy_sp"]) { width: 72.58454106%; }
 #cta-arrival-hero { margin-top: calc(-6 * var(--unit)); }
 .hero-static.hero-layer--sp:has(img[src*="fv_v2_cta_copy_sp"]),
 .hero-static.hero-layer--sp:has(img[src*="fv_v2_benefit_"]),
 .hero-static.hero-layer--sp:has(img[src*="fv_v2_phone_"]),
 .hero-static.hero-layer--sp:has(img[src*="fv_v2_reassurance_sp"]),
 .hero-scene > .tokai-local-badge.hero-layer--sp { translate: 0 calc(-4 * var(--unit)); }
}

@media (max-width: 767px) {
 .hero-background-sp--wave { height: 24%; }
 .hero-background-sp--house { top: 67%; }
}
