.top-header{align-items:center;display:flex;height:80px;justify-content:space-between;padding:0 16px;position:fixed;width:100%;z-index:3}.top-header.scrolled{background-color:#fff;box-shadow:1px 1px 4px 0 rgba(0,0,0,.1);transition:.3s}.top-header.scrolled .nav-menu li a{color:#333}.top-header .nav-menu ul{list-style:none;margin:0;overflow:hidden;padding:0}.top-header .nav-menu li{float:left}.top-header .nav-menu li a{border-radius:50px;color:#fff;display:block;font-size:14px;letter-spacing:1px;padding:10px 20px;text-decoration:none}.top-header .logo{width:135px}.top-header li a:hover{background-color:#cdcdcd38}header#w-header{background-color:#fff;box-shadow:1px 1px 4px 0 rgba(0,0,0,.1)}header#w-header .nav-menu li a{color:#333}a.btn-dl-link{background-color:#1868c7;color:#fff!important;margin:0 5px;transition:.3s}a.btn-dl-link:hover{background-color:#004aa2!important}a.btn-contact-link{background-color:#f16c00;color:#fff!important;margin:0 5px;transition:.3s}a.btn-contact-link:hover{background-color:#cf4400!important}.top-header li a .icon{margin-left:5px}@media (max-width:769px){a.btn-contact-link,a.btn-dl-link{border-radius:50px;display:block;padding:15px;text-align:center}.top-header .logo{width:120px}}@media screen and (max-width:1005px){.sp-menu{display:block!important}.pc-menu{display:none!important}}.sp-menu{display:none}.pc-menu{display:block}#navi{background-color:#121212;bottom:0;color:#fff;opacity:0;overflow-x:hidden;overflow-y:auto;padding:60px 25px;position:fixed;right:-1005px;top:0;transition:all .5s;width:100%;z-index:20}#navi a{color:#fff;font-size:16px}.open #navi{display:block;opacity:1;right:0}ul.nav-menu-sp{margin-top:40px}ul.nav-menu-sp.nav-menu{border-top:1px solid #fff;margin-bottom:60px}ul.nav-menu-sp.nav-menu li{border-bottom:1px solid #fff;margin:0;padding:20px 0;position:relative}.toggle_btn{cursor:pointer;height:30px;position:fixed;right:24px;top:25px;z-index:20}.toggle_btn,.toggle_btn span{display:block;transition:all .5s;width:30px}.toggle_btn span{background-color:#333;border-radius:4px;height:2px;left:0;position:absolute}.toggle_btn span:first-child{top:4px}.toggle_btn span:nth-child(2){top:14px}.toggle_btn span:nth-child(3){bottom:4px}.open .toggle_btn span{background-color:#fff}.open .toggle_btn span:first-child{-webkit-transform:translateY(10px) rotate(-315deg);transform:translateY(10px) rotate(-315deg)}.open .toggle_btn span:nth-child(2){opacity:0}.open .toggle_btn span:nth-child(3){-webkit-transform:translateY(-10px) rotate(315deg);transform:translateY(-10px) rotate(315deg)}#mask{display:none;transition:all .5s}.open #mask{background:#000;cursor:pointer;display:block;height:100%;left:0;opacity:.8;position:fixed;top:0;width:100%;z-index:10}ul.nav-menu-sp li{padding:20px 0}a.sp-logo{display:inline-block;margin-top:-40px}