/* Version 5: approved closing visuals. Desktop keeps the artwork intact;
   mobile presents the same content as readable, operable HTML. */
.visual-cta,.visual-footer{position:relative;overflow:hidden;font-family:Inter,"Noto Sans JP",sans-serif}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.visual-cta{background:#e7fff1}
.visual-cta-art,.visual-footer-art{position:relative;width:100%}
.visual-cta-art img,.visual-footer-art img{display:block;width:100%;height:auto}
.visual-cta-hotspot,.visual-footer-hotspot{position:absolute;display:block;border-radius:100px;z-index:2}
.visual-cta-hotspot:focus-visible,.visual-footer-hotspot:focus-visible{outline:4px solid #116b67;outline-offset:3px;background:#ffffff35}
.visual-cta-hotspot:hover,.visual-footer-hotspot:hover{background:#ffffff25}
.visual-cta-hotspot.single{left:35.5%;top:57%;width:29%;height:12%}
.visual-cta-hotspot.first{left:28%;top:52%;width:21%;height:12%}
.visual-cta-hotspot.second{left:51%;top:52%;width:21%;height:12%}
.visual-cta-mobile,.visual-footer-mobile{display:none}
body>footer.visual-footer{padding:0;background:#e9ffed;color:#123f38}
.visual-footer-hotspot{border-radius:20px}
.visual-footer-hotspot.action-1{left:38.8%;top:18.8%;width:21.7%;height:17.8%}
.visual-footer-hotspot.action-2{left:61.5%;top:18.8%;width:21.8%;height:17.8%}
.visual-footer-hotspot.action-3{left:38.8%;top:39.4%;width:21.7%;height:17.8%}
.visual-footer-hotspot.action-4{left:61.5%;top:39.4%;width:21.8%;height:17.8%}
.visual-footer-hotspot.nav{top:75%;height:7%;border-radius:4px}
.visual-footer-hotspot.nav-1{left:3.5%;width:5%}.visual-footer-hotspot.nav-2{left:9.4%;width:6.6%}.visual-footer-hotspot.nav-3{left:16.5%;width:7%}.visual-footer-hotspot.nav-4{left:24.2%;width:8.4%}.visual-footer-hotspot.nav-5{left:33%;width:10.1%}.visual-footer-hotspot.nav-6{left:43.7%;width:7.4%}.visual-footer-hotspot.nav-7{left:51.5%;width:6.2%}.visual-footer-hotspot.nav-8{left:58.1%;width:7.5%}.visual-footer-hotspot.nav-9{left:66%;width:8.5%}.visual-footer-hotspot.nav-10{left:74.8%;width:11.5%}
@media(max-width:900px){
 .visual-cta-art,.visual-footer-art{display:none}
 .visual-cta-mobile{display:flex;min-height:340px;padding:62px 7vw 70px;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 7% 50%,#e0ff9a8c,transparent 45%),radial-gradient(circle at 95% 78%,#8ce7ff96,transparent 50%),linear-gradient(125deg,#fbfff0,#e1fff6 55%,#e9faff)}
 .visual-cta-mobile .eyebrow{color:#267965;font-size:.86rem;margin-bottom:22px;letter-spacing:.17em}
 .visual-cta-mobile h2{font-size:clamp(1.85rem,7vw,2.7rem);line-height:1.42;letter-spacing:-.045em;color:#083f36;margin:0 0 25px;overflow-wrap:normal}
 .visual-cta-mobile p{font-size:1rem;line-height:1.75;color:#164a42;margin:0 0 26px}
 .visual-cta-mobile .actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:min(100%,440px)}
 .visual-cta-mobile .actions a{display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px 18px;background:linear-gradient(100deg,#eeffae,#aef4e3 55%,#a2eaff);border-radius:99px;color:#0b433b;font-weight:800;font-size:.94rem;box-shadow:0 8px 20px #3ab9ab27;text-align:center}
 .visual-cta-mobile .actions a:focus-visible,.visual-footer-mobile a:focus-visible{outline:3px solid #116b67;outline-offset:3px}
 .visual-footer-mobile{display:block;padding:52px 7vw 28px;background:radial-gradient(circle at 7% 4%,#dfffbd,transparent 52%),linear-gradient(145deg,#e8fff4,#d6f9f3)}
 .visual-footer-mobile .footer-top{display:block}
 .visual-footer-mobile .footer-brand{background:transparent}
 .visual-footer-mobile .footer-top p{font-size:1rem;margin:8px 0 28px}
 .visual-footer-mobile .footer-actions{display:grid;grid-template-columns:1fr;gap:11px}
 .visual-footer-mobile .footer-actions a{display:block;border:1px solid #72d4a7;background:#ffffffc9;padding:17px 18px;border-radius:16px;color:#12463c;font-size:.94rem;font-weight:800}
 .visual-footer-mobile .footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px;margin-top:36px;padding-top:23px;border-top:1px solid #62aa93}
 .visual-footer-mobile .footer-nav a{padding:7px 0;color:#19463f;font-size:.8rem}
 .visual-footer-mobile .copyright{margin-top:27px;color:#53756b}
}