/* Approved LP design · 2026-10-15. */
:root{--green:#388846;--green2:#67ad58;--deep:#2f6239;--mint:#edf8e8;--mint2:#f6fbf2;--beige:#faf9f1;--cream:#fffefb;--border:#dce8d5;--gold:#b69b58;--text:#304236;--muted:#647463;--shadow:0 12px 36px rgba(61,102,45,.10);--shadow-soft:0 5px 20px rgba(61,102,45,.065)}
html{scroll-padding-top:170px}
body{color:var(--text);background:#fffefb;padding-top:155px!important}
body .header-top{background:#eaf5e4;color:#38663c;border-top:4px solid #78b65e;font-size:12px}
body .header-main{background:#fff;box-shadow:0 3px 18px #46683e0a;border-bottom:1px solid #e4eddf}
body .header-main-inner{width:min(1440px,calc(100% - 64px));min-height:116px;gap:22px}
body .lp-brand{display:block;position:relative;container-type:inline-size;width:clamp(310px,29vw,420px);flex:0 0 auto;line-height:0;gap:0}
body .lp-brand img{display:block;width:100%;height:auto;max-width:none;border:0;box-shadow:none;border-radius:0}
body .lp-brand .brand-city{position:absolute;display:flex;align-items:center;justify-content:center;inset:0 0 auto;height:21.55%;padding:0;background:#fff;color:#66309a;font-family:Meiryo,'Yu Gothic',sans-serif;font-size:3.7cqw;font-weight:800;letter-spacing:0;white-space:nowrap;line-height:1;margin:0}
body .global-nav{gap:15px;font-size:13px;color:#486048}
body .global-nav a{position:relative;transition:color .2s}
body .global-nav a:hover{color:#388846}
body .global-nav a:focus-visible,body summary:focus-visible{outline:3px solid #77b15b;outline-offset:5px}
body .mini-btn{box-shadow:none;border-radius:8px;padding-inline:12px}
body .hero{background-color:#f1f8eb}
body .hero .hero-copy{border:1px solid #ffffffd9;box-shadow:0 12px 36px #416a3420;background:rgba(255,255,251,.95)!important}
body .hero h1{color:#355c35;letter-spacing:.035em}
body .hero h1 span{color:#398844;background:linear-gradient(transparent 74%,#e0efd2 0)}
body .hero .kicker{background:#e8f4de!important;color:#316b35!important;border:1px solid #c9deb9!important;box-shadow:none!important}
body .hero .kicker:before{background:#76ad50;box-shadow:0 0 0 4px #76ad501a}
body .hero-badges span{border-color:#dfead7;color:#426a3c;box-shadow:0 2px 6px #536c3f08;border-radius:10px}
body .hero-badges span:before{background:#eaf4e0;color:#438d40}
body .section{background-color:#fffefb}
body .section-soft{background:#f3f9ee}
body .section-beige{background:#faf9f1}
body .section-title>span{color:#619345;font-size:12px;letter-spacing:.2em}
body .section-title h2{color:#345e37;letter-spacing:.04em}
body .section-title h2:after{width:54px;height:3px;margin-top:22px;background:linear-gradient(90deg,#70ac52 0 65%,#d4bf82 65%)}
body .section-title p{color:#657561;line-height:1.9}
body .reason-grid article,body .plan-card,body .case-card,body .voice-card,body .card-large,body .info-card,body .consult-box,body .flow-grid article,body .facility-card,body .hall-card{border-color:#dfe8d8;border-radius:18px;box-shadow:0 5px 20px #466a360b}
body .reason-grid article{border-top:3px solid #94bd70}
body .reason-grid article:before{background:#f0f7e8}
body .reason-grid b{color:#82a758}
body .reason-grid h3,body .plan-card h3,body .case-body h3,body .voice-card h3,body .facility-card h3{color:#3c693d}
body .plan-card{border-top:3px solid #a5c880}
body .plan-card a{border-color:#99bd7a;background:#f6faef;color:#386b36;min-height:42px;transition:background .2s,color .2s,transform .2s}
body .plan-card a:hover{background:#438846;color:#fff;transform:translateY(-2px)}
body .plan-icon{background:#eff7e7}
body .check-grid>div{background:#fff;border:1px solid #dfe9d7;border-radius:12px;box-shadow:0 3px 12px #42682e08;color:#4a6247}
body .check-grid>div:before{background:#85af5c;color:#fff}
body .message-box{background:#eaf5e1;border-color:#d4e7c6;box-shadow:none;color:#476740;border-radius:14px}
/* Availability banner white text */
body .availability-jump-banner{background-image:linear-gradient(110deg,#477c32,#527f35)!important;background-color:#477c32!important;border:1px solid #7ca55e!important;box-shadow:0 6px 18px #4d752c19!important;color:#fff!important;border-radius:16px!important}
body .availability-jump-banner strong,body .availability-jump-banner small,body .availability-jump-copy{color:#fff!important;text-shadow:none!important}
body .availability-jump-action,body .availability-jump-arrow{background:#00000012!important;color:#fff!important;border-color:#ffffff80!important}
body .availability-jump-banner:before,body .availability-jump-banner:after{opacity:0}
body .availability-jump-icon{background:#00000012!important;color:#fff!important}
body .availability-jump-icon svg{fill:currentColor}
body .hall-flower-banner{background:#f3f7ed!important;color:#497041!important;border:1px solid #d3e3c5;box-shadow:none}
body .dark-section{background:linear-gradient(125deg,#4e9450,#74aa55)!important;color:#fff}
body .dark-section .section-title h2,body .dark-section .section-title>span{color:#fff!important}
body .dark-section .section-title p,body .transport-copy>p{color:#fff!important}
body .dark-section .section-title h2:after{background:#dbecc4}
body .emergency-card{box-shadow:0 8px 26px #274a2618;border-radius:18px}
body .mini-steps div{border:1px solid #fff9;box-shadow:none}
body .final-cta{background:linear-gradient(125deg,#4c9450,#7bb15b)!important}
body .final-cta h2,body .final-cta p{color:#fff}
body .consult-box,body .cta-design:not(.final-cta):not(.dark-section){border-color:#d5e5c8}
body .site-footer{background:#477846;color:#f0f7e9}
body .site-footer a{color:#fff}
body .faq-list details,body .faq-group,body .hall-guide-block,body .saitama-guide-block{border-color:#dce8d3;box-shadow:0 3px 12px #4d713408}
body .faq-group-title,body .hall-guide-block>summary,body .saitama-guide-block>summary{background:#eef6e6!important;color:#3c6836!important}
body .faq-list summary,body .hall-accordion summary{color:#3c6836}
body .faq-list summary:before{color:#77a450}
body .faq-list details[open]{border-color:#b4d09b}
body .faq-list details[open]>summary{background:#f5faee}
body .faq-list details>p{padding-top:16px}
body .cta{box-shadow:0 5px 12px #364d2b15!important;border-radius:10px!important;transition:transform .2s,box-shadow .2s}
body .cta:hover{transform:translateY(-2px);box-shadow:0 8px 18px #364d2b22!important}
#main a.cta.cta-tel,body a.cta.cta-tel,body .emergency-card>a{background:linear-gradient(120deg,#ba672c,#a75423)!important}
#main a.cta.cta-mail,body a.cta.cta-mail{background:linear-gradient(120deg,#487b88,#346b78)!important}
#main a.cta.cta-line,body a.cta.cta-line{background:linear-gradient(120deg,#408b4b,#327b3e)!important}
body .mini-btn.mini-tel,body .mobile-fixed-cta .m-tel,body .fixed-bottom-cta .fixed-tel{background:#ad5d29!important}
body .mini-btn.mini-mail,body .mobile-fixed-cta .m-mail,body .fixed-bottom-cta .fixed-mail{background:#417684!important}
body .mini-btn.mini-line,body .mobile-fixed-cta .m-line,body .fixed-bottom-cta .fixed-line{background:#3c8545!important}





@media(min-width:821px) and (max-width:1350px){body .header-actions{display:none}body .header-main-inner{width:calc(100% - 48px)}body .global-nav{gap:16px}}
@media(max-width:1020px) and (min-width:821px){body .lp-brand{width:310px}body .global-nav{gap:10px;font-size:12px}}
@media(max-width:820px){body .header-main-inner{width:calc(100% - 28px);min-height:88px;gap:10px;position:relative}body .lp-brand{width:min(78%,360px)}body .menu-toggle{width:42px;height:46px;flex-shrink:0;border-radius:10px;background:#eef6e5}body .global-nav{top:calc(100% + 2px);left:0;right:0;z-index:30}body .hero .hero-copy{border-radius:18px!important}body .section-title h2{letter-spacing:.025em}body .section-title>span{font-size:11px}body .reason-grid article,body .plan-card,body .facility-card{border-radius:14px}body .section-title h2:after{margin-top:16px}body .availability-jump-banner{border-radius:12px!important}.design-preview-label{font-size:10px;padding:4px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body .cta,body .plan-card a{transition:none}}
@media(max-width:520px){body .hero .kicker{font-size:13px!important;padding:10px 14px!important;line-height:1.75!important}body .hero h1 .hero-line-nowrap{font-size:clamp(18px,5.8vw,28px)!important;white-space:nowrap!important;letter-spacing:.025em!important}body .hero h1{line-height:1.55!important}body .hero-badges span{font-size:12px!important}}
@media(max-width:820px){html{scroll-padding-top:104px}body{padding-top:89px!important}}

/* Pastel contact buttons · 2026-10-15. LP content only. */
body #main a.cta.cta-tel,body a.cta.cta-tel,body a.mini-btn.mini-tel,body .emergency-card>a[href^="tel:"]{
 --contact-surface:#fff0bf;--contact-ink:#655125;--contact-border:#e7d69e;--contact-hover:#ffebaa;
}
body #main a.cta.cta-mail,body a.cta.cta-mail,body a.mini-btn.mini-mail{
 --contact-surface:#ffe5da;--contact-ink:#784d3f;--contact-border:#edcdbf;--contact-hover:#ffdccd;
}
body #main a.cta.cta-line,body a.cta.cta-line,body a.mini-btn.mini-line{
 --contact-surface:#def2d6;--contact-ink:#355f3c;--contact-border:#bddab2;--contact-hover:#d1ebc7;
}
body #main a.cta:is(.cta-tel,.cta-mail,.cta-line),body a.cta:is(.cta-tel,.cta-mail,.cta-line),body a.mini-btn:is(.mini-tel,.mini-mail,.mini-line),body .emergency-card>a[href^="tel:"]{
 background:var(--contact-surface)!important;color:var(--contact-ink)!important;
 border:1px solid var(--contact-border)!important;border-radius:16px!important;
 box-shadow:inset 0 1px 0 #ffffffb3,0 3px 9px #4560390d!important;
 font-weight:800!important;text-shadow:none!important;text-decoration:none!important;
 transition:background-color .18s,box-shadow .18s,transform .18s;
}
body #main a.cta:is(.cta-tel,.cta-mail,.cta-line):hover,body a.cta:is(.cta-tel,.cta-mail,.cta-line):hover,body a.mini-btn:is(.mini-tel,.mini-mail,.mini-line):hover,body .emergency-card>a[href^="tel:"]:hover{
 background:var(--contact-hover)!important;color:var(--contact-ink)!important;
 box-shadow:inset 0 1px 0 #ffffffb3,0 5px 12px #45603917!important;
 transform:translateY(-1px);filter:none!important;opacity:1!important;
}
body #main a.cta:focus-visible,body a.cta:focus-visible,body a.mini-btn:focus-visible,body .emergency-card>a[href^="tel:"]:focus-visible{
 outline:3px solid #618951;outline-offset:4px;
}
body #main a.cta small,body a.cta small{color:inherit!important;opacity:1!important}
body #main a.cta::before,body a.cta::before{color:inherit!important;text-shadow:none!important}
body #main a.cta.cta-line::before,body a.cta.cta-line::before{background:#ffffffb3!important;box-shadow:none!important}
body a.mini-btn{border-radius:12px!important}
@media(prefers-reduced-motion:reduce){body #main a.cta,body a.cta,body a.mini-btn,body .emergency-card>a[href^="tel:"]{transition:none;transform:none!important}}
