@charset "UTF-8";
/* CSS Document */
/*サブトップ*/
.sub_top{
	height: 220px;
	width: 100%;
	background: radial-gradient(farthest-corner at 50% 0,#fff 0%, #3B3B3B 100%),url("../img/club/sub_top01.jpg");
	background-blend-mode: multiply;
	background-position:center 65% ;
	background-size: cover;
	background-repeat: no-repeat;
}
.club_img{
	width: 70%;
	margin: 0 auto;
}
.club_txt_area{
	margin: 3em 0;
}
.club_img_list{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-top: 3em;
	margin-bottom: 10px;
	margin-left: -5px;
	margin-right: -5px;
}
.club_img_item{
	width: 33%;
	padding: 0 5px 1em;
}

@media screen and (max-width:1024px){
	.sub_top{
		height: 120px;
		background-position:center 61% ;
	}
	.club_img {
    	width: 80%;
	}
	.sub_cont.club{
		margin-bottom: 3em;
	}
	.club_txt_area{
	margin: 2em 0;
}
}

@media screen and (max-width:599px){
	.sub_top{
		height: 200px;
		width: 100%;
		background:  radial-gradient(farthest-corner at 50% 0,#fff 0%, #3B3B3B 80%),url("../img/club/sub_top01.jpg");
		background-size: cover;
		background-position:center 67% ;
	}
	.club_txt_area {
    	margin: 1em 0;
	}
	.club_img{
		width: 100%;
	}
	.club_img p{
		font-size: 16px;
	}
	.club_table{
		font-size: 16px;
	}
	.club_table th{
		width: 7em;
	}
	.club_img_item{
		width: 50%;
	}
	.club_img_item p{
		font-size: 16px;
	}
	.club_img_list{
		margin-top: 1em;
	}
	.sub_cont.club {
    margin-bottom: 60px;
}
}