:root{--ink:#172339;--muted:#617085;--blue:#2256c7;--line:#e2e8f0;--bg:#f6f9fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);line-height:1.75}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 24px}.header{background:#fff;border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:20px}.logo{font-size:26px;font-weight:850;color:var(--blue);line-height:1.1}.logo span{display:block;font-size:11px;letter-spacing:.15em;color:var(--muted)}nav{display:flex;gap:25px;font-size:14px;font-weight:700}.hero{background:linear-gradient(125deg,#eaf2ff,#fff 70%);padding:94px 0}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.13em;color:var(--blue)}h1{font-size:clamp(32px,5vw,56px);line-height:1.4;letter-spacing:-.035em;margin:15px 0}h2{font-size:clamp(25px,3vw,35px);line-height:1.4;margin:4px 0 14px}.hero p:not(.eyebrow){max-width:610px;color:#46566b}.primary{display:inline-block;margin-top:22px;padding:13px 25px;background:var(--blue);border-radius:8px;color:#fff;font-weight:800}.section{padding-top:75px;padding-bottom:80px}.muted{color:var(--muted)}.filters{display:flex;gap:12px;margin:28px 0}.filters input,.filters select{font:inherit;padding:12px 14px;border:1px solid #cdd8e5;border-radius:8px;background:#fff}.filters input{flex:1;min-width:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff;box-shadow:0 8px 25px #17233908}.tag{display:inline-block;padding:3px 11px;border-radius:99px;background:#eaf1ff;color:#2453ad;font-size:12px;font-weight:800}.card h3{margin:16px 0 6px;font-size:21px}.card p{color:#516074;font-size:14px}.card ul{padding-left:20px;font-size:14px}.disabled{display:block;text-align:center;padding:10px;border:1px solid var(--line);background:#f3f6fa;color:#69768a;border-radius:8px;font-weight:700;margin-top:18px}.guide{background:var(--bg)}.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}.tips article{background:#fff;padding:24px;border-radius:12px}.tips b{color:var(--blue)}footer{background:#14213a;color:#e6edf7;padding:38px 0}footer a{color:#e6edf7}footer small{color:#aab7cb}.content{max-width:850px;margin:65px auto;padding:0 24px;min-height:45vh}.content h1{font-size:32px}.content h2{font-size:22px;margin-top:32px}@media(max-width:750px){.nav{align-items:flex-start;padding-top:15px;padding-bottom:15px;flex-direction:column}nav{gap:15px;flex-wrap:wrap}.hero{padding:60px 0}.cards,.tips{grid-template-columns:1fr}.filters{flex-direction:column}.section{padding-top:55px;padding-bottom:55px}}
