@charset "utf-8";
#all-menu{max-width:1080px;width:100%;overflow:hidden;margin:0 auto;}
#logo{overflow:hidden;float:left;margin-top:15px;}
#logo a{position:relative;display:block;}
ul.menu{display:block;float:right;font-size:18px;margin-top:15px;margin-bottom:0;}
ul.menu li{display:block;float:left;margin-left:55px;padding:15px 5px 25px;}
ul.menu li a{color:#000;text-decoration:none;}
ul.menu li a:hover{color:#4898e2;text-decoration:none;}
ul.menu li.home:after{content:'';position:absolute;width:17px;background:url(/new-style/images/cricle.png);height:6px;top:38px;}
.toggle-nav{display:none;}

.sub-menu{width:100%;display:none;position:absolute;z-index:1;background:-webkit-linear-gradient(left , #58b2ff , #126cba);background: -o-linear-gradient(right , #58b2ff , #126cba);background: -moz-linear-gradient(right , #58b2ff , #126cba);background: linear-gradient(to right,#58b2ff,#126cba);box-shadow:rgba(0, 0, 0, 0.3) -2px 2px 4px 1px;}
.sub-menu-1{padding-bottom:40px;background:#fff;width:100%;overflow:hidden;margin-top:3px;}
ul.menu li.homeul.menu li.home:hover + .sub-menu.sub-menu{display:block;}
ul.menu li.active:after{background:url(/new-style/images/cricle.png) 0 -6px;}
.menu-text{float: left; width:100%;}

.sub-menu:hover{display:block;}
.pc-os{max-width:1080px;margin:0 auto;}
.sub-menu a{color:#FFF;text-decoration:none;color:#45a5f9;font-family:Meiryo,Segoe UI, Arial, Verdana, Helvetica, sans-serif;}
.sub-menu ul{padding-left:0;}
.sub-menu ul li{font-size:20px;display:block;float:left;width:23%;list-style-type:none;margin-right:2%;}
.sub-menu ul li dl{margin:0;}
.sub-menu ul li dl dd{padding:7px 0;margin:0;font-size:16px;}
.sub-menu ul li dl dd a{color:#606060;}
.sub-menu ul li dl dd.more a{color:#45a5f9;text-decoration:underline;}
.sub-menu ul li dl dt{margin-bottom:6px;margin-top:33px;padding-bottom:13px;font-size:22px;}
.sub-menu ul li dl dt a:hover, .sub-menu ul li dl dd a:hover{text-decoration:underline;}

@media screen and (max-width:900px){
#logo{margin-left:25px;}
#toggle-nav{display:inline-block;padding:28px 28px 10px;float:right;display:inline-block;color:#222;font-size:30px;border-radius:5px;color:#222;cursor:pointer;}
#toggle-nav:hover, #toggle-nav:active{text-decoration:none;}
ul.menu{position: absolute;top:45px;right:0;padding: 10px;box-shadow: 0px 1px 1px rgba(0,0,0,0.15);background: #222;border: 1px solid #222;opacity: 0.8;z-index: 100;}
ul.menu li{float:none;text-align:center;margin:0 10px;padding:0;}
ul.menu li a{color:#fff;}
ul.menu li.home::after {display: none;}
}
@media screen and (max-width:600px){
ul.menu li{margin:10px 35px;}
}