@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101b32;--blue:#3156f5;--muted:#606c80;--line:#dce2ec;--paper:#f5f7fb;--navy:#071226}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:white;font-family:Manrope,'Noto Sans JP',sans-serif;font-size:16px;line-height:1.8}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #4e78ff;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,h4,p,figure{margin:0}h1,h2{font-weight:800;letter-spacing:-.055em;line-height:1.35}h3{letter-spacing:-.03em}.navigation{height:90px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{text-decoration:none;letter-spacing:.11em;font-size:17px;font-weight:800;white-space:nowrap}.brand span{font-size:12px;font-weight:600;letter-spacing:.17em;margin-left:5px}.navigation nav{display:flex;align-items:center;gap:32px;font-size:14px}.navigation nav a{text-decoration:none}.nav-button{border:1px solid var(--line);border-radius:30px;padding:8px 19px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--blue)}.hero{text-align:center;padding:67px 0 0}.hero h1{font-size:clamp(48px,6.5vw,88px);margin:22px 12px}.hero h1 span{color:var(--blue)}.lead{font-size:18px;color:var(--muted);margin:22px 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 24px;text-decoration:none;border-radius:40px;background:var(--blue);color:white;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#2045dc}.hero-visual{max-width:1320px;margin:65px auto 0;position:relative;background:var(--navy);overflow:hidden;border-radius:24px}.hero-visual img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.hero-visual figcaption{position:absolute;bottom:20px;left:30px;color:#d9e2f0;font-size:12px;letter-spacing:.09em}.hero-bottom{max-width:1200px;margin:30px auto 0;display:flex;justify-content:space-between;align-items:flex-start;text-align:left;gap:24px;padding:0 25px}.hero-bottom>span{font-size:12px;letter-spacing:.16em;color:var(--muted)}.hero-bottom p{font-size:16px;line-height:1.8}.section{max-width:1200px;margin:auto;padding:130px 25px}.section-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:24px}.section-heading .eyebrow{grid-column:1/-1}.section h2{font-size:clamp(32px,4vw,52px)}.section-heading>p:last-child{color:var(--muted)}.experience-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;margin-top:60px;align-items:center}.steps{display:grid;gap:12px}.steps button{border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:25px 16px;display:flex;gap:22px;align-items:center;cursor:pointer;color:var(--muted)}.steps button[aria-selected=true]{color:var(--blue);background:#f3f6ff;border-radius:12px;border-color:transparent}.step-number{font-size:14px;align-self:flex-start}.steps b{font-size:22px;display:block}.steps small{font-size:14px;display:block;margin-top:6px;color:var(--muted)}.step-arrow{margin-left:auto;font-size:24px}.demo-stage{background:#f6f8fc;border:1px solid var(--line);padding:25px;border-radius:20px;box-shadow:0 30px 70px #162b4d0b;min-width:0}.demo-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em;padding:0 0 20px;gap:10px}.demo-label{color:var(--muted);font-size:12px}.demo-panel{background:white;padding:30px;border-radius:12px;min-height:480px}.demo-panel[hidden]{display:none}.pill{display:inline-block;color:var(--blue);background:#eef2ff;font-size:12px;border-radius:20px;padding:3px 12px}.demo-panel h3{font-size:27px;line-height:1.5;margin:18px 0 10px}.demo-panel>p{font-size:14px;color:var(--muted)}.document-preview{margin:25px 0 20px;border:1px solid var(--line);padding:22px;text-align:center}.document-preview>span{font-size:10px;color:var(--muted);letter-spacing:.15em}.document-preview h4{font-size:16px;margin:12px 0 18px}.document-lines{height:55px;background:repeating-linear-gradient(to bottom,#e2e7ee 0,#e2e7ee 1px,transparent 1px,transparent 11px);margin:0 10px 15px}.document-preview p{font-size:12px;color:var(--muted)}.preview-action{background:var(--blue);color:white;text-align:center;padding:13px;border-radius:7px;font-size:14px;font-weight:600}.demo-panel>small{display:block;color:var(--muted);font-size:12px;margin-top:12px}.sample-fields{margin:25px 0}.sample-fields>div{margin:0 0 14px}.sample-fields dt{font-size:12px;color:var(--muted)}.sample-fields dd{margin:4px 0 0;padding:9px 13px;border:1px solid var(--line);border-radius:6px;font-size:15px}.save-hint{font-size:13px;color:var(--muted)}.agreement-card{border:1px solid var(--line);padding:25px;margin:28px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.agreement-name{font-size:24px}.seal{width:56px;height:56px;border:3px double #af283c;border-radius:50%;display:grid;place-items:center;color:#af283c;font-family:serif;font-size:20px}.agreement-card p{font-size:13px;color:var(--muted);width:100%}.operations{background:var(--navy);color:white}.operations-inner{max-width:1200px;margin:auto;padding:110px 25px}.operations .eyebrow{color:#8fafff}.operations h2{font-size:clamp(32px,4vw,52px);margin:24px 0}.operations-lead{color:#b7c2d6;font-size:18px}.flow{margin:65px 0 24px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;gap:0}.flow li{padding:20px 23px 10px 0;border-top:1px solid #35445f}.flow li>span{font-size:12px;color:#8baaff;letter-spacing:.1em}.flow h3{font-size:20px;margin:20px 0 12px}.flow p{font-size:14px;color:#b7c2d6}.flow-note{font-size:12px;color:#a5b5cf}.details{display:grid;grid-template-columns:1fr 1fr;gap:80px}.details h2{margin-top:24px}.detail-list article{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.detail-list article>span{font-size:12px;color:var(--blue);padding-top:6px}.detail-list h3{font-size:22px;margin-bottom:10px}.detail-list p{color:var(--muted);font-size:15px}.gallery{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:center;padding-top:90px}.gallery h2{margin:24px 0}.gallery p:not(.eyebrow){color:var(--muted)}.gallery img{border-radius:15px;box-shadow:0 25px 70px #14234515}.light-button{margin:28px 0 16px}.fine-print{font-size:12px;color:var(--muted)}.closing{background:#f1f4fc;text-align:center;padding:95px 20px}.closing h2{font-size:clamp(40px,5vw,66px);margin:25px 0 30px}.closing>a{font-size:14px;text-underline-offset:5px}footer{max-width:1320px;margin:auto;padding:45px 25px;display:flex;align-items:center;flex-wrap:wrap;gap:20px 35px}footer>p{font-size:13px}footer>small{margin-left:auto;font-size:12px;color:var(--muted)}@media(max-width:900px){.hero-visual{border-radius:0}.section{padding:85px 24px}.experience-grid{gap:32px}.section-heading{grid-template-columns:1fr}.section-heading>p:last-child{margin-top:0}.details{gap:35px}.gallery{gap:35px}.flow{grid-template-columns:1fr 1fr;gap:25px}.hero-bottom{padding:0 24px}.demo-panel{padding:22px}.operations-inner{padding:85px 24px}}@media(max-width:600px){.navigation{height:76px;padding:0 20px}.brand{font-size:14px}.brand span{font-size:10px}.navigation nav{gap:15px}.navigation nav>a:not(.nav-button){display:none}.nav-button{padding:6px 12px}.hero{padding-top:45px}.hero h1{font-size:46px}.hero .eyebrow{font-size:10px}.lead{font-size:16px}.hero-visual{margin-top:45px}.hero-visual figcaption{font-size:10px;left:15px;bottom:12px}.hero-bottom{display:block}.hero-bottom p{margin-top:18px;font-size:15px}.experience-grid,.details,.gallery{grid-template-columns:1fr}.experience-grid{margin-top:30px}.steps{gap:0}.steps button{padding:18px 12px}.steps b{font-size:19px}.steps small{font-size:13px}.demo-stage{padding:16px}.demo-panel{min-height:480px}.flow{grid-template-columns:1fr 1fr;gap:24px 16px}.flow h3{font-size:18px}.flow p{font-size:13px}.flow li{padding-right:0}.operations-lead{font-size:16px}.gallery{gap:35px}.gallery>a{max-width:400px;margin:auto}.closing{padding:70px 20px}footer{display:block}footer>*{display:block;margin:15px 0}footer>small{margin-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}