@charset "utf-8";
#sub_default{letter-spacing:0;}

.logo{line-height:52px; font-size:25px; font-weight:500; text-transform:uppercase;}
.logo strong {padding: 0 !important;}

.global > li > a {width: 160px; box-sizing: border-box; justify-content: center;}
.global > li > a:before {display: none;}
 
#topmenu{padding:0 0 0 530px;}
#topmenu > li,
#topmenu > li:nth-child(1){width:33.33%;}
#topmenu > li:last-child{display:block;}
#topmenu li .tit h2{height:auto; line-height:120%; text-align:left; padding-left:17px;}
#topmenu li .tit h2:after{right:auto; left:0;}
#topmenu .menu > ul{letter-spacing:0;}

.btn_menu{display:none;}
.btn_top{top:-27px;}

.slogan p {font-size: 26px; font-weight: 600; text-transform: uppercase;}
.slogan .blue {color: #0089cf;}
.slogan .red {color: #ea548c;}

#footer{padding:50px 0 0 0;}
#footer .info{padding-left:0;}
#footer address{letter-spacing:0;}

#submenu .sm_tit h2{font-size:23px;}
#submenu .depth2{font-family:"score";}
#submenu .depth2 > li > a{padding:0 0 0 20px; font-size:17px; font-weight:400;}
#submenu .depth2 > li.current_on > a{font-weight:400;}


@media all and (max-width:1500px) {
	.btn_top{top:40px;}
}
@media all and (max-width:1280px) {
	#bg_main{background-size:auto 500px;}

	#topmenu{padding:0 0 0 45%;}
}
@media all and (max-width:1130px) {
	#font_control ul{display:block;}
}
@media all and (max-width:1024px) {
	.logo{line-height:44px; font-size:22px; font-weight:600;}

	.btn_menu{display:block;}
	#font_control {display:none;}

	.global{opacity:1; visibility:visible; position:static; width:100% !important; box-shadow:none; background:transparent;}
	.global > li {width:50% !important; border: none; border-bottom: 1px solid #eee;}
	.global > li > a{width:100%; padding:0; color:#555;}
	.global > li.on > a{color:#3a9fa3; font-weight:600;}
	.global > li:after{display:block;}

	.btn_top{top:30px;}
    
    .slogan p {font-size: 22px;}

	#footer{padding:35px 0 0 0; text-align:left;}
	#footer .logo{position:static; padding:0 0 20px; text-align:center;}
	#footer .info{width:100%; padding:0 0 40px 0;}

	.m_menu > ul > li{display:table; width:50%;}
	.m_menu > ul > li > div{left:50%; width:50%;}
	.m_menu > ul > li > a{display:table-cell; vertical-align:middle; line-height:120%;}
}
@media all and (max-width:768px) {
	.logo{line-height:41px; font-size:20px;}

	.btn_menu{top:57px;}
    
    .slogan p {font-size: 19px;} 
    
	.m_menu .logo{width:80%; line-height:120%;}
	.m_menu .logo span{width:calc(100% - 50px);}
	.m_menu .logo strong {font-size: 19px;display: inline-block;position: absolute;line-height: 1.2;margin: 9px 0 0 6px; padding: 0;}
}
@media all and (max-width:568px) {
	.logo{line-height:39px; font-size:19px;}
	.btn_top{top:-18px;}
	
	.btn_menu{top:54px;}
    
    .slogan p {font-size: 16px;} 
    
    .m_menu .logo strong {margin-top: -2px; font-size: 18px;}
}
@media all and (max-width:380px) {
	.logo{font-size:18px;}
	
	.btn_menu{top:52px;}
    .slogan p {font-size: 15px;}
}
@media all and (max-width:360px) {
	.logo{font-size:16px;}
	.btn_menu{right:5px;}
}