:root{--ink:#22304d;--teal:#4a7678;--accent:#d98344;--cream:#f4efe3;--muted:#6b665a;--border:#c9c0ad;--white:#fff;--sans-ja:var(--font-noto-sans-jp), "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--sans-en:var(--font-montserrat), "Avenir Next", var(--sans-ja)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--sans-ja);margin:0;font-size:16px;line-height:1.65}a{color:inherit}.skip{z-index:100;background:#fff;padding:10px 16px;position:fixed;top:-80px;left:12px}.skip:focus{top:12px}.wrap{width:min(1080px,100% - 48px);margin-inline:auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#f4efe3f0;position:sticky;top:0}.bar{justify-content:space-between;align-items:center;gap:22px;max-width:1080px;margin:auto;padding:14px 24px;display:flex}.brand{font-family:var(--sans-en);letter-spacing:.16em;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.motif{flex-direction:column;justify-content:space-between;width:26px;height:20px;display:flex}.motif i{border-radius:2px;height:3px}.motif i:first-child{background:var(--ink)}.motif i:nth-child(2){background:var(--teal)}.motif i:nth-child(3){background:var(--accent)}nav{margin-left:auto}nav a{margin-left:20px;font-size:.9rem;font-weight:500;text-decoration:none}nav a:hover,nav a:focus-visible{color:var(--teal)}.lang{border:1px solid var(--border);border-radius:5px;display:flex;overflow:hidden}.lang button{cursor:pointer;font-family:var(--sans-en);color:var(--muted);background:0 0;border:0;padding:6px 10px;font-weight:600}.lang button.on{background:var(--ink);color:#fff}section{border-bottom:1px solid var(--border);padding:76px 0;scroll-margin-top:74px}h1,h2,h3,h4,.eyebrow{font-family:var(--sans-en);letter-spacing:.01em;line-height:1.25}h2{margin:0;font-size:clamp(1.8rem,4vw,2.5rem)}.eyebrow{color:var(--teal);letter-spacing:.14em;margin:0 0 14px;font-size:.78rem;font-weight:600}.hero{background:linear-gradient(180deg,#fff 0%,var(--cream) 100%);padding:100px 0 88px}.hero h1{max-width:20ch;margin:0;font-size:2.5rem}.hero .lead{color:#33404f;max-width:56ch;margin:22px 0 30px;font-size:1.12rem}.cta-row{flex-wrap:wrap;gap:14px;display:flex}.btn{border:1.5px solid var(--ink);background:var(--ink);color:#fff;min-height:48px;font:600 .95rem var(--sans-ja);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:12px 26px;text-decoration:none;display:inline-flex}.btn.line{color:var(--ink);background:0 0}.btn:hover{opacity:.88}.section-lead{color:#33404f;max-width:62ch;margin:12px 0 28px}.feature{border:2px solid var(--ink);background:#fff;border-radius:12px;margin-bottom:18px;padding:26px}.feature-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.feature-head h3{margin:0;font-size:1.25rem}.tag{border:1px solid var(--border);background:var(--cream);color:var(--muted);letter-spacing:.06em;vertical-align:middle;border-radius:99px;margin-left:8px;padding:3px 9px;font-size:.68rem;font-weight:700;display:inline-block}.tag.now{background:var(--ink);border-color:var(--ink);color:#fff}.feature-description{color:var(--muted);margin:6px 0 0;font-size:.9rem}.feature-columns{grid-template-columns:1fr 1fr;gap:26px;margin-top:18px;display:grid}.feature-column h4{letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem}.feature-column.available h4,.feature-column.available a{color:var(--teal)}.feature-column.preparing{opacity:.7}.feature-column ul{margin:0;padding:0;font-size:.9rem;list-style:none}.feature-column li{padding:4px 0 4px 20px;position:relative}.feature-column.available li:before{content:"✓";color:var(--teal);font-weight:700;position:absolute;left:0}.feature-column.preparing li:before{content:"○";font-size:.7rem;position:absolute;top:7px;left:2px}.feature-column a,.muted-link{margin-top:12px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-block}.domain-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:10px;padding:22px}.card.soft{background:0 0;border-style:dashed}.card h3{margin:0 0 8px;font-size:1.02rem}.card p{color:var(--muted);margin:0;font-size:.9rem}.white{background:#fff}.steps{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:26px;display:grid}.step{border:1px solid var(--border);background:#fff;border-radius:10px;padding:18px}.step>span{color:var(--accent);font:700 .8rem var(--sans-en);letter-spacing:.1em}.step h3{margin:6px 0;font-size:1rem}.step p{color:var(--muted);margin:0;font-size:.84rem}.split{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.values{columns:2;margin:16px 0 0;padding:0;font-size:.92rem;list-style:none}.values li{margin-bottom:7px;padding-left:17px;position:relative}.values li:before{content:"—";color:var(--accent);position:absolute;left:0}.principle{border-left:4px solid var(--accent);margin-top:18px;padding-left:16px}.principle:first-child{margin-top:0}.principle span{color:var(--teal);font:600 .72rem var(--sans-en);letter-spacing:.12em;text-transform:uppercase}.principle p{margin:2px 0 0;font-size:1.02rem;font-weight:500}.supporting{color:var(--muted);margin-top:14px;font-size:.9rem}.company-table{border:1px solid var(--border);background:#fff;border-radius:10px;margin:0;overflow:hidden}.company-table div{grid-template-columns:34% 1fr;display:grid}.company-table dt,.company-table dd{margin:0;padding:10px 14px}.company-table dt{background:var(--ink);color:#fff;font-weight:600}.company-table dd{border-bottom:1px solid var(--border)}.company-table div:last-child dd{border-bottom:0}.form{border:1px solid var(--border);background:#fff;border-radius:12px;padding:26px}.form label{margin-bottom:14px;font-size:.82rem;font-weight:600;display:block}.form input,.form select,.form textarea{border:1px solid var(--border);background:var(--cream);width:100%;color:var(--ink);font:inherit;border-radius:6px;margin-top:5px;padding:10px 12px;font-size:.9rem;display:block}.form textarea{resize:vertical}.form .consent{color:var(--muted);align-items:flex-start;gap:8px;font-weight:400;display:flex}.form .consent input{width:auto;margin-top:4px}.form .consent a{color:var(--teal)}.form .btn{width:100%}.form-status{min-height:1.65em;color:var(--teal);margin:10px 0 0;font-size:.9rem}footer{background:var(--ink);color:#cdd4de;padding:44px 0}.footer-grid{grid-template-columns:1.4fr 1fr;gap:30px;display:grid}.footer-grid h2,.footer-grid h3{color:#fff;letter-spacing:.1em;margin:0 0 10px;font-size:.9rem}.footer-grid p,.footer-grid li{font-size:.82rem;line-height:1.7}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid a{text-decoration:none}.legal{max-width:820px;min-height:100vh;margin:auto;padding:80px 24px}.legal h1{font:700 clamp(2rem,5vw,3.6rem)/1.2 var(--sans-en);margin:60px 0 32px}.legal h2{margin-top:42px;font-size:1.3rem}@media (max-width:900px){.domain-grid,.steps{grid-template-columns:1fr 1fr}}@media (max-width:820px){nav{display:none}}@media (max-width:760px){.feature-columns,.split{grid-template-columns:1fr}.hero{padding-top:74px}.footer-grid{grid-template-columns:1fr}}@media (max-width:560px){.wrap{width:min(100% - 32px,1080px)}.bar{padding:12px 16px}.brand{font-size:1rem}.domain-grid,.steps{grid-template-columns:1fr}.values{columns:1}section{padding:60px 0}.hero h1{font-size:1.85rem}.cta-row .btn{width:100%}.company-table div{grid-template-columns:1fr}.company-table dd{border-bottom:1px solid var(--border)}}
