*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#62b34e;--color-primary-strong:#3f7f32;--color-primary-soft:#62b34e1f;--color-accent:#d88c24;--color-text-dark:#122018;--color-text-light:#48564d;--color-text-muted:#7c887f;--color-background:#f7faf6;--color-background-alt:#eef4ee;--color-surface:#ffffffe0;--color-surface-strong:#fff;--color-border:#1220181a;--color-border-strong:#12201829;--color-shadow:#0a1c121f;--shadow-light:0 14px 36px #0a1c1214;--shadow-medium:0 24px 64px #0a1c121f;--shadow-card:0 22px 54px #0a1c121a;--container-max-width:1240px;--container-padding:32px;--container-padding-tablet:24px;--container-padding-mobile:18px;--border-radius-small:12px;--border-radius-medium:20px;--border-radius-large:32px;--transition-fast:.2s ease;--transition-normal:.35s ease;--transition-slow:.5s ease}html{scroll-behavior:smooth}html,body{overflow-x:hidden}body{color:var(--color-text-dark);min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 0 0,#62b34e14,#0000 28%),linear-gradient(#f9fbf7 0%,#f4f8f2 100%);font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:16px;font-weight:400;line-height:1.7}a{color:inherit}img,video{max-width:100%;height:auto}button,input,textarea,select{font:inherit}::selection{background:#62b34e38}:focus-visible{outline-offset:3px;outline:3px solid #62b34e42}.container{max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.mobile-break,.pc-break{display:none}.no-break{white-space:nowrap}.no-widow{word-break:keep-all;overflow-wrap:break-word}@media (min-width:1024px){.pc-break{display:inline}}@media (max-width:1023px){.container{padding:0 var(--container-padding-tablet)}}@media (max-width:767px){.container{padding:0 var(--container-padding-mobile)}.mobile-break{display:inline}.pc-break{display:none}}
.glass-effect{box-shadow:var(--shadow-light);border-radius:var(--border-radius-medium);-webkit-backdrop-filter:blur(12px);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);background:linear-gradient(#ffffffeb,#ffffffd1);border:1px solid #12201814}.glass-effect:hover{box-shadow:var(--shadow-medium);border-color:#62b34e2e;transform:translateY(-3px)}.btn{letter-spacing:.04em;cursor:pointer;min-height:52px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn:after{content:"→";font-size:14px;line-height:1}.btn-primary{color:#fff;background:linear-gradient(135deg,#78c95e 0%,#62b34e 48%,#3f7f32 100%);box-shadow:0 18px 36px #62b34e47}.btn-secondary{color:var(--color-primary-strong);background:#ffffffc7;border-color:#62b34e3d;box-shadow:0 14px 28px #12201814}.btn:hover{opacity:1;transform:translateY(-2px)}.btn-primary:hover{box-shadow:0 22px 42px #62b34e52}.btn-secondary:hover{background:#fff;border-color:#62b34e61}.btn-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.section{padding:96px 0}.section.alt{background:linear-gradient(#eef4eee6 0%,#f7faf6f2 100%)}.section-header{text-align:center;max-width:920px;margin:0 auto 64px}.section-title{color:var(--color-text-dark);letter-spacing:.02em;margin-bottom:18px;font-size:clamp(32px,4vw,46px);font-weight:800;line-height:1.28}.section-underline{background:linear-gradient(90deg,#62b34e00,#62b34ee0,#d88c247a);border-radius:999px;width:88px;height:4px;margin:0 auto}.section-subtext,.section-lead{color:var(--color-text-light);font-size:17px;line-height:1.85}.feature-tag{color:#a36313;white-space:nowrap;background:#d88c241f;border-radius:999px;align-items:center;gap:8px;margin:4px 8px 4px 0;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.feature-tag:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.product-link{color:inherit;transition:transform var(--transition-normal),opacity var(--transition-normal);text-decoration:none;display:block}.product-link:focus .product-card,.product-link:hover .product-card{opacity:.96;transform:translateY(-4px)}.faq-item{margin-bottom:16px;padding:24px}.faq-item .q{color:var(--color-text-dark);margin-bottom:12px;font-size:18px;font-weight:700}.faq-item .a{color:var(--color-text-light);font-size:16px;line-height:1.8}.flow-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.flow-step{text-align:center;color:var(--color-text-dark);min-width:120px;padding:18px 24px;font-size:16px;font-weight:500;position:relative}@media (max-width:1023px){.section{padding:80px 0}.section-header{margin-bottom:48px}}@media (max-width:767px){.section{padding:68px 0}.section-header{margin-bottom:36px}.section-title{font-size:28px}.btn,.btn-row .btn{width:100%}.btn-row{justify-content:center}.flow-steps{flex-direction:column;gap:12px}.feature-tag{padding:5px 10px;font-size:12px}}
.main{position:relative}.header{z-index:1000;-webkit-backdrop-filter:blur(18px);background:#fffc;border-bottom:1px solid #12201814;padding:16px 0;position:sticky;top:0;box-shadow:0 10px 30px #0f18120d}.header .container{justify-content:space-between;align-items:center;gap:24px;display:flex}.logo{align-items:center;display:flex}.logo-image{object-fit:contain;width:auto;height:44px}.nav{align-items:center;display:flex}.nav-list{align-items:center;gap:28px;list-style:none;display:flex}.nav-list a{color:#122018d6;letter-spacing:.02em;transition:color var(--transition-normal),transform var(--transition-fast),background var(--transition-normal),border-color var(--transition-normal);font-size:15px;font-weight:500;text-decoration:none;position:relative}.nav-list a:after{content:"";opacity:0;height:2px;transition:opacity var(--transition-fast),transform var(--transition-fast);background:linear-gradient(90deg,#62b34e00,#62b34ed9,#62b34e00);border-radius:999px;position:absolute;bottom:-8px;left:0;right:0;transform:translateY(4px)}.nav-list a:hover,.nav-list a.active{color:var(--color-primary-strong)}.nav-list a:hover:after,.nav-list a.active:after{opacity:1;transform:translateY(0)}.nav-list li:last-child a{background:linear-gradient(135deg,#62b34e29,#62b34e0f);border:1px solid #62b34e38;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;display:inline-flex;box-shadow:0 10px 24px #62b34e1f}.nav-list li:last-child a:after{display:none}.mobile-menu-toggle{cursor:pointer;background:#ffffffb3;border:1px solid #12201814;border-radius:12px;flex-direction:column;gap:4px;padding:10px;display:none;box-shadow:0 10px 24px #0a1c1214}.mobile-menu-toggle span{background:var(--color-text-dark);width:24px;height:2px;transition:all var(--transition-normal)}.footer{color:#f7fbf7;background:radial-gradient(circle at 100% 0,#62b34e33,#0000 30%),linear-gradient(135deg,#13271b 0%,#0d1711 100%);margin-top:auto;padding:84px 0 24px;position:relative;overflow:hidden}.footer:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0,#ffffff0a 50%,#0000 100%),radial-gradient(circle at 0 100%,#d88c2429,#0000 26%);position:absolute;inset:0}.footer .container{z-index:1;position:relative}.footer-content{grid-template-columns:minmax(0,1.5fr) minmax(260px,.9fr);gap:48px;margin-bottom:40px;display:grid}.footer-logo h3{color:#fff;margin-bottom:16px;font-size:clamp(24px,3vw,30px);font-weight:700}.footer-logo p{color:#ffffffbd;max-width:34rem;font-size:16px;line-height:1.9}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px 18px;display:grid}.footer-links a{color:#ffffffc7;transition:color var(--transition-normal),transform var(--transition-fast);font-size:15px;text-decoration:none}.footer-links a:hover,.footer-links a.active{color:#fff;transform:translate(3px)}.footer-bottom{text-align:center;border-top:1px solid #ffffff1f;padding-top:20px}.footer-bottom p{color:#ffffff8f;font-size:13px}.hero{text-align:center;background:0 0;padding:96px 0 72px}.hero-title{color:var(--color-text-dark);margin-bottom:28px;font-size:clamp(40px,5vw,58px);font-weight:800;line-height:1.18}.hero-title:after{content:"";background:linear-gradient(90deg,var(--color-primary),#62b34e33);border-radius:999px;width:72px;height:4px;margin:24px auto 0;display:block}.hero-subtitle{color:var(--color-text-light);max-width:52rem;margin:0 auto;font-size:clamp(18px,2vw,22px);font-weight:400;line-height:1.8}.banner-section{background:0 0;padding:40px 0 16px}.banner-image{width:100%;height:auto;max-width:var(--container-max-width);object-fit:cover;max-height:620px;box-shadow:var(--shadow-card);border-radius:28px}.product-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;display:grid}.problem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.solution-list{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.case-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.benefit-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.faq-list{max-width:800px;margin:0 auto}@media (max-width:1023px){.header{padding:14px 0}.nav-list{display:none}.mobile-menu-toggle{display:flex}.footer-content{grid-template-columns:1fr;gap:28px}.footer-links{grid-template-columns:1fr 1fr}.hero{padding:84px 0 64px}.product-grid,.problem-grid,.solution-list,.case-grid,.benefit-grid{grid-template-columns:1fr;gap:24px}}@media (max-width:767px){.logo-image{height:38px}.hero{padding:72px 0 56px}.banner-section{padding:28px 0 12px}.banner-image{border-radius:22px}.footer{padding:72px 0 20px}.footer-links{grid-template-columns:1fr}}