:root{--color-primary:#ff6b35;--color-primary-light:#ff8c5e;--color-primary-dark:#e85a2b;--color-secondary:#ff9f70;--color-accent:#ffa07a;--color-white:#fff;--color-bg-light:#fafafa;--color-bg-gray:#f5f5f5;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-light:#999;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:64px;--spacing-3xl:96px;--font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 12px 48px #00000026;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7}.hover-orange{transition:color var(--transition-fast)}.hover-orange:hover{color:var(--color-primary)}.header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);background:#fffffff2;position:fixed;top:0;left:0;right:0}.header-container{max-width:1200px;padding:var(--spacing-sm)var(--spacing-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo h1{color:var(--color-primary);margin-bottom:2px;font-size:24px;font-weight:700}.logo-subtitle{color:var(--color-text-secondary);font-size:12px;font-weight:400}.nav{align-items:center;gap:var(--spacing-lg);display:flex}.nav-link{color:var(--color-text-primary);transition:color var(--transition-fast);font-size:14px;font-weight:500;text-decoration:none;position:relative}.nav-link:hover{color:var(--color-primary)}.nav-link:after{content:"";background:var(--color-primary);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.cta-button-small{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm);padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none}.cta-button-small:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero{padding-top:120px;padding-bottom:var(--spacing-3xl);background:linear-gradient(135deg,#fff5f0 0%,#fff 50%,#fff8f5 100%);position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#ff6b351a 0%,#0000 70%);border-radius:50%;width:800px;height:800px;position:absolute;top:-50%;right:-20%}.hero-container{max-width:1200px;padding:0 var(--spacing-lg);gap:var(--spacing-2xl);z-index:1;grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid;position:relative}.hero-content{transform:translate(-25px)}.hero-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-md);padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}.hero-title{margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-text-primary)0%,var(--color-primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:900;line-height:1.2}.hero-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:18px;line-height:1.8}.hero-product-name{margin-bottom:var(--spacing-xl)}.product-name{color:var(--color-primary);letter-spacing:2px;font-size:40px;font-weight:900}.hero-cta{gap:var(--spacing-md);display:flex}.hero-visual{justify-content:flex-end;display:flex;overflow:visible}.hero-visual-image{width:180%;max-width:1500px;height:auto;display:block;transform:translate(30%)}.visual-icon{color:var(--color-primary);margin-bottom:var(--spacing-md)}.visual-text{color:var(--color-text-primary);font-size:18px;font-weight:600}.hero-scroll-indicator{bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);color:var(--color-text-light);flex-direction:column;font-size:12px;font-weight:500;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom,var(--color-text-light),transparent);width:1px;height:40px;animation:2s infinite scrollAnimation}@keyframes scrollAnimation{0%,to{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}section{padding:var(--spacing-3xl)0}.section-container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-title{margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-size:42px;font-weight:800}.section-lead{color:var(--color-text-secondary);max-width:800px;margin:0 auto;font-size:18px;line-height:1.8}.features{background:var(--color-white)}.features-main{text-align:center;margin-bottom:var(--spacing-2xl);max-width:900px;margin-left:auto;margin-right:auto}.features-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:18px;line-height:1.9}.features-description strong{color:var(--color-primary);font-weight:700}.features-mission{color:var(--color-text-secondary);font-size:16px;font-weight:500}.features-grid{gap:var(--spacing-lg);margin-top:var(--spacing-2xl);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{background:var(--color-bg-light);padding:var(--spacing-xl);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base);border:1px solid var(--color-border-light)}.feature-card:hover{background:var(--color-white);box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-5px)}.feature-icon{color:var(--color-primary);margin-bottom:var(--spacing-md)}.feature-card h3{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:20px;font-weight:700}.feature-card p{color:var(--color-text-secondary);font-size:15px;line-height:1.7}.reasons{background:var(--color-bg-light)}.reasons-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.reason-card{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:2px solid var(--color-border-light);transition:all var(--transition-base);position:relative}.reason-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.reason-number{top:var(--spacing-md);right:var(--spacing-md);color:#ff6b351a;font-size:64px;font-weight:900;line-height:1;position:absolute}.reason-title{margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-size:22px;font-weight:700}.reason-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:16px;line-height:1.8}.reason-description strong{color:var(--color-primary);font-weight:700}.reason-visual{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);display:flex}.visual-badge{background:var(--color-bg-gray);border-radius:var(--radius-md);color:var(--color-text-primary);padding:12px 24px;font-size:14px;font-weight:600}.visual-badge.accent{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white)}.visual-arrow{color:var(--color-primary);font-size:24px;font-weight:700}.reason-tags{gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.reason-tag{background:var(--color-bg-light);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-xl);padding:8px 16px;font-size:13px;font-weight:600}.reason-list{margin-top:var(--spacing-lg);list-style:none}.reason-list li{padding:var(--spacing-sm);padding-left:var(--spacing-lg);color:var(--color-text-secondary);font-size:15px;position:relative}.reason-list li:before{content:"✓";color:var(--color-primary);font-weight:700;position:absolute;left:0}.reason-brands{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);display:flex}.brand-item{text-align:center}.brand-name{color:var(--color-primary);margin-bottom:var(--spacing-xs);font-size:20px;font-weight:700}.brand-item p{color:var(--color-text-secondary);font-size:13px}.brand-plus{color:var(--color-primary);font-size:28px;font-weight:700}.use-cases{background:var(--color-white)}.use-cases-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.use-case-card{background:var(--color-bg-light);padding:var(--spacing-xl);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base);border:2px solid #0000}.use-case-card:hover{background:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.use-case-icon{color:var(--color-primary);margin-bottom:var(--spacing-md)}.use-case-badge{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.use-case-title{margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-size:20px;font-weight:700}.use-case-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);text-align:left;font-size:15px;line-height:1.8}.use-case-description strong{color:var(--color-primary);font-weight:700}.use-case-flow{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-direction:column;display:flex}.flow-item{background:var(--color-white);border-radius:var(--radius-md);color:var(--color-text-primary);border:1px solid var(--color-border);padding:10px;font-size:13px;font-weight:500}.flow-arrow{text-align:center;color:var(--color-primary);font-size:16px;font-weight:700}.use-case-benefit{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border)}.benefit-label{color:var(--color-primary);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.benefit-text{color:var(--color-text-primary);font-size:14px;font-weight:500}.use-cases-footer{text-align:center;margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:2px solid var(--color-border-light)}.footer-message{color:var(--color-text-primary);font-size:22px;font-weight:700}.footer-message .highlight{color:var(--color-primary);border-bottom:3px solid var(--color-primary)}.pricing{background:var(--color-bg-light)}.pricing-table-wrapper{margin-bottom:var(--spacing-xl);overflow-x:auto}.pricing-table{border-collapse:separate;border-spacing:0;background:var(--color-white);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-md);overflow:hidden}.pricing-table thead{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white)}.pricing-table th{padding:var(--spacing-md);text-align:left;font-size:16px;font-weight:700}.pricing-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.pricing-table tbody tr:hover{background:var(--color-bg-light)}.pricing-table tbody tr.plan-highlight{background:#ff6b350d}.pricing-table td{padding:var(--spacing-md);font-size:15px}.plan-name{color:var(--color-text-primary);font-weight:700}.plan-price{font-weight:700}.price-amount{color:var(--color-primary);font-size:28px}.price-unit{color:var(--color-text-secondary);margin-left:4px;font-size:14px}.price-custom{color:var(--color-primary);font-size:20px;font-weight:700}.plan-target{color:var(--color-text-secondary)}.pricing-note{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:2px solid var(--color-primary);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#fff5f0,#fff);display:flex}.note-icon{font-size:32px}.note-text{color:var(--color-text-primary);font-size:16px;line-height:1.7}.note-text strong{color:var(--color-primary);font-weight:700}.pricing-cta{text-align:center}.flow{background:var(--color-white)}.flow-steps{max-width:800px;margin:0 auto}.flow-step{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;position:relative}.step-number{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));width:100px;height:100px;color:var(--color-white);box-shadow:var(--shadow-md);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.step-content{background:var(--color-bg-light);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:2px solid var(--color-border-light);transition:all var(--transition-base);flex:1}.step-content:hover{background:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.step-title{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:22px;font-weight:700}.step-description{color:var(--color-text-secondary);font-size:15px;line-height:1.8}.step-icon{color:var(--color-primary);margin-top:var(--spacing-md)}.step-arrow{color:var(--color-primary);opacity:.3;position:absolute;bottom:-40px;left:50px}.flow-step:last-child .step-arrow{display:none}.flow-cta{text-align:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl);justify-content:center;display:flex}.faq{background:var(--color-bg-light)}.faq-list{max-width:900px;margin:0 auto}.faq-item{background:var(--color-white);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);border:2px solid var(--color-border-light);transition:all var(--transition-base);cursor:pointer;overflow:hidden}.faq-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.faq-item.open{border-color:var(--color-primary)}.faq-question{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);color:var(--color-text-primary);font-size:17px;font-weight:600;display:flex}.faq-label{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));width:40px;height:40px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.faq-question-text{flex:1}.faq-toggle{background:var(--color-bg-light);width:32px;height:32px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.faq-answer{gap:var(--spacing-md);padding:0 var(--spacing-lg)var(--spacing-lg)var(--spacing-lg);animation:fadeIn var(--transition-base);display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-answer .faq-label{background:var(--color-bg-gray);color:var(--color-primary)}.faq-answer-text{color:var(--color-text-secondary);flex:1;padding-top:8px;font-size:15px;line-height:1.8}.faq-contact{text-align:center;margin-top:var(--spacing-2xl);padding:var(--spacing-xl);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fff5f0,#fff)}.faq-contact p{color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:16px}.closing{padding:var(--spacing-3xl)0;background:linear-gradient(135deg,#fff5f0 0%,#fff 50%,#fff8f5 100%)}.closing-content{text-align:center}.closing-title{margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-size:42px;font-weight:800}.closing-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-size:20px}.closing-cta{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;justify-content:center;display:flex}.closing-form{max-width:800px;margin:var(--spacing-2xl)auto 0;background:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.form-title{margin-bottom:var(--spacing-xl);text-align:center;color:var(--color-text-primary);font-size:24px;font-weight:700}.contact-form{text-align:left}.form-row{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.form-group{margin-bottom:var(--spacing-md)}.form-group label{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:14px;font-weight:600;display:block}.required{color:var(--color-primary)}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:15px;font-family:var(--font-family);transition:border-color var(--transition-fast);background:var(--color-white);padding:12px 16px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group textarea{resize:vertical;min-height:120px}.form-submit{text-align:center;margin-top:var(--spacing-lg)}.footer{background:var(--color-text-primary);color:var(--color-white);padding:var(--spacing-2xl)0 var(--spacing-lg)}.footer-container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.footer-content{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr;display:grid}.footer-section h3{margin-bottom:var(--spacing-xs);font-size:24px;font-weight:700}.footer-section h4{margin-bottom:var(--spacing-md);font-size:16px;font-weight:700}.footer-section p{color:#ffffffb3;font-size:13px;line-height:1.6}.footer-description{margin-top:var(--spacing-md)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:#fffc;transition:color var(--transition-fast);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{text-align:center}.footer-partnership{color:#ffffffe6;margin-bottom:var(--spacing-sm);font-size:14px;font-weight:600}.footer-copyright{color:#ffffff80;font-size:13px}.cta-button-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white);border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-md);cursor:pointer;border:none;padding:16px 32px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.cta-button-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.cta-button-primary.large{padding:20px 48px;font-size:18px}.cta-button-secondary{background:var(--color-white);color:var(--color-primary);border-radius:var(--radius-md);transition:all var(--transition-base);border:2px solid var(--color-primary);cursor:pointer;padding:16px 32px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.cta-button-secondary:hover{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-md);transform:translateY(-3px)}.cta-button-secondary.large{padding:20px 48px;font-size:18px}.cta-button-outline{color:var(--color-primary);border-radius:var(--radius-md);transition:all var(--transition-base);border:2px solid var(--color-primary);cursor:pointer;background:0 0;padding:16px 32px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.cta-button-outline:hover{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-md);transform:translateY(-3px)}.cta-button-outline.large{padding:20px 48px;font-size:18px}@media (max-width:1024px){.hero-container{gap:var(--spacing-xl);grid-template-columns:1fr}.hero-title{font-size:42px}.features-grid,.use-cases-grid,.reasons-grid{grid-template-columns:1fr}.footer-content{gap:var(--spacing-xl);grid-template-columns:1fr}}@media (max-width:768px){.nav{display:none}.hero-title{font-size:32px}.product-name{font-size:28px}.section-title{font-size:32px}.hero-cta{flex-direction:column}.form-row{grid-template-columns:1fr}.flow-step{text-align:center;flex-direction:column;align-items:center}.step-arrow{margin:var(--spacing-md)0;position:static}.closing-cta{flex-direction:column;align-items:center}.cta-button-primary.large,.cta-button-secondary.large,.cta-button-outline.large{width:100%;max-width:400px}}@media (max-width:480px){.hero-title{font-size:28px}.section-title{font-size:26px}.closing-title{font-size:28px}}