header#hd{position:fixed;top:0;left:0;z-index:99;width:100%;padding:10px 20px;background:none;border-bottom:1px solid #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header#hd img{height:35px;width:auto}header#hd.fixed{background:rgba(0,0,0,.4)}#btn-menu{position:relative;width:40px;height:40px;font-size:0;border:0;outline:none;z-index:9999;background:none}#btn-menu span,#btn-menu::before,#btn-menu::after{content:"";display:block;width:30px;height:2px;background:#fff;color:rgba(0,0,0,0);overflow:hidden;position:absolute;left:0}#btn-menu::before{top:7px;-webkit-transition:top .3s .3s,-webkit-transform .15s 0s;transition:top .3s .3s,-webkit-transform .15s 0s;transition:transform .15s 0s,top .3s .3s;transition:transform .15s 0s,top .3s .3s,-webkit-transform .15s 0s}#btn-menu span{top:calc(50% - 1px);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}#btn-menu::after{bottom:7px;-webkit-transition:bottom .3s .3s,-webkit-transform .15s 0s;transition:bottom .3s .3s,-webkit-transform .15s 0s;transition:transform .15s 0s,bottom .3s .3s;transition:transform .15s 0s,bottom .3s .3s,-webkit-transform .15s 0s}#btn-menu.active::before{top:19px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:top .15s 0s,-webkit-transform .3s .3s;transition:top .15s 0s,-webkit-transform .3s .3s;transition:top .15s 0s,transform .3s .3s;transition:top .15s 0s,transform .3s .3s,-webkit-transform .3s .3s}#btn-menu.active span{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}#btn-menu.active::after{bottom:19px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:bottom .15s 0s,-webkit-transform .3s .3s;transition:bottom .15s 0s,-webkit-transform .3s .3s;transition:bottom .15s 0s,transform .3s .3s;transition:bottom .15s 0s,transform .3s .3s,-webkit-transform .3s .3s}#btn-menu .bar{-webkit-transition:all .3s;transition:all .3s;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}#btn-menu .bar.top,#btn-menu .bar.bot{-webkit-transition:translateY .2s 0s,rotate .2s .2s,translate .2s .2s;transition:translateY .2s 0s,rotate .2s .2s,translate .2s .2s}#btn-menu.active .top{-webkit-transform:translateY(9px) rotate(45deg) translate(-11px, -22px);-ms-transform:translateY(9px) rotate(45deg) translate(-11px, -22px);transform:translateY(9px) rotate(45deg) translate(-11px, -22px)}#btn-menu.active .bot{-webkit-transform:translateY(-9px) rotate(-45deg) translate(-8px, 24px);-ms-transform:translateY(-9px) rotate(-45deg) translate(-8px, 24px);transform:translateY(-9px) rotate(-45deg) translate(-8px, 24px)}#btn-menu.active .mid{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0)}#gnb{position:fixed;top:0;left:0;z-index:-1;padding:70px 0;width:100%;height:calc(var(--vh, 1vh)*100);background:rgba(0,0,0,.85);-webkit-transition:top .4s,opacity .4s,height 0s .4s,z-index 0s 0s;transition:top .4s,opacity .4s,height 0s .4s,z-index 0s 0s;opacity:0;top:10vh;height:0;overflow:hidden}#gnb.active{top:0;opacity:1;height:calc(var(--vh, 1vh)*100);z-index:90;-webkit-transition:top .4s,opacity .4s;transition:top .4s,opacity .4s}#gnb nav{height:100%;overflow-y:auto}#gnb nav .menu_group{padding:0 5% 0 5%;margin-top:2em;font-size:1.2rem;color:#fff}#gnb nav .menu_group button{font-size:1.5rem;font-family:var(--noto);line-height:1;text-align:left;color:#fff;width:100%;padding-bottom:.5em;border:0;background:none;position:relative}#gnb nav .menu_group button::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:hsla(0,0%,100%,.5);-webkit-transition:width .3s;transition:width .3s}#gnb nav .menu_group ul{overflow:hidden;max-height:0;position:relative;-webkit-transition:max-height .5s,padding .5s;transition:max-height .5s,padding .5s}#gnb nav .menu_group ul::after{content:"";position:absolute;bottom:0;left:0;width:1px;height:100%;background:hsla(0,0%,100%,.5);-webkit-transition:width .4s;transition:width .4s}#gnb nav .menu_group ul li{line-height:1em;margin-bottom:1em}#gnb nav .menu_group ul li:first-child{margin-top:1em}#gnb nav .menu_group.active{-webkit-transition:max-height .5s,padding .1s;transition:max-height .5s,padding .1s}#gnb nav .menu_group.active button::after{width:0}#gnb nav .menu_group.active ul{padding:0 1em}#gnb nav .menu_group.active ul.rows-1{max-height:3em}#gnb nav .menu_group.active ul.rows-2{max-height:5em}#gnb nav .menu_group.active ul.rows-3{max-height:7em}#gnb nav .menu_group.active ul.rows-4{max-height:9em}#gnb nav .menu_group.active ul.rows-5{max-height:11em}#gnb nav .menu_group.active ul.rows-6{max-height:13em}#gnb nav .menu_group.active ul.rows-7{max-height:15em}#gnb nav .menu_group.active ul.rows-8{max-height:17em}#gnb nav .menu_group.active ul.rows-9{max-height:19em}#gnb nav .menu_group.active ul.rows-10{max-height:21em}/*# sourceMappingURL=hd.min.css.map */