@charset "utf-8";

.btn_menu,
#search{display:none;}

@media all and (max-width:1240px){
    .logo span, .logo strong{font-size: 23px;}
}
@media all and (max-width:1024px) {
	.btn_menu {display:block;}
    .logo span {margin: 11px 0 0;}
    .logo strong {padding: 0; line-height: 1;}
    
    .m_top .logo span{margin: 2px 0 0; font-size: 13px;}
    .m_top .logo strong {display: block; font-size: 20px; margin: 3px 0 0;}
}
@media all and (max-width:768px) {
	.logo span, .logo strong{font-size: 20px; line-height: 1;}
}
@media all and (max-width:380px) {
	.logo span, .logo strong{font-size: 19px; }
}

#topmenu {padding:0 0 0 30%;}
#topmenu > li {width:33.33%;}
#topmenu > li:last-child {display:block;}
#topmenu li.menu1 .tit:after{background-image:url(/images/common/bg_menu5.png);}
#topmenu li.menu2 .tit:after{background-image:url(/images/common/bg_menu7.png);}
#topmenu li.menu3 .tit:after{background-image:url(/images/common/bg_menu7.png);}
#topmenu > li > a {font-size: 22px; font-weight: 500;}

#footer {padding-top:45px; background: #313f47; color: #bdbdbd;}
#footer .logo img {margin: 7px 5px 0 0;}
#footer .logo strong {padding: 0; color: #bdbdbd;}
#footer .logo span > span{display: block; font-size: 12px; color: rgba(161,161,161,0.8); line-height: 1; margin: 2px 0 0; letter-spacing: 1px;}
#footer .copyright {font-size: 14px; color: rgba(161,161,161,0.8);}
#footer address {padding: 0 0 7px;}
#footer .info {padding: 10px 0 45px 295px; box-sizing: border-box;}

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

	#footer {padding-top:35px;}
    #footer .logo span > span {letter-spacing: -1px; font-size: 10px;}
	#footer address{padding:20px 0 10px;}
    #footer .info {padding: 0;} 
    
}
@media all and (max-width:380px) {
	.btn_top{top:-17px;}
	#footer {padding-top:33px;}
}


#subVisual{height:200px; background:url(/images/promote/sub/bg_sub.jpg) no-repeat 50% 0; background-size:cover;}
#subVisual .slogan_wrap {padding: 0 0 0 8%;}
#subVisual .slogan{display:block; padding:55px 0 0 0;}
#subVisual .slogan img {display: block; margin: 0 auto;}

#submenu .depth2 > li.current_on > a {background: #fff; border: 3px solid #3a9fa3; color: #333; font-weight: 500; line-height: 50px;}
#submenu .depth2 > li > a:after, #submenu .depth2 > li > a:before {background-image:  url(/images/common/ico_snb2.png);}

.location {padding: 20px 0 0;}
@media all and (max-width:1280px){
    #subVisual .slogan_wrap img {height: 43px;}
}

@media all and (max-width:1024px) {
	#subVisual{display:table; height:130px;}
    #subVisual .slogan_wrap {padding: 0;}
    #subVisual .slogan {padding: 30px 0 0;}
	#subVisual .slogan_wrap img {height: 36px;}
}
@media all and (max-width:768px) {
	#subVisual{height:105px;}
	#subVisual .slogan{padding:24px 0 0;}
	#subVisual .slogan_wrap img {height: 30px;}
}
@media all and (max-width:568px) {
	#subVisual{height:97px;}
    #subVisual .slogan{padding:10px 0 0;}
    #subVisual .slogan_wrap img {height: 28px;}
    #subVisual .slogan_wrap img:nth-of-type(2) {margin-top: 0;}
    .location {padding: 7px 0 0;}
}
@media all and (max-width:380px) {
	#subVisual{height:94px;}
    #subVisual .slogan_wrap img {height: 25px;}
}