header{background-color:#fff;box-shadow:0 -5px 12px #000;position:fixed;width:100%;z-index:999}@media print{header{position:static}}header .header-inner{align-items:center;display:flex;justify-content:space-between;padding:0 25px}@media screen and (max-width: 1024px){header .header-inner .sp_nav-btn{transition:.3s}header .header-inner .icon-animation{width:40px;height:30px;display:block;cursor:pointer;position:absolute;right:20px;text-align:center;top:50%;transform:translate(0, -50%)}header .header-inner .icon-animation span{width:40px;height:2px;display:block;background:#63f;position:absolute;left:50%;top:50%;margin-left:-17px;margin-top:-5px;transition:all .3s;transform:rotate(0deg)}header .header-inner .icon-animation .top{transform:translateY(-12px)}header .header-inner .icon-animation .bottom{transform:translateY(12px)}header .header-inner .icon-animation:before{content:"MENU";display:block;position:absolute;left:4px;letter-spacing:0;bottom:-17px;color:#63f;font-size:12px;width:40px}header .header-inner .icon-animation button{background-color:#fff;border:none}header .header-inner .is-open .middle{background:rgba(0,0,0,0)}header .header-inner .is-open .top{transform:rotate(-45deg) translateY(0px)}header .header-inner .is-open .bottom{transform:rotate(45deg) translateY(0px)}header .header-inner .is-open.icon-animation:before{content:"CLOSE";left:0px;width:46px}}@media screen and (max-width: 1024px){header .header-inner #gNav{background:#999;display:none;left:0;height:100vh;overflow-y:auto;position:fixed;right:0;top:80px;width:100%}}header .header-inner #gNav ul{display:flex}@media screen and (max-width: 1024px){header .header-inner #gNav ul{flex-direction:column;padding:30px}}header .header-inner #gNav ul li+li{margin-left:25px}@media print{header .header-inner #gNav ul li+li{margin-left:10px}}@media screen and (max-width: 1024px){header .header-inner #gNav ul li+li{margin-left:0;margin-top:20px}}header .header-inner #gNav ul li a{display:block;padding:20px 0}@media screen and (max-width: 1024px){header .header-inner #gNav ul li a{padding:0}}@media print{header .header-inner #gNav ul li a span{font-size:12px}}@media screen and (max-width: 1024px){header .header-inner #gNav ul li a span{display:block;width:100%;position:relative}header .header-inner #gNav ul li a span::before{border-top:1px solid #fff;border-right:1px solid #fff;content:"";height:10px;position:absolute;right:0;top:50%;transform:translate(0, -50%) rotate(45deg);width:10px}}