@charset "utf-8";

.btn_menu,
#search{display:none;}

.logo span > span {font-size: 18px;font-weight: 500;letter-spacing: -0.05em;padding: 6px 0 0;}
.logo strong {padding: 3px 0 0;font-size: 32px;font-weight: 500;letter-spacing: -0.05em;}

#topmenu {padding: 0 0 0 38%;}
#topmenu > li {width: 25%;}

@media all and (max-width:1024px) {
	.btn_menu{display:block;}
	.logo span > span {padding: 0;font-size:16px;}
	.logo strong {padding: 2px 0 0;font-size: 25px;line-height: 1;}
	.logo strong span {font-size: 18px;}
}
@media all and (max-width:568px) {
    .logo span > span {font-size:14px;}
	.logo strong {padding: 2px 0 0;font-size: 22px;line-height: 1;}
	.logo strong span {font-size: 16px;}
}
@media all and (max-width:380px) {

}

#topmenu > li:hover > a, #topmenu > li > a:hover, #topmenu > li > a:active, #topmenu > li > a:focus, #topmenu > li.current_on > a {color:#7185cb; }
#topmenu .menu > ul > li:hover > a, #topmenu .menu > ul > li.current_on > a, #topmenu .menu > ul > li > a:hover {border-color: #7185cb; background: #7185cb;}
#topmenu ul ul li a:hover,
#topmenu ul ul li a:active,
#topmenu ul ul li a:focus,
#topmenu ul ul li.current_on a{color:#7185cb;}

#footer {background: #242b34;}
#footer .info {padding: 0; text-align: center;}


@media all and (max-width:1280px) {
	#topmenu > li > a {font-size:18px;} 
}
@media all and (max-width:768px) {
    #footer {padding:35px 0;}
}



#subVisual {background-image: url(/images/assembly/sub/subvisual.jpg);}
#pageTitle h3 {color: #333;}
#submenu .sm_tit {background: #8699dd;}
#submenu .depth2 > li.current_on > a {background: #7185cb; border-color: #7185cb;}
#submenu .depth2 li ul li a:hover,
#submenu .depth2 li ul li a:focus,
#submenu .depth2 li ul li a:active,
#submenu .depth2 li ul li.current_on a{color:#7185cb; }
#submenu .depth2 li ul li a:hover:before,
#submenu .depth2 li ul li a:focus:before,
#submenu .depth2 li ul li a:active:before,
#submenu .depth2 li ul li.current_on a:before {background-color: #7185cb;}
.snb{float:left; font-size:18px;}
.snb > li{position:relative; float:left; min-width:220px;}
.snb > li > a{display:block; position:relative; line-height:70px; padding:0 45px 0 33px; font-weight:500; color:#fff; border-right:1px solid rgba(255,255,255,0.2);}
.snb > li > a:after{content:''; display:block; position:absolute; top:50%; right:30px; width:13px; height:8px; margin:-4px 0 0 0; transition:0.3s ease; background:url(/images/member/sub/ico_arrow_w.png) no-repeat;}
.snb > li > a.on:after{transform:rotate(180deg); opacity:1;}
.snb > li > a.on,
.snb > li > a:hover{background:rgba(255,255,255,0.06);}
.snb ul{display:none; z-index:3; position:absolute; top:70px; left:-1px; width:calc(100% + 1px); border:1px solid #e6e6e6; border-top:none; background:#fff; box-sizing:border-box; box-shadow:2px 8px 10px rgba(0,0,0,0.1);}
.snb ul li{width:100%;}
.snb ul a{display:block; line-height:53px; padding:0 0 0 28px;}
.snb ul li + li a{border-top:1px solid #e6e6e6;}
.snb ul a.on,
.snb ul a:hover,
.snb ul a:focus,
.snb ul a:active{background:#f7f7f7;}
@media all and (max-width:1430px) {

}
@media all and (max-width:1024px) {
	.snb {font-size:16px;}
	.snb > li{min-width:180px;}
	.snb > li > a{height:54px; padding:0 35px 0 20px; line-height:54px;}
	.snb > li > a:after{right:17px;}
	.snb ul{top:54px;}
	.snb ul a{line-height:47px; padding:0 0 0 20px;}
}
@media all and (max-width:768px) {
	.snb{font-size:15px;}
	.snb > li {min-width:165px;}
	.snb > li > a{height:47px; line-height:48px;}
	.snb ul{top:47px;}
	.snb ul a{line-height:42px;}
}
@media all and (max-width:568px) {

	.snb{font-size:14px;}
	.snb > li {min-width:120px;}
	.snb > li > a{height:40px; padding:0 24px 0 15px; line-height:40px;}
	.snb > li > a:after{right:12px;}
	.snb ul{top:41px;}
	.snb ul a{padding:0 0 0 15px; line-height:36px;}
}
@media all and (max-width:380px) {
	.snb {font-size:13px;}
	.snb > li{min-width:100px;}
	.snb > li > a{height:38px; line-height:38px; padding:0 21px 0 12px;}
	.snb > li > a:after{right:9px;}
	.snb ul{top:38px;}
	.snb ul a{padding:0 0 0 12px; line-height:35px;}
}