:root{--nssg-ink:#10213d;--nssg-blue:#159ee9;--nssg-line:#dce8f0}html.nssg-lock{overflow:hidden}body:not(.wp-admin){padding-top:96px!important}body.admin-bar .nssg-shell{top:32px}.nssg-shell{position:fixed;z-index:99990;top:0;left:0;right:0;height:0;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:var(--nssg-ink)}.nssg-shell *{box-sizing:border-box}.nssg-shell a{color:inherit;text-decoration:none}.nssg-bar{position:relative;width:min(1180px,calc(100% - 36px));height:70px;margin:13px auto 0;padding:0 12px 0 21px;border:1px solid #d5e4edcc;border-radius:22px;background:#fffffff2;box-shadow:0 12px 40px #123c5d1c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;align-items:center;transition:height .25s,margin .25s,border-radius .25s,box-shadow .25s}.nssg-bar.is-compact{height:58px;margin-top:8px;border-radius:18px;box-shadow:0 10px 32px #123c5d29}.nssg-brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;font-size:13px;font-weight:900;letter-spacing:.11em;line-height:1.1}.nssg-brand small{display:block;margin-top:4px;color:#8193a7;font-size:7px;font-weight:700;letter-spacing:.2em}.nssg-mark{width:31px;height:31px;display:flex;align-items:flex-end;gap:3px;transform:skew(-8deg)}.nssg-mark i{display:block;width:7px;border-radius:5px 5px 2px 2px;background:linear-gradient(#79d9ff,#168ddd)}.nssg-mark i:nth-child(1){height:15px}.nssg-mark i:nth-child(2){height:25px}.nssg-mark i:nth-child(3){height:20px;background:linear-gradient(#92e5ff,#54bbee)}.nssg-desktop{margin-left:auto;display:flex;align-items:center;gap:29px}.nssg-desktop>a,.nssg-services-button{position:relative;border:0;background:none;padding:24px 0;color:#30465d;font-size:11px;font-weight:800;letter-spacing:.04em;cursor:pointer}.nssg-desktop>a:after,.nssg-services-button:after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:2px;border-radius:2px;background:#1aa4e4;transition:right .2s}.nssg-desktop>a:hover:after,.nssg-services-button:hover:after,.nssg-services-wrap.is-open .nssg-services-button:after{right:0}.nssg-services-button i{display:inline-block;width:6px;height:6px;margin:0 0 3px 7px;border-right:1.5px solid #61788d;border-bottom:1.5px solid #61788d;transform:rotate(45deg);transition:.2s}.nssg-services-wrap.is-open .nssg-services-button i{transform:rotate(225deg);margin-bottom:0}.nssg-contact{margin-left:27px;padding:13px 18px;border-radius:100px;background:#102d4d;color:#fff!important;font-size:10px;font-weight:900;white-space:nowrap;box-shadow:0 8px 22px #102d4d2b}.nssg-contact span{margin-left:13px;color:#6ed4ff}.nssg-mega{position:absolute;left:50%;top:66px;width:min(880px,calc(100vw - 55px));padding:25px;border:1px solid #d9e7ef;border-radius:22px;background:#fffffff8;box-shadow:0 25px 65px #1439562b;opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:.2s;backdrop-filter:blur(20px)}.nssg-services-wrap.is-open .nssg-mega,.nssg-services-wrap:hover .nssg-mega{opacity:1;visibility:visible;transform:translate(-50%,0)}.nssg-mega-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;padding:0 4px}.nssg-mega-head span{color:#178fca;font-size:8px;font-weight:900;letter-spacing:.22em}.nssg-mega-head b{font-size:12px}.nssg-service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.nssg-service-grid a{min-height:128px;padding:17px 14px;border:1px solid #e3edf3;border-radius:15px;background:#f9fcfe;transition:.2s}.nssg-service-grid a:hover{transform:translateY(-3px);border-color:#a7dbef;background:#effaff;box-shadow:0 10px 23px #19547212}.nssg-service-grid small{display:block;margin-bottom:22px;color:#178fc9;font-size:7px;font-weight:900;letter-spacing:.1em}.nssg-service-grid b{display:block;font-size:12px;line-height:1.4}.nssg-service-grid span{display:block;margin-top:7px;color:#76889a;font-size:8px;line-height:1.5}.nssg-service-grid .nssg-creative{background:#fff7f3;border-color:#f1d9d0}.nssg-service-grid .nssg-creative small{color:#d16b4b}.nssg-menu-button{display:none;margin-left:auto;width:52px;height:42px;border:0;border-radius:14px;background:#102d4d;color:#fff;position:relative;cursor:pointer}.nssg-menu-button span{position:absolute;left:9px;top:8px;font-size:6px;font-weight:900;letter-spacing:.1em}.nssg-menu-button i{position:absolute;right:9px;width:17px;height:1px;background:#fff}.nssg-menu-button i:nth-of-type(1){top:17px}.nssg-menu-button i:nth-of-type(2){top:24px}.nssg-backdrop{position:fixed;z-index:99991;inset:0;background:#07182a99;opacity:0;transition:opacity .25s}.nssg-backdrop.is-open{opacity:1}.nssg-drawer{position:fixed;z-index:99992;right:0;top:0;width:min(420px,90vw);height:100dvh;padding:26px 25px 23px;background:#f9fcfe;box-shadow:-25px 0 60px #06192b3d;transform:translateX(105%);transition:transform .32s cubic-bezier(.22,.75,.25,1);overflow-y:auto}.nssg-drawer.is-open{transform:translateX(0)}.nssg-drawer-head{height:42px;display:flex;align-items:center;justify-content:space-between}.nssg-drawer-head>span{font-size:9px;font-weight:900;letter-spacing:.25em;color:#6c8194}.nssg-close{position:relative;width:40px;height:40px;border:1px solid #d0dee7;border-radius:50%;background:#fff;cursor:pointer}.nssg-close i{position:absolute;left:11px;top:19px;width:17px;height:1px;background:#19334c}.nssg-close i:first-child{transform:rotate(45deg)}.nssg-close i:last-child{transform:rotate(-45deg)}.nssg-drawer nav>p{margin:25px 0 8px;color:#168fc9;font-size:8px;font-weight:900;letter-spacing:.24em}.nssg-drawer nav>a{min-height:62px;padding:9px 7px;display:grid;grid-template-columns:29px 1fr 15px;align-items:center;border-bottom:1px solid #e2eaf0}.nssg-drawer nav>a>small{color:#8ba0b2;font-size:9px;font-weight:900}.nssg-drawer nav>a>span{display:flex;flex-direction:column}.nssg-drawer nav>a b{font-size:13px}.nssg-drawer nav>a em{margin-top:3px;color:#8293a2;font-size:8px;font-style:normal}.nssg-drawer nav>a>i{color:#1699d5;font-size:13px;font-style:normal}.nssg-drawer-contact{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:15px 18px;border-radius:100px;background:#102d4d;color:#fff!important;font-size:11px;font-weight:900}.nssg-drawer-contact b{color:#76d8ff}.nssg-mobile-contact{display:none}

/* 各ページに元からある最上部ヘッダーだけを共通ナビへ置換 */
body #header,body #navi,body .mobile-footer-menu-buttons{display:none!important}body.nsst-page main.nsst>header.site-header,body.nxt-tools-page main.nxt>header.nxt-header,body.cntr-page main .cn-header,body.nwrpp-body main .nwrpp-nav,body.nwdpp-body main .nwdpp-nav,body.rabbit-navi-page main>header.site-header,body.nssp-contact-page main.nssp-contact>header{display:none!important}

@media(max-width:980px){body:not(.wp-admin){padding-top:82px!important}.nssg-shell{top:0}.nssg-bar{width:calc(100% - 22px);height:60px;margin-top:9px;padding:0 8px 0 15px;border-radius:18px}.nssg-bar.is-compact{height:54px;margin-top:6px}.nssg-desktop,.nssg-contact{display:none}.nssg-menu-button{display:block}.nssg-brand{font-size:11px}.nssg-brand small{font-size:6px}.nssg-mark{width:27px;height:27px}.nssg-mobile-contact{display:flex;position:fixed;z-index:99989;right:14px;bottom:14px;align-items:center;gap:12px;padding:11px 15px;border-radius:100px;background:#102d4deb;color:#fff!important;font-size:9px;font-weight:900;box-shadow:0 9px 25px #071b2f40;backdrop-filter:blur(10px)}.nssg-mobile-contact span{color:#6ed4ff}body.admin-bar .nssg-shell{top:46px}}
@media(max-width:782px){body.admin-bar .nssg-shell{top:46px}}
@media(max-width:420px){.nssg-brand{letter-spacing:.07em}.nssg-bar{width:calc(100% - 14px);margin-top:6px}.nssg-drawer{width:94vw;padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.nssg-bar,.nssg-mega,.nssg-drawer,.nssg-backdrop,.nssg-service-grid a{transition:none!important}}