.plan-page{--navy:#1a2744;--navy-dark:#0f1a2e;--blue:#2e6be6;--blue-hover:#2458c4;--blue-light:#edf3fd;--green:#10b981;--text:#1a1a2e;--text-sub:#5a6270;--white:#fff;--bg-white:#fff;--bg-light:#f5f7fa;--border:#e0e4e8;color:var(--text);background:var(--bg-white);font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;line-height:1.8;overflow-x:hidden}.plan-page img{max-width:100%;height:auto;display:block}.plan-page a{color:inherit;text-decoration:none}.plan-page .container{max-width:960px;margin:0 auto;padding:0 24px}.plan-page .section-padding{padding:80px 0}.plan-page .text-center{text-align:center}.plan-page .section-title{letter-spacing:-.02em;color:var(--navy);margin-bottom:16px;font-size:2rem;font-weight:900;line-height:1.4}.plan-page .section-sub{color:var(--text-sub);margin-bottom:40px;font-size:1.0625rem;line-height:1.8}.plan-page .cta-button{background:var(--blue);color:var(--white);cursor:pointer;letter-spacing:.05em;border:none;border-radius:8px;padding:16px 40px;font-size:1rem;font-weight:700;transition:all .3s;display:inline-block;box-shadow:0 4px 16px #2e6be659}.plan-page .cta-button:hover{background:var(--blue-hover);transform:translateY(-2px);box-shadow:0 6px 24px #2e6be673}.plan-page .cta-button-sub{color:var(--navy);border:2px solid var(--navy);cursor:pointer;background:0 0;border-radius:8px;padding:14px 36px;font-size:.9375rem;font-weight:700;transition:all .3s;display:inline-block}.plan-page .cta-button-sub:hover{background:var(--navy);color:var(--white)}.plan-page .header{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a2744f2;border-bottom:1px solid #ffffff1a;padding:12px 0;position:fixed;top:0;left:0;right:0}.plan-page .header .container{justify-content:space-between;align-items:center;display:flex}.plan-page .header-logo{width:auto;height:72px}.plan-page .header-nav{align-items:center;gap:24px;display:flex}.plan-page .header-nav>a:not(.header-cta){color:#fffc;white-space:nowrap;font-size:.875rem;font-weight:500;transition:color .3s}.plan-page .header-nav>a:not(.header-cta):hover{color:var(--white)}.plan-page .header-cta{background:var(--blue);color:var(--white);white-space:nowrap;border-radius:6px;padding:10px 24px;font-size:.875rem;font-weight:700;transition:background .3s;display:inline-block}.plan-page .header-cta:hover{background:var(--blue-hover)}.plan-page .floating-cta{display:none}@media (min-width:769px){.plan-page .floating-cta{z-index:99;background:var(--blue);color:var(--white);letter-spacing:.05em;border-radius:50px;justify-content:center;align-items:center;padding:16px 28px;font-size:.9375rem;font-weight:700;transition:all .3s;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 4px 20px #2e6be673}.plan-page .floating-cta:hover{background:var(--blue-hover);transform:translateY(-2px);box-shadow:0 6px 28px #2e6be68c}}@keyframes planShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.plan-page .floating-cta.shake{animation:.4s planShake}.plan-page .hero-cta-wrap{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.plan-page .hero-cta-sub{color:var(--white);cursor:pointer;background:0 0;border:2px solid #fff9;border-radius:8px;padding:14px 36px;font-size:.9375rem;font-weight:700;transition:all .3s;display:inline-block}.plan-page .hero-cta-sub:hover{border-color:var(--white);background:#ffffff26}.plan-page .problem-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px;display:grid}.plan-page .problem-card{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;padding:32px 28px;transition:box-shadow .3s}.plan-page .problem-card:hover{box-shadow:0 4px 24px #00000014}.plan-page .problem-icon{margin-bottom:12px;font-size:2rem}.plan-page .problem-card h3{color:var(--navy);margin-bottom:12px;font-size:1.125rem;font-weight:700;line-height:1.5}.plan-page .problem-card p{color:var(--text-sub);font-size:.9375rem;line-height:1.8}.plan-page .how-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.plan-page .how-card{background:var(--bg-white);border:1px solid var(--border);text-align:center;border-radius:16px;padding:36px 28px;transition:all .3s;position:relative}.plan-page .how-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001a}.plan-page .how-icon{background:var(--blue-light);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:2rem;display:flex}.plan-page .how-card h3{color:var(--navy);margin-bottom:12px;font-size:1.125rem;font-weight:700;line-height:1.5}.plan-page .how-card p{color:var(--text-sub);font-size:.9375rem;line-height:1.8}.plan-page .customize-box{background:linear-gradient(135deg,var(--navy)0%,#2a3f6f 100%);color:var(--white);border-radius:20px;align-items:center;gap:40px;margin-top:40px;padding:60px 48px;display:flex;position:relative;overflow:hidden}.plan-page .customize-box-content{z-index:1;flex:1;position:relative}.plan-page .customize-box-visual{z-index:1;flex-shrink:0;width:320px;position:relative}.plan-page .customize-box-visual img{border-radius:12px;width:100%;height:auto}.plan-page .customize-box h3{margin-bottom:24px;font-size:1.5rem;font-weight:900}.plan-page .customize-box p{opacity:.9;margin-bottom:8px;font-size:1.0625rem;line-height:2}.plan-page .flow-timeline{max-width:680px;margin-top:40px;margin-left:auto;margin-right:auto}.plan-page .flow-step{padding-bottom:48px;padding-left:80px;position:relative}.plan-page .flow-step:not(:last-child):before{content:"";background:var(--blue);opacity:.3;width:2px;position:absolute;top:56px;bottom:0;left:27px}.plan-page .flow-step-number{background:var(--blue);width:56px;height:56px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:900;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 12px #2e6be64d}.plan-page .flow-step h3{color:var(--navy);margin-bottom:8px;padding-top:14px;font-size:1.25rem;font-weight:700}.plan-page .flow-step p{color:var(--text-sub);font-size:.9375rem;line-height:1.8}.plan-page .flow-step .flow-badge{background:var(--blue-light);color:var(--blue);border-radius:20px;margin-top:8px;padding:4px 14px;font-size:.8125rem;font-weight:700;display:inline-block}.plan-page .pricing-plans{grid-template-columns:repeat(2,1fr);gap:24px;max-width:640px;margin-top:40px;margin-left:auto;margin-right:auto;display:grid}.plan-page .pricing-card{background:var(--bg-white);border:2px solid var(--border);text-align:center;border-radius:16px;padding:40px 28px;transition:all .3s;position:relative}.plan-page .pricing-card:hover{box-shadow:0 8px 32px #00000014}.plan-page .pricing-card-recommended{border-color:var(--blue);box-shadow:0 4px 24px #2e6be626}.plan-page .pricing-badge{background:var(--blue);color:var(--white);white-space:nowrap;border-radius:20px;padding:4px 20px;font-size:.8125rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.plan-page .pricing-card h4{color:var(--navy);margin-bottom:8px;font-size:1.125rem;font-weight:700}.plan-page .pricing-price{justify-content:center;align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.plan-page .pricing-amount{color:var(--blue);font-size:3.5rem;font-weight:900;line-height:1}.plan-page .pricing-unit{color:var(--text-sub);font-size:1.125rem;font-weight:700}.plan-page .pricing-per{color:var(--text-sub);font-size:.875rem;font-weight:500}.plan-page .pricing-desc{color:var(--text-sub);margin-bottom:20px;font-size:.9375rem}.plan-page .pricing-features{text-align:left;margin:0 0 24px;padding:0;list-style:none}.plan-page .pricing-features li{color:var(--text-sub);padding:6px 0;font-size:.9375rem}.plan-page .pricing-features li strong{color:var(--blue);vertical-align:baseline;font-size:1.75rem;font-weight:900;line-height:1}.plan-page .pricing-note{color:var(--text-sub);margin-top:16px;font-size:.8125rem}.plan-page .faq-list{max-width:720px;margin-top:40px;margin-left:auto;margin-right:auto}.plan-page .faq-item{border-bottom:1px solid var(--border);padding:24px 0}.plan-page .faq-question{color:var(--navy);cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:1rem;font-weight:700;display:flex}.plan-page .faq-question:before{content:"Q.";color:var(--blue);flex-shrink:0;font-weight:900}.plan-page .faq-answer{color:var(--text-sub);padding-left:28px;font-size:.9375rem;line-height:1.8}.plan-page .cta-section{background:var(--navy);color:var(--white);text-align:center;padding:80px 0}.plan-page .cta-section h2{color:var(--white);margin-bottom:16px;font-size:1.75rem;font-weight:900}.plan-page .cta-section p{opacity:.9;margin-bottom:8px;font-size:1rem;line-height:1.8}.plan-page .cta-section .cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:32px;display:flex}.plan-page .cta-note{opacity:.7;margin-top:16px;font-size:.8125rem}.plan-page .inline-cta{background:var(--bg-light);text-align:center;border-radius:16px;margin:40px 0;padding:40px}.plan-page .inline-cta p{color:var(--text);margin-bottom:20px;font-size:1.0625rem;line-height:1.8}.plan-page .footer{background:var(--navy-dark);color:#fff9;text-align:center;padding:40px 0;font-size:.8125rem}.plan-page .footer-logo{margin:0 auto 12px}.plan-page .footer-company{margin-bottom:8px}@media (max-width:768px){.plan-page .section-title{font-size:1.5rem}.plan-page .problem-grid,.plan-page .how-grid,.plan-page .pricing-plans{grid-template-columns:1fr}.plan-page .header-nav{display:none}.plan-page .hero-cta-wrap{flex-direction:column;justify-content:center;align-items:center}.plan-page .section-padding{padding:56px 0}.plan-page .customize-box{flex-direction:column;padding:40px 24px}.plan-page .customize-box-visual{width:100%;max-width:300px}.plan-page .flow-step{padding-left:64px}.plan-page .flow-step-number{width:48px;height:48px;font-size:1.125rem}.plan-page .flow-step:not(:last-child):before{left:23px}}
