@charset "utf-8";

.btn_menu {display:none;}

.logo{text-transform:uppercase;}
.logo strong{line-height:45px; padding:0;}

.global > li > a{text-transform:uppercase;}
.global > li > a:before{display:none;}

@media(max-width: 768px){
	.global > li{width:25%;}
	.global > li:nth-child(3){border-right:1px solid rgba(204,204,204,0.7);}
	.global > li:last-child{border-right:none;}
	.global > li:nth-child(-n + 3){border-bottom: none;}
}

#topmenu{padding: 0 0 0 30%;}
#topmenu > li{width: 25%;}
#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;}
#topmenu .menu > ul > li {width: 33.33%;}

#footer{padding:50px 0; text-align:center;}

#submenu .sm_tit {display: table;}
#submenu .sm_tit div {display: table-cell; vertical-align: middle;}
#submenu .sm_tit h2{padding: 0;}


#submenu .depth2 > li {display:table; width:100%;}
#submenu .depth2 > li > a {display:table-cell; vertical-align:middle; padding:5px 40px 5px 22px; line-height:130%; font-size:16px;}
#submenu .depth2 > li > a:after, #submenu .depth2 > li > a:before {right:15px;}


@media all and (max-width:1530px) {
	.btn_top{top: -27px;}
}
@media all and (max-width:1024px){
    .btn_menu {display:block;}

	.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){
    .btn_top {top: -19px;}
	.btn_menu{top:55px;}
}
@media all and (max-width:568px){
    .btn_menu {top: 51px;}
}
@media all and (max-width:380px){
    .btn_menu {top:48px;}
}