:root{--bg-main:#fffdfb;--bg-soft:#faf7f5;--bg-card:#fff;--text-main:#3e2723;--text-sub:#6d4c41;--text-muted:#8d6e63;--accent:#795548;--accent-dark:#5d4037;--accent-light:#efebe9;--border-light:#e6dfd9;--radius-lg:20px;--radius-md:14px;--shadow-sm:0 4px 14px #3e27230f;--shadow-md:0 12px 32px #3e27231f}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;color:var(--text-main);background-color:var(--bg-main);font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.7}body{margin:0;padding:0;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.btn-primary{background-color:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 30px;font-size:1rem;font-weight:700;transition:transform .15s,background-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 20px #79554847}.btn-primary:hover{background-color:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 24px #79554859}.btn-primary.btn-sm{box-shadow:none;padding:10px 20px;font-size:.88rem}.btn-primary.btn-lg{padding:18px 40px;font-size:1.12rem}.btn-secondary{color:var(--accent);border:2px solid var(--border-light);background-color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:border-color .15s,background-color .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent);background-color:var(--bg-soft)}.section{padding:88px 0}.section-soft{background-color:var(--bg-soft)}.section-header{text-align:center;max-width:690px;margin:0 auto 56px}.section-en{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background-color:var(--accent-light);border-radius:999px;margin-bottom:12px;padding:4px 14px;font-size:.78rem;font-weight:800;display:inline-block}.section-title{letter-spacing:.02em;margin:0 0 12px;font-size:clamp(1.65rem,3vw,2.25rem);font-weight:800;line-height:1.3}.section-desc{color:var(--text-sub);margin:0;font-size:1rem}.site-header{z-index:50;backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);background:#fffdfbe6;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.brand-logo{color:var(--text-main);letter-spacing:.02em;align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:inline-flex}.brand-icon{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:1rem;font-weight:900;display:grid}.nav-links{color:var(--text-sub);align-items:center;gap:28px;font-size:.92rem;font-weight:700;display:flex}.nav-links a:hover{color:var(--accent)}.hero{border-bottom:1px solid var(--border-light);background:linear-gradient(#faf7f5 0%,#fffdfb 100%);padding:64px 0 88px}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;display:grid}.hero-kicker{color:var(--accent);border:1px solid var(--border-light);background:#fff;border-radius:999px;align-items:center;gap:6px;margin-bottom:18px;padding:6px 14px;font-size:.84rem;font-weight:700;display:inline-flex}.hero-title{letter-spacing:.01em;margin:0 0 20px;font-size:clamp(2rem,3.8vw,2.4rem);font-weight:800;line-height:1.28}.hero-lead{color:var(--text-sub);margin:0 0 28px;font-size:1.05rem;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.hero-badges{color:var(--text-sub);flex-wrap:wrap;gap:12px 20px;font-size:.86rem;font-weight:700;display:flex}.hero-badges span{align-items:center;gap:6px;display:inline-flex}.hero-badges .dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.hero-visual{position:relative}.browser-mockup{border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-md);background:#fff;overflow:hidden}.browser-bar{border-bottom:1px solid var(--border-light);background:#f3efec;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex}.browser-bar span{background:#d7ccc8;border-radius:50%;width:10px;height:10px}.hero-img{aspect-ratio:16/8.3;object-fit:contain;width:100%}.core-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.core-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:flex-start;gap:18px;padding:28px;display:flex}.core-icon{background:var(--accent-light);width:48px;height:48px;color:var(--accent);border-radius:14px;flex-shrink:0;place-items:center;font-size:1.35rem;display:grid}.core-card h3{margin:0 0 8px;font-size:1.15rem;font-weight:800}.core-card p{color:var(--text-sub);margin:0;font-size:.94rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.feature-media{background:var(--bg-soft);aspect-ratio:16/8.3;border-bottom:1px solid var(--border-light);place-items:center;display:grid;position:relative;overflow:hidden}.feature-media img{object-fit:contain;width:100%;height:100%}.feature-placeholder{text-align:center;color:var(--text-muted);padding:24px;font-size:.88rem;font-weight:700}.feature-placeholder span{margin-bottom:8px;font-size:2rem;display:block}.feature-body{padding:26px 28px 30px}.feature-tag{color:var(--accent);background:var(--accent-light);border-radius:6px;margin-bottom:10px;padding:3px 10px;font-size:.75rem;font-weight:800;display:inline-block}.feature-body h3{margin:0 0 10px;font-size:1.25rem;font-weight:800}.feature-body p{color:var(--text-sub);margin:0;font-size:.95rem}.target-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.target-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px 20px}.target-badge{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:14px;font-size:1.05rem;font-weight:800;display:grid}.target-card h3{margin:0 0 8px;font-size:1rem;font-weight:800}.target-card p{color:var(--text-sub);margin:0;font-size:.88rem}.cta-banner{background:var(--accent);color:#fff;text-align:center;box-shadow:var(--shadow-md);border-radius:28px;padding:56px 32px}.cta-banner h2{margin:0 0 14px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1.35}.cta-banner p{opacity:.92;margin:0 0 28px;font-size:1rem}.btn-white{color:var(--text-main);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:16px 36px;font-size:1.08rem;font-weight:800;transition:transform .15s;display:inline-flex;box-shadow:0 6px 20px #0000002e}.btn-white:hover{transform:translateY(-2px)}.faq-list{flex-direction:column;gap:16px;max-width:780px;margin:0 auto;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:22px 26px}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:1.02rem;font-weight:800;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent);font-size:1.4rem;font-weight:700;line-height:1}.faq-item[open] summary:after{content:"−"}.faq-item p{border-top:1px dashed var(--border-light);color:var(--text-sub);margin:14px 0 0;padding-top:14px;font-size:.94rem}.site-footer{color:#ffffffd9;background:#3e2723;padding:48px 0 36px;font-size:.88rem}.footer-brand strong{color:#fff;margin-bottom:4px;font-size:1.15rem;display:block}.footer-links{flex-wrap:wrap;gap:20px;padding-top:15px;display:flex}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-copy{text-align:center;opacity:.7;margin-top:24px;font-size:.8rem}.footer-inner{border-bottom:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:28px;display:flex}.footer-social{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.social-pill{color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:.82rem;font-weight:700;transition:background-color .15s,transform .15s;display:inline-flex}.social-pill:hover{background:#ffffff38;transform:translateY(-1px)}.social-pill.ofuse{background:#ffe0b229;border-color:#ffe0b259}.social-pill.ofuse:hover{background:#ffe0b242}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:36px}.target-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.nav-links{display:none}.section{padding:64px 0}.core-grid,.features-grid,.target-grid{grid-template-columns:1fr}.hero{padding:40px 0 64px}.hero-actions{flex-direction:column;align-items:stretch}.cta-banner{border-radius:20px;padding:40px 20px}}