@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#173645;background:#fff;font-family:'Noto Sans JP',sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}.samplebar{padding:5px 15px;background:#143445;color:#fff;text-align:center;font-size:9px;font-weight:700;letter-spacing:.15em}.header{height:76px;padding:0 5vw;display:flex;align-items:center;gap:34px;position:sticky;top:0;z-index:20;background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid #dbeaf0}.logo{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:900;line-height:1.2}.logo small{display:block;margin-top:4px;color:#78909b;font-size:9px;font-weight:600;letter-spacing:.08em}.logo-mark{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#14a9db;color:#fff;font-weight:900}.header nav{margin-left:auto;display:flex;gap:28px;font-size:12px;font-weight:700}.header nav a:hover{color:#0b9ed0}.header-cta{padding:11px 19px;border-radius:999px;background:#143445;color:#fff;font-size:12px;font-weight:800}.hero{min-height:620px;display:grid;grid-template-columns:56% 44%;background:#eefaff}.hero-photo{min-height:620px;overflow:hidden;order:2}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-copy{padding:86px 6vw 70px 8vw;display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-head>p,.contact>p{margin:0 0 13px;color:#0c9fd1;font-size:10px;font-weight:900;letter-spacing:.16em}h1{margin:0;font-size:clamp(42px,5.2vw,71px);line-height:1.28;letter-spacing:-.04em}h1 strong{color:#0c9fd1}.hero-lead{max-width:520px;margin:25px 0 0;color:#58727e;font-size:14px}.hero-points{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0}.hero-points span{padding:7px 11px;border:1px solid #bfe4f0;border-radius:999px;background:#fff;color:#41626f;font-size:10px;font-weight:700}.primary{width:max-content;min-width:220px;padding:15px 21px;border-radius:999px;background:#0c9fd1;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:900;box-shadow:0 10px 30px #0c9fd12c}.quick{max-width:1060px;margin:-38px auto 0;position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:18px;box-shadow:0 18px 50px #16425b18;overflow:hidden}.quick a{padding:24px 28px;border-right:1px solid #e3eff3;display:grid;grid-template-columns:auto 1fr;gap:1px 14px;align-items:center}.quick a:last-child{border-right:0}.quick b{grid-row:1/3;color:#0c9fd1;font-size:11px}.quick span{font-size:10px;color:#7b919b}.quick strong{font-size:13px}.section{max-width:1100px;margin:auto;padding:105px 25px}.section-head{margin-bottom:42px}.section-head h2,.area h2,.contact h2{margin:0;font-size:clamp(30px,4vw,45px);line-height:1.45;letter-spacing:-.03em}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-list article{padding:30px 29px;background:#f6fbfd;border:1px solid #dfedf2;border-radius:16px}.service-list article>span{color:#0c9fd1;font-size:10px;font-weight:900}.service-list h3{margin:20px 0 8px;font-size:18px}.service-list p{margin:0;color:#67808b;font-size:12px}.service-note{margin-top:22px;padding:18px;background:#eaf8fd;border-radius:16px;display:flex;align-items:center;gap:20px}.service-note img{width:96px;height:96px;border-radius:13px;object-fit:cover}.service-note b{font-size:14px}.service-note p{margin:4px 0 0;color:#64808c;font-size:11px}.price-section{padding:100px 25px;background:#143445;color:#fff}.price-inner{max-width:1050px;margin:auto}.section-head.light>p{color:#63d6f4}.section-head.light span{display:block;margin-top:12px;color:#bdd0d8;font-size:11px}.price-card{padding:35px 40px;background:#fff;color:#173645;border-radius:18px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.price-card small{font-size:11px;color:#708993}.price-card strong{display:block;margin-top:8px;font-size:27px}.price-card p{margin:0;color:#637d88;font-size:12px}.price-caution{margin:14px 5px 0;color:#a9c1cb;font-size:10px}.flow-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.flow-list li{padding:0 22px;border-left:1px solid #d9e9ef}.flow-list li:first-child{padding-left:0;border-left:0}.flow-list b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0c9fd1;color:#fff;font-size:13px}.flow-list h3{margin:18px 0 7px;font-size:15px}.flow-list p{margin:0;color:#69818c;font-size:11px}.area{padding:75px max(25px,calc((100vw - 1050px)/2));background:#eff9fc;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.area>div>p:last-child{color:#65808c;font-size:12px}.area dl{margin:0;background:#fff;border-radius:16px;padding:10px 27px}.area dl div{display:grid;grid-template-columns:110px 1fr;padding:17px 0;border-bottom:1px solid #e2edf1;font-size:11px}.area dl div:last-child{border-bottom:0}.area dt{font-weight:800}.area dd{margin:0;color:#64808b}.contact{padding:100px 20px;text-align:center;background:#dff6ff}.contact h2{margin-bottom:15px}.contact>span{color:#617d89;font-size:12px}.contact-btn{display:flex;margin:30px auto 0;min-width:250px;justify-content:space-between;padding:16px 20px;border:0;border-radius:999px;background:#0c9fd1;color:#fff;font-weight:900;cursor:pointer}.contact small{display:block;margin-top:15px;color:#78919b;font-size:9px}footer{padding:38px 6vw;display:flex;align-items:center;justify-content:space-between}footer p{color:#78909a;font-size:9px;letter-spacing:.08em}.footer-logo small{letter-spacing:0}.modal{display:none;position:fixed;inset:0;z-index:60;background:#092331c9;place-items:center;padding:20px}.modal.show{display:grid}.modal-box{width:min(440px,100%);padding:38px;background:#fff;border-radius:18px;position:relative;text-align:center}.modal-box>p{margin:0;color:#0c9fd1;font-size:9px;font-weight:900;letter-spacing:.15em}.modal-box h2{margin:10px 0;font-size:24px}.modal-box>span{color:#69808a;font-size:12px}.modal-x{position:absolute;top:10px;right:13px;border:0;background:transparent;font-size:25px;cursor:pointer}.modal-close{margin-top:24px;padding:10px 30px;border:0;border-radius:999px;background:#143445;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:760px){.header{height:64px;padding:0 16px}.header nav,.header-cta{display:none}.logo{font-size:14px}.logo-mark{width:31px;height:31px}.hero{display:flex;flex-direction:column;min-height:0}.hero-photo{order:0;min-height:0;height:42vh;max-height:390px}.hero-copy{padding:42px 22px 52px}.hero h1{font-size:40px}.hero-lead br{display:none}.hero-points{margin:22px 0}.primary{width:100%}.quick{margin:0;border-radius:0;grid-template-columns:1fr;box-shadow:none;border-bottom:1px solid #e0edf2}.quick a{padding:17px 22px;border-right:0;border-bottom:1px solid #e6f0f3}.quick a:last-child{border-bottom:0}.section{padding:72px 20px}.service-list{grid-template-columns:1fr}.service-list article{padding:24px}.service-note{align-items:flex-start}.service-note img{width:76px;height:76px}.price-section{padding:72px 20px}.price-card{grid-template-columns:1fr;gap:15px;padding:28px 24px}.price-card strong{font-size:23px}.flow-list{grid-template-columns:1fr;gap:0}.flow-list li,.flow-list li:first-child{padding:18px 0;display:grid;grid-template-columns:42px 1fr;gap:12px;border-left:0;border-bottom:1px solid #e1edf1}.flow-list h3{margin:0 0 5px}.area{padding:65px 20px;grid-template-columns:1fr;gap:28px}.area dl div{grid-template-columns:95px 1fr}.contact{padding:75px 20px}footer{padding:30px 20px;display:block}footer p{margin-top:18px}}
