#main-header{position:fixed;top:0;left:0;width:100%;z-index:9999;transition:color .4s,background-color .4s;display:flex;justify-content:center;border-bottom:3px solid var(--theme-color);background-color:var(--white)}#main-header[data-theme=light]{color:var(--gray-80)}#main-header[data-theme=light].scrolling{background:var(--white)}#main-header[data-theme=dark]{color:var(--gray-30)}#main-header[data-theme=dark].scrolling{background:var(--black-30)}#main-header .header-inner{height:var(--header-height);display:flex;justify-content:space-between;align-items:center;z-index:1}#main-header #logo{display:block;width:136px}#main-header #logo svg{display:block;width:100%;max-width:136px}#main-header .header-inner .col-site-nav{display:flex;gap:2em;align-items:center}#main-header .header-inner .site-title img{width:162px}#main-header .header-inner .site-symbol img{width:30px}#main-header .desktop-nav ul.primary-menu{display:flex;align-items:center;justify-content:flex-end}#main-header .desktop-nav ul.primary-menu>li{position:relative;--menu-padding:0 40px;padding:var(--menu-padding)}#main-header .desktop-nav ul.primary-menu>li>a{line-height:var(--gap-1-2);font-size:20px;color:#000}#main-header .desktop-nav ul.primary-menu>li>a:hover{color:var(--theme-color)}#main-header .desktop-nav ul.primary-menu>li>ul.sub-menu{display:flex;gap:var(--gap-1-4);flex-direction:column;position:absolute;top:calc(100% + 20px);left:0;min-width:100%;z-index:9999;padding-bottom:25px;opacity:0;transform-origin:50% 0;transition:all .4s cubic-bezier(.47,0,.745,.715);-webkit-transition:all .4s cubic-bezier(.47,0,.745,.715);background-color:var(--white);border-bottom:3px solid var(--theme-color)}#main-header .desktop-nav ul.primary-menu>li>ul.sub-menu.__active{opacity:1}#main-header ul.primary-menu>li>ul.sub-menu>li{padding:var(--menu-padding)}#main-header ul.primary-menu>li>ul.sub-menu>li>a{font-family:'Space Mono',monospace;font-size:16px;display:block;line-height:1;opacity:0;transform:translateY(4px);transition:all .2s cubic-bezier(.47,0,.745,.715);-webkit-transition:all .2s cubic-bezier(.47,0,.745,.715)}#main-header ul.primary-menu>li>ul.sub-menu.__active>li>a{transform:translateY(0);opacity:1}#main-header ul.primary-menu>li>ul.sub-menu>li>a:hover{color:var(--theme-color)}.dark-mode #main-header.scrolling{background:var(--color-dark)}.hamburger{width:var(--header-height);height:var(--header-height);display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;z-index:10001;background-color:var(--black-5)}#main-header[data-theme=light] .hamburger{background-color:var(--black-5)}#main-header[data-theme=dark] .hamburger{background-color:var(--white-20)}.hamburger .bars{display:flex;flex-direction:column;gap:3px;width:15px;height:12px}.hamburger span{display:block;height:2px;width:15px;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;background-color:var(--gray-80)}#main-header[data-theme=light] .hamburger span{background-color:var(--gray-80)}.hamburger.open span:nth-child(1){-webkit-transform:translateY(5px) rotate(-45deg);-moz-transform:translateY(5px) rotate(-45deg);-o-transform:translateY(5px) rotate(-45deg);transform:translateY(5px) rotate(-45deg)}.hamburger.open span:nth-child(2){opacity:0;left:-60px}.hamburger.open span:nth-child(3){-webkit-transform:translateY(-5px) rotate(45deg);-moz-transform:translateY(-5px) rotate(45deg);-o-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg);width:100%}.nav-overlay{opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;min-height:100vh;height:100%;overflow-y:hidden;overflow-x:hidden;z-index:10000;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;background:var(--gray-10);will-change:opacity;margin-top:var(--header-height);border-top:3px solid var(--theme-color)}.admin-bar .nav-overlay.overlay-bg{top:46px}.nav-overlay.open{visibility:visible;opacity:1}.nav-overlay ul.primary-menu-m{text-align:left;width:100%;min-height:100vh;display:flex;flex-direction:column}.nav-overlay ul.primary-menu-m>li{flex:0 1 var(--gap);display:flex;border-bottom:1px solid var(--gray-30)}.nav-overlay ul.primary-menu-m>li>a,.nav-overlay ul.primary-menu-m>li .sub-menu>li>a{display:flex;position:relative;padding:0 var(--gap-1-2);align-items:center;font-family:'Space Mono',monospace;font-size:12px;line-height:1;font-weight:400;flex:1}.nav-overlay ul.primary-menu-m>li ul.sub-menu{flex:2 0 auto;display:flex;flex-direction:column}.nav-overlay ul.primary-menu-m>li ul.sub-menu>li{flex:1 1 var(--gap);display:flex;border-bottom:1px solid var(--gray-30);border-left:1px solid var(--gray-30)}.nav-overlay ul.primary-menu-m>li ul.sub-menu>li:last-child{border-bottom:none}.nav-overlay ul.sns-link-list{display:flex;gap:var(--flexrow-gap);justify-content:center;margin-top:60px}.nav-overlay ul.sns-link-list>li>a{display:block;width:40px}#renderArea{position:absolute;top:0;left:0;width:100%;height:100%}body.menu-open #main-header{background:rgba(0,0,0,0)}@media all and (min-width:981px){#main-header .mobile-nav{display:none}.hamburger:not(.open):hover span:nth-child(1){-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);background-color:var(--theme-color)}.nav-overlay.open{opacity:0;visibility:hidden}}@media all and (max-width:980px){#main-header .header-inner .site-logo{width:22vw;height:5.6vw}#main-header .desktop-nav{display:none}#main-header .header-inner .site-nav{gap:20.5px}#main-header .header-inner .site-nav .btn-social{height:20.25px}#main-header .header-inner .site-nav .btn-social svg{width:16.88px;height:20.25px}}@media all and (max-width:767px){#main-header #logo{width:92px}#main-header #logo svg{max-width:92px}}