@charset "utf-8";



/* ---------------------------------------
#request
--------------------------------------- */

#mainv_sec .photo_top{
	height: 220px;
	background: url(../img/mainv1.jpg) center;
}

#mainv_sec .photo_btm{
	height: 220px;
	background: url(../img/mainv2.jpg) center;
}
#mainv_sec h1{
	height: 127px;
	text-align: center;
	padding: 50px 0;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	background: url(../img/mainv_bg.png) no-repeat right bottom;
}
@media screen and (max-width: 999px) {
	#mainv_sec .photo_top,
	#mainv_sec .photo_btm{ display: none; }
	#mainv_sec h1{
		height: auto;
		padding: 0 0;
		border-top: none;
		border-bottom: none;
		background: none;
	}
	#mainv_sec h1 img{ width: 100%; }
}


/* #mainv */
#club_cirlce #mainv_sec{
	margin-bottom: 85px;
	background: #F8E641;
}
#club_cirlce .section { margin-bottom: 80px; }


#club_cirlce .section{
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 1200px) {
	#club_cirlce .section{
		width: 96%;
	}
}

@media screen and (max-width: 999px) {
	#club_cirlce #mainv_sec{ margin-bottom: 40px; }
	#club_cirlce .section { margin-bottom: 40px; }
}
@media screen and (max-width: 767px) {
	#club_cirlce #mainv_sec{ padding-top: 0; }
}
@media screen and (max-width: 639px) {
	#club_cirlce #mainv_sec{ margin-bottom: 20px; }
	#club_cirlce .section { margin-bottom: 20px; }
	#club_cirlce #cnt_main{ margin-bottom: 10px; }
}

#club_cirlce .pick_up_tit{
	line-height: 1;
	margin-bottom: 45px;
	border-bottom: 1px solid;
}
#club_cirlce .pick_up_tit.orange{ border-color: #FF581F; }
#club_cirlce .pick_up_tit.yellow{ border-color: #FF9A28; }
#club_cirlce .pick_up_tit.blue{ border-color: #006FCF; }
#club_cirlce .pick_up_tit.sblue{ border-color: #97cfe2; }

#club_cirlce .sec_title{ text-align: center; margin-bottom: 45px; position: relative; }
#club_cirlce .sec_title.bg{
	padding: 10px;
	line-height: 1;
	background: #000;
}
#club_cirlce .sec_title.bg:before{
	content: "";
	display: block;
	width: 0; height: 0;
	position: absolute;
	top: 0; left: 0;
	border: 5px solid transparent;
	border-top: 5px solid #FFF;
	border-left: 5px solid #FFF;
}
#club_cirlce .sec_title.bg:after{
	content: "";
	display: block;
	width: 0; height: 0;
	position: absolute;
	bottom: 0; right: 0;
	border: 5px solid transparent;
	border-bottom: 5px solid #FFF;
	border-right: 5px solid #FFF;
}

@media screen and (max-width: 999px) {
	#club_cirlce .sec_title{ margin-bottom: 25px; }
	#club_cirlce .pick_up_tit{ margin-bottom: 25px; }
}
@media screen and (max-width: 767px) {
	#club_cirlce .sec_title img{ height: 20px; }
}
@media screen and (max-width: 639px) {
	#club_cirlce .sec_title{ margin-bottom: 15px; }
	#club_cirlce .sec_title.bg{ padding: 7px 10px; margin-bottom: 10px; }
	#club_cirlce .sec_title.bg:before{
		border: 3px solid transparent;
		border-top: 3px solid #FFF;
		border-left: 3px solid #FFF;
	}
	#club_cirlce .sec_title.bg:after{
		border: 3px solid transparent;
		border-bottom: 3px solid #FFF;
		border-right: 3px solid #FFF;
	}
	#club_cirlce .pick_up_tit{ margin-bottom: 15px; }
	#club_cirlce .sec_title img{ height: 14px; }
	#club_cirlce .pick_up_tit img{ height: 20px; }
}
@media screen and (max-width: 320px) {
	#club_cirlce .pick_up_tit{ margin-bottom: 5px; }
	#club_cirlce .sec_title img{ height: 12px; }
	#club_cirlce .pick_up_tit img{ height: 15px; }
}

#club_cirlce .box_wrap{ margin: 0 -20px -20px 0; }
#club_cirlce .box{ float: left; margin: 0 20px 20px 0; }

@media screen and (max-width: 1200px) {
	#club_cirlce .box img{ width: 100%; }
	#club_cirlce #sec_7 .box_wrap,
	#club_cirlce #sec_1 .box_wrap,
	#club_cirlce #sec_2 .box_wrap,
	#club_cirlce #sec_3 .box_wrap{ margin: 0 -2% -2% 0; }
	#club_cirlce #sec_1 .box_wrap .box,
	#club_cirlce #sec_2 .box_wrap .box,
	#club_cirlce #sec_3 .box_wrap .box{ width: 48%; margin: 0 2% 2% 0; }
	/* #club_cirlce #sec_1 .box_wrap .box:first-child, */
	/*#club_cirlce #sec_2 .box_wrap .box:first-child,*/
	/* #club_cirlce #sec_3 .box_wrap .box:first-child{ width: 98%; } */
	#club_cirlce #sec_3 .box_wrap .box{ width: 98%; }
	#club_cirlce #sec_7 .box_wrap .box{ width: 98%; }

	#club_cirlce .box_wrap{ margin: 0 -2% -2% 0; }
	#club_cirlce .box{ width: 23%; margin: 0 2% 2% 0; }

	#club_cirlce #sec_2 .box_wrap .box:first-child{ width: 98%; }
}
@media screen and (max-width: 767px) {
	#club_cirlce #sec_7 .box_wrap,
	#club_cirlce #sec_1 .box_wrap,
	#club_cirlce #sec_2 .box_wrap,
	#club_cirlce #sec_3 .box_wrap{ margin: 0; }
	#club_cirlce #sec_7 .box_wrap .box,
	#club_cirlce #sec_1 .box_wrap .box,
	#club_cirlce #sec_2 .box_wrap .box,
	#club_cirlce #sec_3 .box_wrap .box{ width: 80%; margin: 0 10% 2%; }
	#club_cirlce #sec_7 .box_wrap .box:first-child,
	#club_cirlce #sec_1 .box_wrap .box:first-child,
	#club_cirlce #sec_2 .box_wrap .box:first-child,
	#club_cirlce #sec_3 .box_wrap .box:first-child{ width: 80%; }

	#club_cirlce .box_wrap.type2{ width: 82%; margin: 0 10% -2%; }
	#club_cirlce .type2 .box{ width: 48%; margin: 0 2% 2% 0; }
}
@media screen and (max-width: 639px) {
	#club_cirlce #sec_7 .box_wrap .box,
	#club_cirlce #sec_1 .box_wrap .box,
	#club_cirlce #sec_2 .box_wrap .box,
	#club_cirlce #sec_3 .box_wrap .box{ width: 100%; margin: 0 0% 2%; }
	#club_cirlce #sec_7 .box_wrap .box:first-child,
	#club_cirlce #sec_1 .box_wrap .box:first-child,
	#club_cirlce #sec_2 .box_wrap .box:first-child,
	#club_cirlce #sec_3 .box_wrap .box:first-child{ width: 100%; }

	#club_cirlce #sec_4,
	#club_cirlce #sec_5,
	#club_cirlce #sec_6{ margin-bottom: 0px; }

	#club_cirlce .box_wrap.type2{ width: 102%; margin: 0 0% -2% 0; padding-bottom: 25px;}
	#club_cirlce .box_wrap.type2 .box{ width: 48%; margin: 0 2% 2% 0; }
}
#club_cirlce #btn_contact a span { background: url(../img/btn_contact.jpg) no-repeat center; background-size: cover; }
.ie8 #club_cirlce #btn_contact a span { background: url(../img/btn_contact_ie8.jpg) no-repeat center; }