@charset "utf-8";

.logo * {vertical-align: middle;}

#topmenu{padding: 0 0 0 33.42%;}
#topmenu > li{width: 25%;}
#topmenu > li:last-child {display: block;}
#topmenu > li > a > br {display: none;}

#topmenu li .tit h2 {text-align: left; line-height: 120%;}
#topmenu li .tit p {margin-top: 10px;}

#topmenu .menu > ul > li {width: 33.33%;}
#topmenu .menu:before{right:48%;}

#font_control ul > li > a {line-height: 32px;}

.global > li.on:nth-child(2) > a:before{background-position:-169px -19px; margin-top: -4px;}
.btn_menu {display: none;}
.logo.bottom strong {font-size: 25px; font-weight: 600; color: #585858;}

#pageTitle h3 {position: relative; padding-top: 90px; z-index: 2;}

#submenu .sm_tit h2 {padding-top: 25px; font-size: 27px;}
#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;}

#footer .inner {padding: 30px 0 80px 0;}
#footer .info {padding: 10px 0 0 400px;}

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

@media all and (max-width:1400px) {
    #footer .inner {padding: 30px 10px 80px;}
    #submenu .depth2 > li > a {font-size: 15px;}
}
@media all and (max-width:1200px){
    .logo strong {font-size: 21px;}
    .m_menu {width: 70%;}
    #topmenu {padding: 0 0 0 30%;}
    #topmenu > li > a {font-size: 18px;}
    #topmenu .menu > ul > li > a {font-size: 15px;}
    #topmenu .menu:before {right: 47%;}
}
@media all and (max-width:1024px){
    .logo.bottom strong {font-size: 22px;}
    .btn_menu {display: block; top: 57px;}
    #topmenu > li > a > br {display: block;}
    .btn_global {display: none;}
    
    .m_menu > ul > li > a {height: 4em; line-height: 1.2em; padding-top: 7%; box-sizing: border-box;}
    .m_menu > ul > li:nth-child(2) > a {line-height: 4em; padding-top: 0;}
    
    .global{opacity:1; visibility:visible; position:static; width:100% !important; box-shadow:none; background:transparent;}
	.global > li {width:50% !important;}
	.global > li > a{width:100%; padding:0; color:#333;}
	.global > li.on > a{color:#3f79bb; font-weight:500; background: #f5f5f5;}
	.global > li:after{display:block;}
    .global > li > a:before,
	.global > li.on > a:before{background-position:0 100%;}
    .global > li > a:before, .global > li.on > a:before {background-position: 0px 2px;}
    .global > li.on:nth-child(2) > a:before {background-position: -140px -15px;}
    
    #pageTitle h3 {padding-top: 55px;}
    #footer .info {padding: 10px 0 0 350px;}
}
@media all and (max-width:768px){
    .btn_top {top: -19px;}
    
    #footer .inner {padding: 40px 10px 20px;}
    #footer .logo {margin-bottom: 20px;}
    #footer .info {padding: 0;}
    
    #pageTitle h3 {padding-top: 40px;}
}
@media all and (max-width:568px){
    .m_menu {width: 85%;}
    .m_menu .logo strong {font-size: 17px;}
    .btn_menu {top: 54px;}
    
    #pageTitle h3 {padding-top: 35px;}
}
@media all and (max-width:380px){
    .m_menu .logo strong {font-size: 16px;}
    .btn_menu {top: 51px;}
}