:root{--blue:#087d50;--hero:#42dd92;--cyan:#118252;--navy:#145d3d;--light:#effcf4;--yellow:#edff92;--orange:#0e8d57;--text:#243c31;--green:#06c755}
body{background:#fcfff9}.topbar{background:#e6fbef;color:#1b6342}.brand img{filter:none}.hero{background:linear-gradient(115deg,#65e9a4,#37d98b 60%,#86edb6)}.hero-copy{color:#124c32}.hero-price,.hero-price .digits,.hero-message{text-shadow:2px 3px 0 #eaffce}.hero-price .digits,.hero-price .yen,.hero-message{color:#124c32}.hero-price .yen small{color:#124c32}.hero-photo:after{background:#2bdb8530}.hero-left{background-image:url('/assets/car-interior.jpg');background-size:cover;background-position:55% center}.hero-right{background-image:url('/assets/hokkaido-winter-road.jpg');background-size:cover;background-position:50% 65%}.hero-image-caption{position:absolute;bottom:165px;right:16px;color:#173d2a;background:#ffffffcf;padding:2px 8px;font-size:9px;border-radius:20px}.hero-cars,.hero-benefits{border-color:#d8ffb3}.ribbon-orange{background:#dfff82;color:#1e5133;box-shadow:0 4px 0 #37aa70}.hero-benefits-footer{background:#167d51;color:white}.hero-benefits-footer strong{color:#eeffa1}.hero-cars strong{background:linear-gradient(transparent 60%,#e5ff9a 60%)}.blue-feature{background:#e4fbea;color:#245638}.blue-feature h2{color:#155335}.monthly-explainer,.concerns,.faq{background:#f3fcec}.banner-title{background:#fcfff9;border-color:#2ab274}.banner-title:before,.banner-title:after{background:#fcfff9;border-color:#2ab274}.price-section{background:#f8fef5}.car-card{background:white;border-radius:14px}.calc-title{background:#a8f2c2;color:#164f32}.calc-result{background:#f1fce4}.closing{background:#b4f4c7;color:#164f32}.closing h2{color:#164f32}.sub-hero{background:linear-gradient(115deg,#66e6a2,#a4f3b3);color:#164f32}.sub-hero h1,.sub-hero p{color:#164f32}.sub-hero h1{border-color:#e7ffa7}.outline-button,.guide-tile,.info-card{border-radius:12px}.car-card:hover{border-color:#35b87a}.photo-credits{max-width:1100px;margin:20px auto 0;padding:18px 24px;border-top:1px solid #ffffff33;color:inherit;font-size:11px;line-height:1.8}.photo-credits summary{cursor:pointer}.photo-credits a{text-decoration:underline}.service-image{margin:0;border-radius:18px;overflow:hidden;background:#eaf9ee;box-shadow:0 5px 0 #c6ebd2}.service-image img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center 60%}.service-image img[src*="winter"]{object-position:center 67%}.service-image figcaption{font-size:11px;padding:10px 16px;color:#306346}.editorial-photo{border-radius:16px}.editorial-photo img{object-position:center 65%}
/* LINE actions have a distinct white frame, solid lower edge and one slow light sweep. */
.line-button,.line-small,.mobile-cta a:last-child,.calc-line-link{position:relative;isolation:isolate;overflow:hidden;background:#06a846;color:white;border:3px solid #fff;box-shadow:0 5px 0 #086e37,0 9px 22px #0a8b4930;transition:transform .2s,box-shadow .2s,background .2s}.line-button{border-radius:20px;gap:22px}.line-small{border-radius:13px}.line-button:after{content:'→';font-size:25px;line-height:1;display:inline-block}.line-button:before,.line-small:before,.mobile-cta a:last-child:before{content:'';position:absolute;z-index:-1;inset:-40% auto -40% -55%;width:35%;background:linear-gradient(90deg,transparent,#ffffff60,transparent);transform:skewX(-22deg);animation:line-shine 7s ease-in-out infinite;pointer-events:none}.line-button:hover,.line-small:hover{background:#078b40;transform:translateY(-2px);box-shadow:0 7px 0 #086e37,0 13px 24px #0a8b4940}.line-button:active,.line-small:active{transform:translateY(3px);box-shadow:0 2px 0 #086e37}.line-button .bubble,.line-small .bubble{flex-shrink:0}.cta-caption{margin-top:16px}.mobile-cta{padding-bottom:max(12px,env(safe-area-inset-bottom));background:#fffdf5}.city [fill]:not([fill="white"]):not([fill="#fff"]){fill:#c2f5dd}.city [fill="#67bddb"]{fill:#62caa3}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#713dcc;outline-offset:5px}
@keyframes line-shine{0%,70%{left:-55%}88%,100%{left:125%}}
@media(max-width:600px){.hero-image-caption{display:none}.line-button{font-size:17px;gap:14px;padding:12px;border-radius:17px}.line-button:after{font-size:20px}.line-small{border-width:2px}.service-image{border-radius:14px}.photo-credits{padding:14px 18px}.mobile-cta a:last-child{border-radius:12px;border-width:2px}}
@media(prefers-reduced-motion:reduce){.line-button:before,.line-small:before,.mobile-cta a:last-child:before{animation:none}.line-button,.line-small{transition:none}}

/* Original Sapporo artwork, shown without cropping on desktop and mobile. */
.original-sapporo-hero{background:#fff;margin:0;padding:0}.original-sapporo-hero picture{display:block;max-width:1200px;margin:0 auto}.original-sapporo-hero img{display:block;width:100%;height:auto}.hero-price-note{max-width:1200px;margin:0 auto;padding:12px 22px;color:#486254;font-size:12px;line-height:1.7;background:#f4faf5}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.hero-price-note{font-size:10px;padding:10px 16px}}
/* Show each complete step artwork, including its number and caption. */
#points .step-photo{height:auto;aspect-ratio:250/303;padding:0;border:0;border-radius:10px;background:transparent;overflow:visible}
#points .step-photo img{display:block;width:100%;height:auto;aspect-ratio:250/303;object-fit:contain;border-radius:10px}
#points .step-grid{align-items:start}
#points .step-card{min-width:0}
#points .step-card+.step-card:before{top:105px}
@media(max-width:600px){#points .step-grid{gap:24px 16px}#points .step-photo,#points .step-photo img{border-radius:8px}}