:root{--c-primary: #C41E3A;--c-primary-dark: #A01830;--c-primary-light: rgba(196, 30, 58, .08);--c-black: #1A1A1A;--c-text: #2C2C2C;--c-text-light: #555555;--c-text-muted: #767676;--c-border: #DEDEDE;--c-bg: #FFFFFF;--c-bg-gray: #F6F6F4;--c-bg-dark: #18182A;--c-bg-dark-card: #24243C;--c-white: #FFFFFF;--c-red: #D32F2F;--c-green: #2E7D32;--c-yellow: #F9A825;--ff: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--fs-4xl: 3rem;--fs-hero: 3.5rem;--header-h: 72px;--ease: cubic-bezier(.22, 1, .36, 1);--dur-micro: .15s;--dur-base: .25s;--dur-slow: .6s;--radius: 8px;--radius-lg: 16px;--z-base: 10;--z-overlay: 20;--z-modal: 30;--z-header: 50;--z-progress: 60}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}body{font-family:var(--ff);font-size:var(--fs-base);line-height:1.8;color:var(--c-text);background:var(--c-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:var(--ff);cursor:pointer;border:none;background:none}:focus-visible{outline:3px solid var(--c-primary);outline-offset:3px;border-radius:3px}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.anim{opacity:1!important;transform:none!important;transition:none!important}.scroll-progress{display:none!important}}.container{max-width:1120px;margin:0 auto;padding:0 24px}.accent{color:var(--c-primary)}.pc{display:inline}.sp{display:none}.section{padding:100px 0}.section--gray{background:var(--c-bg-gray)}.section--dark{background:var(--c-bg-dark);color:var(--c-white)}.section--dark .section-label{color:var(--c-primary)}.section--dark .section-desc{color:#ffffffa6}.section-header{text-align:center;margin-bottom:56px}.section-label{display:inline-block;font-size:var(--fs-xs);font-weight:700;letter-spacing:.2em;color:var(--c-primary);margin-bottom:12px}.section-title{font-size:var(--fs-3xl);font-weight:900;line-height:1.35;color:inherit;max-width:28ch;margin:0 auto}.section-desc{margin-top:16px;font-size:var(--fs-lg);color:var(--c-text-light);max-width:52ch;margin-left:auto;margin-right:auto}.anim{opacity:0;transform:translateY(28px);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}.anim.visible{opacity:1;transform:translateY(0)}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--c-primary);z-index:var(--z-progress);transition:width .1s linear}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);height:var(--header-h);transition:background var(--dur-base),box-shadow var(--dur-base)}.header.scrolled{background:#fffffff7;box-shadow:0 1px 0 var(--c-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-inner{max-width:1120px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;flex-direction:column;cursor:pointer;transition:opacity var(--dur-micro)}.logo:hover{opacity:.75}.logo-main{font-size:var(--fs-xl);font-weight:900;color:var(--c-black);line-height:1.1}.logo-tagline{font-size:var(--fs-xs);font-weight:400;color:var(--c-text-muted);letter-spacing:.02em;margin-top:2px}.nav{display:flex;align-items:center;gap:32px}.nav-link{font-size:var(--fs-sm);font-weight:500;color:var(--c-text-light);position:relative;padding:4px 0;transition:color var(--dur-micro);cursor:pointer}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--c-primary);transition:width var(--dur-base) var(--ease)}.nav-link:hover{color:var(--c-black)}.nav-link:hover:after{width:100%}.nav-link--cta{background:var(--c-primary);color:var(--c-white)!important;font-weight:700;padding:10px 20px;border-radius:100px;transition:background var(--dur-micro),transform var(--dur-micro),box-shadow var(--dur-micro)}.nav-link--cta:after{display:none}.nav-link--cta:hover{background:var(--c-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #c41e3a40}.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;z-index:calc(var(--z-header) + 10);cursor:pointer}.burger span{display:block;width:22px;height:2px;background:var(--c-black);border-radius:2px;transition:transform var(--dur-base),opacity var(--dur-micro);transform-origin:center}.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{position:relative;background:linear-gradient(145deg,#fafafa,#f0f0ee,#e8e6e2);overflow:hidden}.hero:before{content:"";position:absolute;top:-15%;right:-8%;width:600px;height:600px;background:radial-gradient(circle,var(--c-primary-light) 0%,transparent 70%);pointer-events:none}.hero-inner{max-width:1120px;margin:0 auto;padding:calc(var(--header-h) + 80px) 24px 100px;display:grid;grid-template-columns:5fr 3fr;gap:56px;align-items:center;position:relative;z-index:var(--z-base)}.hero-badge{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;color:var(--c-white);background:var(--c-black);padding:7px 16px;border-left:4px solid var(--c-primary);margin-bottom:24px;animation:fadeUp .6s .1s both}.hero-title{font-size:var(--fs-hero);font-weight:900;line-height:1.2;color:var(--c-black);margin-bottom:24px;word-break:keep-all;animation:fadeUp .6s .22s both}.hero-title .accent{position:relative;display:inline-block}.hero-title .accent:after{content:"";position:absolute;bottom:4px;left:-4px;right:-4px;height:14px;background:#c41e3a1f;z-index:-1;border-radius:2px}.hero-lead{font-size:var(--fs-lg);color:var(--c-text-light);line-height:1.9;margin-bottom:36px;animation:fadeUp .6s .36s both}.hero-lead strong{color:var(--c-black)}.hero-lead--sub{font-size:var(--fs-2xl);font-weight:900;color:var(--c-black);margin-bottom:12px;animation:fadeUp .6s .3s both}.hero-actions{display:flex;gap:16px;animation:fadeUp .6s .5s both}.hero-visual{position:relative;animation:heroImg .9s .3s both}.hero-visual img{border-radius:var(--radius-lg);box-shadow:0 24px 64px #0000001f,0 8px 24px #00000014}.hero-visual:before{content:"";position:absolute;inset:-8px;border:2px solid var(--c-border);border-radius:calc(var(--radius-lg) + 4px);opacity:.5}.stats{padding:0;background:var(--c-black);color:var(--c-white)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:40px 24px;border-right:1px solid rgba(255,255,255,.08);text-align:center}.stat-item:last-child{border-right:none}.stat-num{font-size:var(--fs-4xl);font-weight:900;color:var(--c-primary);line-height:1}.stat-unit{font-size:var(--fs-xl);font-weight:700;color:var(--c-white);margin-bottom:8px}.stat-label{font-size:var(--fs-xs);color:#ffffff80;letter-spacing:.05em}.problems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.problem-card{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius);padding:36px 28px;text-align:center;transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease);cursor:default}.problem-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.problem-icon{width:56px;height:56px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:var(--c-primary-light);border-radius:50%;color:var(--c-primary)}.problem-title{font-size:var(--fs-lg);font-weight:700;line-height:1.5;margin-bottom:12px;color:var(--c-black)}.problem-text{font-size:var(--fs-sm);color:var(--c-text-light);line-height:1.8;max-width:32ch;margin:0 auto}.solution-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.solution-desc{font-size:var(--fs-lg);color:var(--c-text-light);margin-bottom:28px;max-width:38ch}.solution-desc strong{color:var(--c-black)}.solution-points{display:flex;flex-direction:column;gap:20px}.solution-points li{font-size:var(--fs-base);color:var(--c-text-light);padding-left:22px;position:relative;line-height:1.8;max-width:44ch}.solution-points li:before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--c-primary)}.solution-points li strong{color:var(--c-black);font-weight:700}.solution-image img{border-radius:var(--radius-lg);box-shadow:0 16px 48px #0000001a;transition:transform var(--dur-slow) var(--ease)}.solution-image:hover img{transform:scale(1.02)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature-card{background:var(--c-bg-dark-card);border-radius:var(--radius);overflow:hidden;cursor:default;transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px #0000004d}.feature-img{aspect-ratio:4/3;overflow:hidden}.feature-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease)}.feature-card:hover .feature-img img{transform:scale(1.06)}.feature-body{padding:28px 24px}.feature-num{display:inline-block;font-size:var(--fs-xs);font-weight:900;color:var(--c-primary);letter-spacing:.12em;margin-bottom:12px}.feature-title{font-size:var(--fs-xl);font-weight:700;line-height:1.4;margin-bottom:12px;color:var(--c-white)}.feature-text{font-size:var(--fs-sm);color:#ffffffa6;line-height:1.8;max-width:36ch}.feature-text strong{color:var(--c-white)}.howto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}.howto-grid:before{content:"";position:absolute;top:31px;left:16.665%;right:16.665%;height:2px;background:var(--c-border);z-index:0}.howto-step{text-align:center;position:relative}.howto-num{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--c-primary);color:var(--c-white);font-size:var(--fs-xs);font-weight:900;letter-spacing:.05em;margin-bottom:24px;position:relative;z-index:var(--z-base)}.howto-step h3{font-size:var(--fs-lg);font-weight:700;color:var(--c-black);margin-bottom:12px}.howto-step p{font-size:var(--fs-sm);color:var(--c-text-light);line-height:1.8;max-width:30ch;margin:0 auto;text-align:left}.howto-video{margin-top:64px}.video-wrap{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 16px 48px #0000001a}.video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-facade{cursor:pointer;position:relative}.video-facade img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:.85;transition:opacity var(--dur-micro),transform var(--dur-micro)}.video-facade:hover .video-play-btn{opacity:1;transform:translate(-50%,-50%) scale(1.08)}.lineup-products{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:48px}.lineup-card{background:var(--c-bg-gray);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:40px}.lineup-card-img{margin:-40px -40px 24px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;padding:20px}.lineup-card-img img{max-height:320px;width:auto;object-fit:contain;border-radius:var(--radius)}.lineup-card-header{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--c-border)}.lineup-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--c-primary-light);border-radius:50%;color:var(--c-primary);flex-shrink:0}.lineup-card-header h3{font-size:var(--fs-xl);font-weight:700;color:var(--c-black)}.lineup-card-sub{font-size:var(--fs-sm);color:var(--c-text-muted);margin-top:2px}.lineup-card-desc{font-size:var(--fs-base);color:var(--c-text-light);margin-bottom:24px;line-height:1.8}.lineup-card-desc strong{color:var(--c-black)}.lineup-specs{display:flex;flex-direction:column}.spec-row{display:flex;padding:12px 0;border-bottom:1px solid var(--c-border);font-size:var(--fs-sm);gap:16px}.spec-row:last-child{border-bottom:none}.spec-row span:first-child{width:80px;flex-shrink:0;font-weight:700;color:var(--c-text-muted)}.spec-row span:last-child{color:var(--c-text)}.spec-row strong{color:var(--c-primary)}.lineup-details{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:720px;margin:0 auto}.lineup-sub-title{font-size:var(--fs-lg);font-weight:700;color:var(--c-black);margin-bottom:20px;text-align:center}.sizes-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.size-card{background:var(--c-bg-gray);border:1px solid var(--c-border);border-radius:var(--radius);padding:24px 16px;text-align:center;cursor:default;transition:border-color var(--dur-micro),box-shadow var(--dur-micro)}.size-card:hover{border-color:var(--c-text-muted);box-shadow:0 0 0 1px var(--c-text-muted)}.size-num{display:block;font-size:var(--fs-4xl);font-weight:900;color:var(--c-black);line-height:1;margin-bottom:4px}.size-num small{font-size:var(--fs-xl)}.size-label{display:block;font-size:var(--fs-sm);font-weight:700;color:var(--c-black);margin-bottom:4px}.size-use{font-size:var(--fs-xs);color:var(--c-text-muted)}.colors-row{display:flex;justify-content:center;gap:32px;padding-top:8px}.color-chip{display:flex;flex-direction:column;align-items:center;gap:8px}.color-chip span:last-child{font-size:var(--fs-sm);font-weight:500;color:var(--c-text)}.swatch{width:52px;height:52px;border-radius:50%;border:2px solid transparent;transition:transform var(--dur-micro),box-shadow var(--dur-micro);cursor:default}.swatch:hover{transform:scale(1.12)}.swatch--red{background:var(--c-red);box-shadow:0 4px 12px #d32f2f59}.swatch--green{background:var(--c-green);box-shadow:0 4px 12px #2e7d3259}.swatch--yellow{background:var(--c-yellow);box-shadow:0 4px 12px #f9a82559}.cta{background:var(--c-bg-dark);color:var(--c-white)}.cta-box{text-align:center;max-width:680px;margin:0 auto}.cta-title{font-size:var(--fs-3xl);font-weight:900;line-height:1.35;margin-bottom:16px}.cta-desc{font-size:var(--fs-base);color:#ffffffa6;margin-bottom:36px;max-width:44ch;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:48px}.cta-company{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;padding-top:36px;border-top:1px solid rgba(255,255,255,.12)}.cta-info{display:flex;flex-direction:column;gap:4px;text-align:center}.cta-info strong{font-size:var(--fs-xs);letter-spacing:.1em;color:var(--c-primary)}.cta-info span{font-size:var(--fs-sm);color:#fff9}.contact-form{max-width:560px;margin:0 auto 48px;text-align:left}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:var(--fs-sm);font-weight:700;color:#ffffffd9;margin-bottom:6px}.required{color:var(--c-primary)}.form-group input,.form-group textarea{width:100%;font-family:var(--ff);font-size:var(--fs-base);padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);background:#ffffff14;color:var(--c-white);transition:border-color var(--dur-micro),background var(--dur-micro);min-height:44px}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--c-primary);background:#ffffff1f}.form-group input:invalid:not(:placeholder-shown),.form-group textarea:invalid:not(:placeholder-shown){border-color:#ef4444}.form-group textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.form-message{margin-top:20px;text-align:center;font-size:var(--fs-sm);font-weight:700;min-height:24px}.form-message.success{color:#4ade80}.form-message.error{color:#f87171}@media(max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:center}.form-actions .btn{width:100%;max-width:320px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--ff);font-size:var(--fs-base);font-weight:700;min-height:44px;padding:12px 28px;border-radius:var(--radius);transition:background var(--dur-micro),transform var(--dur-micro),box-shadow var(--dur-micro),border-color var(--dur-micro);cursor:pointer;border:2px solid transparent;white-space:nowrap}.btn-primary{background:var(--c-primary);color:var(--c-white);border-color:var(--c-primary)}.btn-primary:hover{background:var(--c-primary-dark);border-color:var(--c-primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px #c41e3a47}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-ghost{background:transparent;color:var(--c-text);border-color:var(--c-border)}.btn-ghost:hover{border-color:var(--c-text);background:#0000000a;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--c-white);border-color:#ffffff59}.btn-outline:hover{border-color:var(--c-white);background:#ffffff14;transform:translateY(-2px)}.btn-lg{font-size:var(--fs-lg);min-height:52px;padding:14px 36px}.footer{padding:36px 0;background:var(--c-black);color:var(--c-white)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-logo{font-size:var(--fs-lg);font-weight:900}.footer-tagline{font-size:var(--fs-xs);color:#fff6;margin-top:4px}.footer-copy{font-size:var(--fs-xs);color:#ffffff4d}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroImg{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.hero-inner{grid-template-columns:1fr;text-align:center;gap:40px;padding-bottom:48px}.hero-title{font-size:var(--fs-4xl);max-width:none;margin:0 auto 24px}.hero-lead{max-width:none}.hero-lead .pc{display:none}.hero-actions{justify-content:center}.hero-visual{max-width:480px;margin:0 auto}.hero-visual:before{display:none}.features-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2){border-right:none}.stat-item:nth-child(3){border-top:1px solid rgba(255,255,255,.08)}.stat-item:nth-child(4){border-top:1px solid rgba(255,255,255,.08);border-right:none}}@media(max-width:768px){:root{--header-h: 60px;--fs-3xl: 1.75rem;--fs-4xl: 2rem;--fs-hero: 2.25rem}.pc{display:none}.sp{display:inline}.section{padding:72px 0}.burger{display:flex}.nav{position:fixed;top:0;right:-100%;width:min(280px,80vw);height:100dvh;background:var(--c-white);flex-direction:column;align-items:flex-start;padding:calc(var(--header-h) + 32px) 32px 32px;gap:20px;transition:right var(--dur-base) var(--ease);box-shadow:-4px 0 24px #0000001a;z-index:var(--z-overlay)}.nav.open{right:0}.nav-link{font-size:var(--fs-xl);color:var(--c-text);min-height:44px;display:flex;align-items:center}.nav-link--cta{width:100%;justify-content:center;margin-top:8px}.hero-inner{padding-top:calc(var(--header-h) + 40px);padding-bottom:56px;text-align:left}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.problems-grid{grid-template-columns:1fr}.solution-inner{grid-template-columns:1fr;gap:40px}.solution-desc,.solution-points li{max-width:none}.howto-grid{grid-template-columns:1fr;gap:40px}.howto-grid:before{display:none}.howto-step p{max-width:none}.lineup-products{grid-template-columns:1fr}.lineup-card{padding:28px 20px}.lineup-card-img{margin:-28px -20px 20px;padding:16px}.lineup-details{grid-template-columns:1fr}.lineup-card-desc{max-width:none}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:320px}.cta-company{flex-direction:column;gap:20px}.footer-inner{flex-direction:column;gap:16px;text-align:center}}@media(max-width:480px){:root{--fs-hero: 1.875rem;--fs-4xl: 1.75rem}.container{padding:0 16px}.sizes-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}