*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fb;color:#152237;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.top{height:76px;background:#fff;border-bottom:1px solid #dfe5ec;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;position:sticky;top:0;z-index:5}.logo,.footer-brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;line-height:1.05;letter-spacing:.08em}.logo small{font-size:8px;color:#8290a1;letter-spacing:.06em}.logo-box{display:grid;place-items:center;background:#2357d8;color:#fff;width:31px;height:31px;border-radius:8px;font-size:17px;box-shadow:4px 4px 0 #b7c8f8}.top nav{display:flex;align-items:center;gap:25px;font-size:12px;color:#55657a}.top nav a:hover{text-decoration:underline;text-underline-offset:5px}.top-link{padding:10px 15px;border:1px solid #2357d8;border-radius:7px;color:#2357d8!important}.hero{display:grid;grid-template-columns:1.15fr .85fr;max-width:1240px;margin:0 auto;padding:105px 5vw 100px;gap:7vw;min-height:650px}.status-line,.section-kicker{font:10px 'SFMono-Regular',Consolas,monospace;letter-spacing:.13em;color:#718197}.status-line{display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:#20b47a;box-shadow:0 0 0 4px #d5f4e9}.hero h1{font-size:clamp(58px,8vw,114px);line-height:.92;letter-spacing:-.095em;margin:35px 0 35px;font-weight:800}.hero h1 span{color:#2357d8}.hero-text{font-size:18px;max-width:600px;color:#526276}.hero-buttons{display:flex;align-items:center;gap:26px;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 19px;border-radius:7px;font-size:13px;font-weight:700}.btn.blue{background:#2357d8;color:#fff;box-shadow:5px 5px 0 #b7c8f8}.btn.dark{background:#152237;color:#fff}.btn b{font-size:18px;font-weight:400}.plain-link{font-size:12px;border-bottom:1px solid #152237;padding-bottom:4px}.hero-right{position:relative;padding:30px 0}.system-card{background:#fff;border:1px solid #dae2eb;border-radius:12px;box-shadow:0 18px 45px rgba(30,57,93,.1);padding:23px;max-width:375px;margin:0 auto}.system-head{display:flex;justify-content:space-between;border-bottom:1px solid #e5ebf1;padding-bottom:17px;color:#8090a2;font:10px monospace;letter-spacing:.08em}.system-head b{font-weight:400;color:#2357d8}.flow-step{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:8px;padding:17px 0;border-bottom:1px solid #edf0f4;font-size:13px}.flow-step i{font:11px monospace;color:#a8b4c2;font-style:normal}.flow-step em{font:10px monospace;color:#a8b4c2;font-style:normal}.flow-step.done i{color:#20a675}.flow-step.active{background:#f0f4ff;margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:6px}.flow-step.active em{color:#2357d8}.system-foot{font-size:12px;color:#718197;padding-top:20px}.system-foot strong{color:#152237;display:block;margin-top:3px}.hero-note{position:absolute;right:-12px;bottom:15px;background:#ffca55;color:#152237;border-radius:50%;width:135px;height:135px;display:grid;place-content:center;text-align:center;font-size:11px;line-height:1.3;transform:rotate(9deg);box-shadow:5px 5px 0 #e7a73a}.hero-note b{font-size:12px}.quick-nav{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dfe5ec;border-bottom:1px solid #dfe5ec;background:#fff}.quick-nav a{display:grid;grid-template-columns:42px 1fr 25px;grid-template-rows:1fr 1fr;align-items:center;padding:25px 5vw;border-right:1px solid #dfe5ec;transition:background .2s}.quick-nav a:hover{background:#eef3ff}.quick-nav span{grid-row:1/3;font:13px monospace;color:#2357d8}.quick-nav b{font-size:14px}.quick-nav small{font-size:11px;color:#8290a1}.quick-nav i{grid-row:1/3;grid-column:3;font-style:normal;font-size:21px}.intro-band{display:grid;grid-template-columns:1fr 2fr;max-width:1240px;margin:0 auto;padding:115px 5vw 120px;gap:8vw}.intro-band h2,.feature-heading h2,.channel-banner h2{font-size:clamp(37px,4.5vw,64px);line-height:1;letter-spacing:-.08em;margin:0 0 27px}.intro-band p{max-width:620px;color:#5d6d82;font-size:16px}.arrow-link{color:#2357d8;font-size:13px;font-weight:700}.feature-area{max-width:1240px;margin:0 auto;padding:0 5vw 125px;display:grid;grid-template-columns:1fr 1.25fr;gap:8vw}.feature-heading p{color:#718197;max-width:310px;font-size:14px}.feature-heading h2 span{color:#2357d8}.feature-list{border-top:1px solid #bcc9d7}.feature-item{display:grid;grid-template-columns:45px 1fr 30px;gap:15px;padding:23px 0;border-bottom:1px solid #bcc9d7;align-items:center}.feature-item:hover h3{color:#2357d8}.feature-no{font:12px monospace;color:#2357d8}.feature-item h3{font-size:19px;margin:0 0 4px;letter-spacing:-.04em}.feature-item p{margin:0;color:#718197;font-size:13px}.feature-item>b{font-size:22px;font-weight:400}.channel-banner{background:#dbe6ff;display:grid;grid-template-columns:1fr auto;align-items:center;padding:85px max(5vw,calc((100vw - 1140px)/2));gap:40px}.channel-banner h2{margin-top:23px}.channel-banner p{max-width:650px;color:#526276;font-size:15px}.footer-brand{color:#fff}.footer-brand .logo-box{background:#ffca55;color:#152237;box-shadow:none}footer{background:#152237;color:#dce5f0;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:35px;padding:42px 5.5vw;font-size:12px;align-items:start}.footer-nav{display:flex;gap:16px;flex-wrap:wrap}.footer-nav a{color:#aebbd0}.footer-nav a:hover{color:#fff}.footnote,footer p{margin:0;color:#8d9db3;font-size:11px;line-height:1.5;text-align:right}.inner-hero{background:#dbe6ff;padding:85px max(5vw,calc((100vw - 1240px)/2)) 75px}.inner-hero h1{font-size:clamp(50px,7vw,92px);line-height:.92;letter-spacing:-.09em;margin:23px 0 20px}.inner-hero h1 span{color:#2357d8}.inner-hero>p{max-width:650px;color:#526276;font-size:17px}.content-wrap{max-width:1000px;margin:0 auto;padding:80px 5vw 120px}.content-wrap h2{font-size:32px;letter-spacing:-.06em;margin-top:65px}.content-wrap h3{font-size:20px}.content-wrap p{max-width:720px;color:#526276} .guide-step{display:grid;grid-template-columns:55px 1fr;gap:18px;border-top:1px solid #bcc9d7;padding:25px 0}.guide-step>span{font:14px monospace;color:#2357d8}.guide-step h3{margin:0 0 8px}.guide-step p{margin:0;font-size:14px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.case-box{background:#fff;border:1px solid #dfe5ec;border-radius:10px;padding:26px;min-height:240px}.case-box:nth-child(2){background:#fff5d9}.case-box:nth-child(3){background:#e7f5ee}.case-box:nth-child(4){background:#f0eaff}.case-box:nth-child(5){background:#e4efff}.case-box .case-no{font:11px monospace;color:#2357d8}.case-box h3{margin:30px 0 8px;font-size:22px;letter-spacing:-.05em}.case-box p{font-size:13px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.method-card{padding:25px;background:#fff;border:1px solid #dfe5ec;border-radius:10px}.method-card strong{display:block;font:28px monospace;color:#2357d8}.method-card h3{font-size:18px}.method-card p{font-size:13px}.legal-page{max-width:980px;margin:0 auto;padding:90px 5vw 120px;min-height:650px}.legal-page h1{font-size:clamp(53px,7vw,90px);line-height:.93;letter-spacing:-.09em;margin:20px 0 60px}.legal-body{max-width:720px;border-top:1px solid #bcc9d7;padding-top:25px}.legal-body h2{font-size:24px;letter-spacing:-.05em;margin:38px 0 8px}.legal-body p{font-size:14px;color:#526276}.legal-body a{text-decoration:underline;text-underline-offset:3px}@media(max-width:820px){.top{padding:0 20px}.top nav a:not(.top-link){display:none}.hero{grid-template-columns:1fr;padding:72px 8vw 75px}.hero-right{padding-top:35px}.quick-nav{grid-template-columns:1fr}.quick-nav a{border-right:0;border-bottom:1px solid #dfe5ec}.intro-band,.feature-area{grid-template-columns:1fr;padding-left:8vw;padding-right:8vw;gap:45px}.channel-banner{grid-template-columns:1fr;padding-left:8vw;padding-right:8vw}.case-grid,.method-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr;gap:22px}.footnote,footer p{text-align:left}.inner-hero{padding-left:8vw;padding-right:8vw}}@media(max-width:480px){.hero h1{font-size:58px}.hero-buttons{align-items:flex-start;flex-direction:column;gap:17px}.hero-note{right:-3px;width:108px;height:108px;font-size:9px}.feature-item{grid-template-columns:32px 1fr 20px}.feature-item h3{font-size:16px}.channel-banner h2{font-size:40px}}