@charset "utf-8";

.btn_menu{display:none;}
.btn_global{display:none !important;}

.logo a span,
#footer .logo span {padding:12px 0 0; font-size:31px; color:#333; text-transform:uppercase;}
#footer .logo span {color:rgba(255,255,255,0.8);}

#topmenu {padding:0 0 0 45%;}
#topmenu > li {width:30%;}
#topmenu > li:first-child {width:40%;}
#topmenu > li:last-child,
.global > li:last-child:before {display:block;}
.global > li:first-child:before {display:none;}
.global > li > a {padding:0 50px;}
    
.btn_top {top:-43px;}

@media all and (max-width:1024px) {
	.btn_menu {display:block; right:15px;}
    
    .logo a span,
    #footer .logo span {padding:9px 0 0; font-size:25px;}
    
    .global {opacity:1; visibility:visible; position:static; width:auto !important; box-shadow:none; background:transparent;}
    .global > li {width:auto; border:none;}
    .global > li > a {background:transparent;}
    
    .m_menu > ul > li > a {height:auto; line-height:110%; padding:1em 20px 1em 1em;}

	.btn_top {top:10px;}
}

@media all and (max-width:768px) {
    .btn_menu {right:10px;}
    
    .logo a span,
    #footer .logo span {padding:9px 0 0; font-size:22px;}
    
    .global > li > a {height:30px; line-height:30px; padding:0 30px;}
    
    .m_menu .m_top {height:106px;}
    .m_menu .logo {top:54px;}
    .m_menu > ul {height:calc(100% - 106px);}
    .m_menu > ul > li > div {top:106px; height:calc(100% - 106px);}
    .m_menu > ul > li > a {padding-left:0.7em;}
}

@media all and (max-width:568px) {
    .logo a span,
    #footer .logo span {font-size:20px;}
    #footer .logo span {padding:7px 0 0;}
    
    .m_menu .logo a span {font-size:18px;}
    
}

@media all and (max-width:380px) {
    .logo a span,
    #footer .logo span {font-size:17px;}

	#footer .logo,
	#footer address,
	#footer .copyright {text-align:left;}
    
    #subVisual {height:72px;}
}