.sx-contact{--dark:#0e0f12;--light:#f7f7f5;--ink:#121316;--accent:#ff6a13;--sealed:#19c37d;--attack:#e5383b;--gx:max(24px,6vw);--sans:"Noto Sans JP","Hiragino Sans",sans-serif}.sx-contact *{box-sizing:border-box}.sx-contact,.sx-contact>.sx-b{margin:0}.sx-contact>.sx-b{font-family:var(--sans);-webkit-font-smoothing:antialiased;line-break:strict;background:var(--dark);overflow-x:clip}.sx-contact .sec{padding:clamp(80px,12vh,128px) var(--gx)}.sx-contact .sec.dark{background:var(--dark);color:#fff;--sub:#ffffffb8;--mute:#ffffff80;--rule:#ffffff1f}.sx-contact .sec.light{background:var(--light);color:var(--ink);--sub:#121316b8;--mute:#12131680;--rule:#1213161f}.sx-contact h2{font:900 clamp(28px,3.2vw,40px)/1.3 var(--sans);letter-spacing:-.01em;word-break:auto-phrase;margin:0}.sx-contact .lead{font:500 clamp(15px,1.2vw,17px)/1.75 var(--sans);color:var(--sub);margin:14px 0 0}.sx-contact .notes{margin:20px 0 0;padding:0;list-style:none}.sx-contact .notes li{font:500 13.5px/1.8 var(--sans);color:var(--sub);padding-left:20px;position:relative}.sx-contact .notes li:before{content:"※";color:var(--mute);position:absolute;left:0}@keyframes sx-contact-beat{0%{box-shadow:0 0 #19c37d99}70%,to{box-shadow:0 0 0 7px #19c37d00}}.sx-contact .rv{opacity:0;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}.sx-contact .rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.sx-contact .rv{opacity:1;transform:none}.sx-contact *{transition:none!important;animation:none!important}}.sx-contact .btn{background:var(--accent);color:#121316;height:52px;font:700 15px var(--sans);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 28px;text-decoration:none;display:inline-flex}.sx-contact .btn.out{color:inherit;background:0 0;box-shadow:inset 0 0 0 1.5px}.sx-contact .tl2{font:700 15px var(--sans);color:inherit;text-underline-offset:6px;-webkit-text-decoration:underline #ff6a13b3;text-decoration:underline #ff6a13b3;text-decoration-thickness:2px}.sx-contact .ct{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.sx-contact .reply{font:900 clamp(24px,2.4vw,32px)/1.4 var(--sans);margin:0}.sx-contact .reply em{color:var(--accent);font-style:normal}.sx-contact .sub{font:500 15px/1.8 var(--sans);color:var(--sub);margin:10px 0 0}.sx-contact form{flex-direction:column;gap:22px;margin-top:clamp(28px,5vh,40px);display:flex}.sx-contact .f{flex-direction:column;gap:8px;display:flex}.sx-contact .f>span{font:700 14px var(--sans);align-items:center;gap:10px;display:flex}.sx-contact .f small{font:700 11.5px var(--sans);color:var(--attack)}.sx-contact .f small.opt{color:var(--mute)}.sx-contact .f input,.sx-contact .f select,.sx-contact .f textarea{width:100%;height:52px;font:500 16px var(--sans);color:var(--ink);background:#fff;border:1px solid #1213162e;border-radius:10px;padding:0 16px}.sx-contact .f textarea{resize:vertical;height:150px;padding:14px 16px;line-height:1.7}.sx-contact .f input:focus,.sx-contact .f select:focus,.sx-contact .f textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.sx-contact .send{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.sx-contact .done{font:500 13px var(--sans);color:var(--mute)}.sx-contact .after{background:#fff;border-radius:16px;padding:clamp(24px,3vw,36px);position:sticky;top:32px;box-shadow:0 0 0 1px #12131614}.sx-contact .after h3{font:800 16px var(--sans);margin:0}.sx-contact .af{margin:20px 0 0;padding:0 0 0 36px;list-style:none;position:relative}.sx-contact .af:before{content:"";background:#12131626;width:2px;position:absolute;top:12px;bottom:12px;left:11px}.sx-contact .af li{font:700 15px/1.6 var(--sans);padding:8px 0;position:relative}.sx-contact .af li:before{content:attr(data-n);background:var(--ink);color:#fff;width:24px;height:24px;font:900 12px var(--sans);border-radius:50%;place-items:center;display:grid;position:absolute;top:7px;left:-36px}.sx-contact .af li:first-child:before{background:var(--accent);color:#121316}.sx-contact .after .notes li{font-size:13px}@media (max-width:900px){.sx-contact .ct{grid-template-columns:1fr}.sx-contact .after{position:static}}