.sx-services{--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-services *{box-sizing:border-box}.sx-services,.sx-services>.sx-b{margin:0}.sx-services>.sx-b{font-family:var(--sans);-webkit-font-smoothing:antialiased;line-break:strict;background:var(--dark);overflow-x:clip}.sx-services .sec{padding:clamp(80px,12vh,128px) var(--gx)}.sx-services .sec.dark{background:var(--dark);color:#fff;--sub:#ffffffb8;--mute:#ffffff80;--rule:#ffffff1f}.sx-services .sec.light{background:var(--light);color:var(--ink);--sub:#121316b8;--mute:#12131680;--rule:#1213161f}.sx-services h2{font:900 clamp(28px,3.2vw,40px)/1.3 var(--sans);letter-spacing:-.01em;word-break:auto-phrase;margin:0}.sx-services .lead{font:500 clamp(15px,1.2vw,17px)/1.75 var(--sans);color:var(--sub);margin:14px 0 0}.sx-services .notes{margin:20px 0 0;padding:0;list-style:none}.sx-services .notes li{font:500 13.5px/1.8 var(--sans);color:var(--sub);padding-left:20px;position:relative}.sx-services .notes li:before{content:"※";color:var(--mute);position:absolute;left:0}@keyframes sx-services-beat{0%{box-shadow:0 0 #19c37d99}70%,to{box-shadow:0 0 0 7px #19c37d00}}.sx-services .rv{opacity:0;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}.sx-services .rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.sx-services .rv{opacity:1;transform:none}.sx-services *{transition:none!important;animation:none!important}}.sx-services .fr{height:132px;color:var(--ink);font:500 12px/1.4 var(--sans);background:#fff;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1213161f,0 26px 30px -22px #000000b3}.sx-services .fh{white-space:nowrap;height:24px;font:700 11.5px var(--sans);background:#f7f7f5;border-bottom:1px solid #12131614;align-items:center;padding:0 10px;display:flex}.sx-services .fb{padding:6px 10px;position:relative}.sx-services .fb .r{white-space:nowrap;border-bottom:1px solid #1213160f;justify-content:space-between;align-items:center;gap:8px;padding:3.5px 0;display:flex}.sx-services .fb .lb{color:#1213168c}.sx-services .fb .v{font-weight:700}.sx-services .fb .g{color:#0f9a60;align-items:center;gap:5px;font-weight:600;display:inline-flex}.sx-services .dt{background:var(--sealed);border-radius:50%;width:6px;height:6px;display:inline-block}.sx-services .f1 .r:nth-child(n) .dt{animation:2.4s infinite sx-services-beat}.sx-services .f1 .r:nth-child(2) .dt{animation-delay:.6s}.sx-services .f1 .r:nth-child(3) .dt{animation-delay:1.2s}.sx-services .f1 .r:nth-child(4) .dt{animation-delay:1.8s}.sx-services .rd{color:#12131640;transition:color .4s .3s}.sx-services .in .rd{color:var(--attack)}.sx-services .ob{background:var(--accent);color:#fff;height:16px;font:700 9.5px var(--sans);border:0;border-radius:4px;padding:0 6px;position:absolute;top:-20px;right:10px}.sx-services .f2 .fb{padding-top:6px}.sx-services .f2 .ob{top:-20px}.sx-services .ck{color:#12131626;transition:color .3s}.sx-services .in .f3 .r:first-child .ck{color:var(--sealed);transition-delay:.4s}.sx-services .in .f3 .r:nth-child(2) .ck{color:var(--sealed);transition-delay:.7s}.sx-services .in .f3 .r:nth-child(3) .ck{color:var(--sealed);transition-delay:1s}.sx-services .in .f3 .r:nth-child(4) .ck{color:var(--sealed);transition-delay:1.3s}.sx-services .mono{font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:600}.sx-services .pr{color:#12131666;align-items:center;gap:5px;transition:color .4s .8s;display:inline-flex}.sx-services .pr .dt{background:#12131633;transition:background .4s .8s}.sx-services .in .pr{color:#0f9a60}.sx-services .in .pr .dt{background:var(--sealed)}.sx-services .sm{font:500 10.5px var(--sans);color:#1213168c;margin:6px 0 0}.sx-services .tag{font:700 9px var(--sans);color:#12131673;position:absolute;top:-18px;right:8px}.sx-services .tag.g{color:#0f9a60;align-items:center;gap:4px;display:inline-flex}.sx-services .wp{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.sx-services .wp b{font:700 12px var(--sans);border:1px solid #12131624;border-radius:6px;margin:0;padding:8px 10px;display:block}.sx-services .wp .ar{color:var(--accent);font-weight:900}.sx-services .bar{background:#12131614;border-radius:2px;height:4px;margin-top:16px}.sx-services .bar i{background:var(--accent);border-radius:2px;width:0;height:100%;transition:width 1.4s cubic-bezier(.2,.8,.2,1) .4s;display:block}.sx-services .in .bar i{width:70%}.sx-services .fb .inp{height:40px;font:500 12px var(--sans);border:1px solid #1213162e;border-radius:6px;align-items:flex-start;margin-top:8px;padding:8px;display:flex}.sx-services .cur{background:var(--ink);width:1px;height:14px;animation:1s step-end infinite sx-services-bl;display:inline-block}@keyframes sx-services-bl{50%{opacity:0}}.sx-services .ol{height:22px;font:700 10.5px var(--sans);color:var(--ink);background:#fff;border:1px solid #1213164d;border-radius:5px;margin-top:10px;padding:0 10px}.sx-services .fld{height:18px;font:500 9.5px/17px var(--sans);color:#12131673;border:1px solid #12131624;border-radius:4px;margin-top:5px;padding:0 6px}.sx-services .fld.tall{height:26px}.sx-services .f8 .fh{padding-right:84px;font-size:10.5px}.sx-services .ob.s{height:18px;margin-top:6px;position:static}.sx-services .more{font:700 16px var(--sans);color:#fff;text-underline-offset:7px;margin-top:clamp(56px,8vh,80px);-webkit-text-decoration:underline #ff6a13b3;text-decoration:underline #ff6a13b3;text-decoration-thickness:2px;display:inline-block}.sx-services a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sx-services .rows{flex-direction:column;gap:clamp(64px,10vh,112px);margin-top:clamp(40px,6vh,64px);display:flex}.sx-services .row{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.sx-services .row:nth-child(2n) .tx{order:2}.sx-services .no{font:900 14px var(--sans);color:var(--accent);margin:0}.sx-services .row h3{font:900 clamp(24px,2.4vw,32px)/1.35 var(--sans);word-break:auto-phrase;margin:8px 0 0}.sx-services .st{font:700 14px var(--sans);color:var(--sealed);align-items:center;gap:8px;margin:10px 0 0;display:inline-flex}.sx-services .st i{background:var(--sealed);border-radius:50%;width:8px;height:8px;animation:2s infinite sx-services-beat}.sx-services .st.p{color:var(--mute)}.sx-services .d{font:500 16px/1.85 var(--sans);color:var(--sub);margin:16px 0 0}.sx-services .sh{background:radial-gradient(closest-side,#ffffff12,#fff0);border-radius:16px;justify-content:center;padding:clamp(28px,4vw,48px);display:flex;position:relative}.sx-services .sh .zoom{transform-origin:50%;width:300px;height:132px;margin:52px 0;transform:scale(1.55)}.sx-services .sh .fr{height:132px}.sx-services .prep-h{flex-wrap:wrap;align-items:baseline;gap:8px 20px;display:flex}.sx-services .flow3{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin:clamp(32px,5vh,48px) 0 0;padding:0;list-style:none;display:grid;position:relative}.sx-services .flow3 li{position:relative}.sx-services .flow3 li+li:before{content:"→";font:900 18px var(--sans);color:var(--mute);position:absolute;top:78px;left:calc(clamp(24px,3vw,48px)/-2 - 8px)}.sx-services .flow3 .sh.s{background:0 0;padding:20px}.sx-services .flow3 .sh.s .zoom{margin:12px 0;transform:scale(1.15)}.sx-services .flow3 .fr{filter:saturate(.2)opacity(.75)}.sx-services .flow3 h3{font:900 20px/1.4 var(--sans);word-break:auto-phrase;margin:20px 0 0}.sx-services .flow3 .d{font-size:15px}.sx-services .sec.light .fr{box-shadow:0 0 0 1px #1213161f,0 20px 30px -22px #00000059}@media (max-width:900px){.sx-services .row{grid-template-columns:minmax(0,1fr)}.sx-services .row>*{min-width:0}.sx-services .row:nth-child(2n) .tx{order:0}.sx-services .sh .zoom{margin:0;transform:scale(1)}.sx-services .sh{padding:16px}.sx-services .flow3{grid-template-columns:1fr}.sx-services .flow3 li+li:before{content:"↓";top:-30px;left:0}.sx-services .flow3 .sh.s .zoom{transform:none}}.sx-services .pic{background:#1a1c21;border-radius:14px;width:100%;padding:8px;position:relative;box-shadow:0 0 0 1px #ffffff1a,0 40px 80px -40px #000000f2}.sx-services .pic img{border-radius:7px;width:100%;height:auto;display:block}.sx-services .row .sh{background:0 0;padding:0;display:block}
.sx-env{--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-env *{box-sizing:border-box}.sx-env,.sx-env>.sx-b{margin:0}.sx-env>.sx-b{font-family:var(--sans);-webkit-font-smoothing:antialiased;line-break:strict;background:var(--dark);overflow-x:clip}.sx-env .sec{padding:clamp(80px,12vh,128px) var(--gx)}.sx-env .sec.dark{background:var(--dark);color:#fff;--sub:#ffffffb8;--mute:#ffffff80;--rule:#ffffff1f}.sx-env .sec.light{background:var(--light);color:var(--ink);--sub:#121316b8;--mute:#12131680;--rule:#1213161f}.sx-env h2{font:900 clamp(28px,3.2vw,40px)/1.3 var(--sans);letter-spacing:-.01em;word-break:auto-phrase;margin:0}.sx-env .lead{font:500 clamp(15px,1.2vw,17px)/1.75 var(--sans);color:var(--sub);margin:14px 0 0}.sx-env .notes{margin:20px 0 0;padding:0;list-style:none}.sx-env .notes li{font:500 13.5px/1.8 var(--sans);color:var(--sub);padding-left:20px;position:relative}.sx-env .notes li:before{content:"※";color:var(--mute);position:absolute;left:0}@keyframes sx-env-beat{0%{box-shadow:0 0 #19c37d99}70%,to{box-shadow:0 0 0 7px #19c37d00}}.sx-env .rv{opacity:0;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}.sx-env .rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.sx-env .rv{opacity:1;transform:none}.sx-env *{transition:none!important;animation:none!important}}.sx-env .envs{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:28px 40px;margin-top:clamp(36px,6vh,56px);display:grid}.sx-env .envs .k{font:700 14px var(--sans);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.sx-env .envs .k i{border-radius:50%;width:8px;height:8px}.sx-env .envs .k.ok{color:var(--sealed)}.sx-env .envs .k.ok i{background:var(--sealed)}.sx-env .envs .k.bt{color:var(--accent)}.sx-env .envs .k.bt i{background:var(--accent)}.sx-env .mk{flex-wrap:wrap;gap:20px 36px;margin:0;padding:0;list-style:none;display:flex}.sx-env .mk li{font:800 17px var(--sans);align-items:center;gap:12px;display:flex}.sx-env .mk.b li{color:var(--sub);font-size:15px;font-weight:700}.sx-env .mk.b img{width:34px;height:34px}.sx-env .mk img[src*=wordpress],.sx-env .mk img[src*=rails]{filter:brightness(0)invert()}.sx-env .where{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 40px;margin-top:clamp(40px,6vh,56px);display:grid}.sx-env .where div{border-top:2px solid var(--rule);padding-top:16px}.sx-env .where b{font:800 16px var(--sans);display:block}.sx-env .where p{font:500 14.5px/1.75 var(--sans);color:var(--sub);margin:8px 0 0}.sx-env .cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,6vh,64px) clamp(32px,4vw,64px);margin-top:clamp(40px,6vh,64px);display:grid}.sx-env .cat h3{font:900 22px/1.4 var(--sans);margin:0}.sx-env .cat .cs{font:500 14px var(--sans);color:var(--mute);margin:6px 0 0}.sx-env .cat ol{margin:18px 0 0;padding:0;list-style:none}.sx-env .cat li{font:500 15px/1.75 var(--sans);grid-template-columns:32px minmax(0,1fr);gap:12px;padding:9px 0;display:grid}.sx-env .cat li b{font:900 15px/1.75 var(--sans);color:var(--accent)}.sx-env .cat li i{color:var(--accent);margin-left:4px;font-style:normal;font-weight:700}.sx-env .big{align-items:baseline;gap:6px;margin-top:10px;display:flex}.sx-env .big strong{font:900 clamp(48px,5vw,72px)/1 var(--sans);color:var(--accent)}.sx-env .big span{font:900 18px var(--sans)}@media (max-width:900px){.sx-env .envs{grid-template-columns:1fr;gap:14px}.sx-env .where,.sx-env .cats{grid-template-columns:1fr}}.sx-env>.sx-b>section:first-of-type{border-top:1px solid #ffffff1f}