@charset "utf-8";

.btn_menu,
#search{display:none;}

#bg_sub #header{border-bottom:1px solid #ddd;}

#header .logo strong{padding:5px 0 0 0; font-size:27px;}
#header .logo span > span{font-size:15px; color:#666;}

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

	#header .logo strong,
	.m_top .logo strong{padding:0; letter-spacing:-2px; font-size:23px;}
	#header .logo span > span,
	.m_top .logo span > span{padding:2px 0 5px 0; font-size:13px;}
}
@media all and (max-width:768px) {
	#header .logo strong,
	.m_top .logo strong{font-size:20px;}
	#header .logo span > span,
	.m_top .logo span > span{font-size:12px;}
}
@media all and (max-width:380px) {
	#header .logo strong,
	.m_top .logo strong{font-size:19px;}
	#header .logo span > span,
	.m_top .logo span > span{font-size:11px;}
}

#topmenu{padding-right:0;}
#topmenu > li{width:16.6%;}
#topmenu > li:last-child{display:block;}
#topmenu li.menu1 .tit:after{background-image:url(/images/common/bg_menu1.png);}
#topmenu li.menu2 .tit:after{background-image:url(/images/common/bg_menu3.png);}
#topmenu li.menu3 .tit:after{background-image:url(/images/common/bg_menu5.png);}
#topmenu li.menu4 .tit:after{background-image:url(/images/common/bg_menu8.png);}
#topmenu li.menu5 .tit:after{background-image:url(/images/common/bg_menu7.png);}

#footer {padding-top:45px;}

.foot_sns{padding:0;}

@media all and (max-width:1530px) {
	.btn_top{top:-27px;}
}
@media all and (max-width:1430px) {
	#footer .logo{left:15px;}
}
@media all and (max-width:768px) {
	.btn_top{top:-20px;}

	#footer {padding-top:35px;}
	#footer .logo{margin:0 0 20px;}
}
@media all and (max-width:380px) {
	.btn_top{top:-17px;}
	#footer {padding-top:33px;}
}

#subContent #content,
#sub_default{width:100%;}

#container_sub{background:none;}

#pageInfo{width:100%; height:213px; padding:24px 0 0 0; margin:0 0 71px; color:#333; box-sizing:border-box;}
#pageInfo:after{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:5px; background:url(/images/common/bg_pattern.png) repeat-x;}
#pageTitle{float:left; width:100%;}
#pageTitle h3{padding:52px 0 20px; color:#333;}
#pageTitle p{line-height:110%; font-size:17px; color:#555;}

#pageTitle .btn_move{z-index:1; position:absolute; bottom:27px; left:0; width:55px; height:55px; font-size:0; text-indent:-9999px;}
#pageTitle .btn_move:hover{border-color:#999;}
#pageTitle .btn_move.right {left:auto; right:0;}
#pageTitle .btn_move:after{content:''; display:block; position:absolute; left:21px; top:22px; width:11px; height:11px; border-right:2px solid #3a3a3a; border-bottom:2px solid #3a3a3a; transform:rotate(135deg);}
#pageTitle .btn_move.right:after{transform:rotate(-45deg);}

.location_wrap{float:right;}
.location{float:left;}
.location span:before{border-color:#333;}
.util_wrap{position:static; float:left; padding:0 0 0 20px; margin:0; border-right:1px solid #ddd;}
.util_wrap .btns{width:55px; height:18px; margin:0; border-radius:0; border:none; border-left:1px solid #ddd; background:url(/images/committee/sub/ico_share.png) no-repeat -47px 0;}
.util_wrap .on .btns,
.util_wrap .btns:hover{border-color:#ddd;}
.util_wrap .btn_share{background-position:16px 0;}
.sns_share.on .btn_share{background-position:17px -39px;}
.sns_share .list{top:25px; border-color:#ddd;}
.sns_share.on .list{top:30px;}

@media all and (max-width:1024px) {
	#pageInfo{height:auto; margin:0 0 35px; padding:25px 0 30px;}
	#pageTitle h3{padding:20px 0 17px;}
	#pageTitle p{font-size:15px;}

	.util_wrap .btns{width:45px;}
	
	#pageTitle .btn_move{bottom:35px; width:45px; height:45px;}
	#pageTitle .btn_move:after{top:17px; left:17px;}
}
@media all and (max-width:768px) {
	#pageInfo{margin:0 0 30px; padding:20px 0 25px;}
	#pageTitle h3{padding:17px 0 14px;}
	#pageTitle p{font-size:14px;}

	#pageTitle .btn_move{width:35px; height:35px;}
	#pageTitle .btn_move:after{top:12px; left:12px;}
}
@media all and (max-width:568px) {
	#pageInfo{margin:0 0 25px; padding:15px 0 23px;}
	#pageTitle{width:100%;}
	#pageTitle h3{padding:20px 0 12px;}

	.location_wrap{display:flex; flex-wrap:wrap; justify-content:center; clear:both; width:100%; text-align:center;}
	.location{padding:3px 0 0 0;}

	#pageTitle .btn_move {bottom:50px; width:30px; height:30px;}
	#pageTitle .btn_move:after{top:10px; left:9px;}
}
@media all and (max-width:380px) {
	#pageInfo{margin:0 0 21px;}
	#pageTitle h3{padding:18px 0 10px;}
	#pageTitle p{font-size:13px;}

	#pageTitle .btn_move {bottom:45px;}
}
@media all and (max-width:330px) {
	#pageTitle p{font-size:12px;}
}