@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/
#sub_contents{
	margin-bottom:0;
	}
#sub_contents h2{
	color:#fff;
	position:relative;
	}
#sub_contents h2 span{
	position:relative;
	z-index:2;
	}
#sub_contents h2:after{
	position:absolute;
	content:"";
	background-color:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1;
	}

.club070 h2{
	background-image:url(../images/070.jpg);
	}
.club071 h2{
	background-image:url(../images/071.jpg);
	}
.club072 h2{
	background-image:url(../images/072.jpg);
	}
.club073 h2{
	background-image:url(../images/073.jpg);
	}


/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media screen and (min-width: 801px), print {
	
	h2{
		background-position:center center;
		background-size:cover;
		padding-top:68px;
		padding-bottom:68px;
		text-align:center;
		font-size:218%;
		}
		
		.sec1{
			margin-top:50px;
			}
			.sec1 .Introduction{
				letter-spacing:0.05em;
				line-height:2.2em;
				font-size:1.1em;
				}
				.sec1 .s5_5{
					margin-top:50px;
					}
					.sec1 .s5_5 > dl{
						width:500px;
						}
						.sec1 .s5_5 > dl dt{
							font-weight:bold;
							font-size:143%;
							margin-bottom:20px;
							}
							.sec1 .s5_5 > dl dd{
								}
								.sec1 .s5_5 > dl dd table{
									border-collapse:collapse;
									width:100%;
									}
									.sec1 .s5_5 > dl dd table th{
										background-color:#7fc2e3;
										border-bottom:1px solid #cdcdcd;
										border-top:1px solid #cdcdcd;
										color:#fff;
										width:113px;
										padding:16px 10px 14px;
										box-sizing:border-box;
										}
									.sec1 .s5_5 > dl dd table td{
										border-bottom:1px solid #cdcdcd;
										border-top:1px solid #cdcdcd;
										padding:16px 18px 14px;
										}
									.intro_btn{
										margin-top:35px;
										}
										.intro_btn a{
											display:block;
											background-color:#0085cd;
											text-align:center;
											color:#fff;
											font-size:1.2em;
											font-weight:bold;
											padding:12px 18px 10px;
											position:relative;
											}
										.intro_btn a:hover{
											opacity:0.8;
											}
											.intro_btn a:after{
												content:"";
												display:block;
												background:url(../../common/img/icon_window.png);
												width:10px;
												height:9px;
												position:absolute;
												right:20px;
												top:50%;
												margin-top:-5px;
												}
						.sec1 .s5_5 > dl:nth-of-type(1){
							float:left;
							}
						.sec1 .s5_5 > dl:nth-of-type(2){
							float:right;
							}
							.sec1 .s5_5 > dl:nth-of-type(2) th{
								width:80px;
								}

		/*  indexページ */
		.top_feature .sec2{
			margin-top:0!important;
			}
			.event{
				margin-top:100px;
				}
				.event h3{
					margin-bottom:30px;
					}
		/*  indexページ end */
		
		.sec2{
			margin-top:100px;
			background-color:#edf1f3;
			padding-top:40px;
			padding-bottom:80px;
			}
			.sec2 h3{
				background-color:#fff;
				font-size:129%;
				text-align:center;
				padding:15px 20px 13px;
				}
			.sec2 .club_list{
				letter-spacing: -.40em;
				margin-left: -28px;
				}
			.sec2 .club_list dl{
				display:inline-block;
				vertical-align:top;
				letter-spacing: -.40em;
				margin-top:50px;
				margin-left:28px;
				}
				.sec2 .club_list dl dt{
					color:#0085cd;
					font-size:115%;
					font-weight:bold;
					letter-spacing: normal;
					position:relative;
					}
					.sec2 .club_list dl dt span{
						background-color: #edf1f3;
						display:inline-block;
						position: relative;
						z-index: 2;
						padding-right:10px;
						}
				.sec2 .club_list dl dt:after{
					position:absolute;
					content:"";
					height:1px;
					width:100%;
					background-color:#d3dde0;
					top:50%;
					left:0;
					}
				.sec2 .club_list dl dd ul{
					display:inline-block;
					letter-spacing: -.40em;
					margin-right:28px;
					vertical-align:top;
					}
					.sec2 .club_list dl dd li{
						margin-top: 10px;
						line-height: 1.3em;
						letter-spacing: normal;
						width:179px;
						background:url(../../common/img/arrow_mini.png) no-repeat left 4px;
						padding-left:10px;
						box-sizing:border-box;
						}
				.sec2 .club_list dl.club1,.sec2 .club_list dl.club2,.sec2 .club_list dl.club3{
					width:179px;
					}
				.sec2 .club_list dl.club4{
					width:417px;
					}
				.sec2 .club_list dl.club5,.sec2 .club_list dl.club6,.sec2 .club_list dl.club7{
					width:100%;
					}
	
}






/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {
	
	h2{
		background-position:center center;
		background-size:cover;
		padding-top:68px;
		padding-bottom:68px;
		text-align:center;
		font-size:218%;
		}
		
		.sec1{
			margin-top:50px;
			}
			.sec1 .Introduction{
				letter-spacing:0.05em;
				line-height:2.2em;
				font-size:1.1em;
				}
				.sec1 .s5_5{
					margin-top:50px;
					}
					.sec1 .s5_5 > dl{
						}
						.sec1 .s5_5 > dl dt{
							font-weight:bold;
							font-size:143%;
							margin-bottom:20px;
							}
							.sec1 .s5_5 > dl dd{
								}
								.sec1 .s5_5 > dl dd table{
									border-collapse:collapse;
									width:100%;
									}
									.sec1 .s5_5 > dl dd table th{
										background-color:#7fc2e3;
										border-bottom:1px solid #cdcdcd;
										border-top:1px solid #cdcdcd;
										color:#fff;
										width:113px;
										padding:16px 10px 14px;
										box-sizing:border-box;
										}
									.sec1 .s5_5 > dl dd table td{
										border-bottom:1px solid #cdcdcd;
										border-top:1px solid #cdcdcd;
										padding:16px 18px 14px;
										}
									.intro_btn{
										margin-top:20px;
										}
										.intro_btn a{
											display:block;
											background-color:#0085cd;
											text-align:center;
											color:#fff;
											font-size:1.2em;
											font-weight:bold;
											padding:12px 18px 10px;
											position:relative;
											}
										.intro_btn a:hover{
											opacity:0.8;
											}
											.intro_btn a:after{
												content:"";
												display:block;
												background:url(../../common/img/icon_window.png);
												width:10px;
												height:9px;
												position:absolute;
												right:20px;
												top:50%;
												margin-top:-5px;
												}
							.sec1 .s5_5 > dl:nth-of-type(2){
								margin-top:40px;
								}			
							.sec1 .s5_5 > dl:nth-of-type(2) th{
								width:80px;
								}
				

		/*  indexページ */
		.top_feature .sec2{
			margin-top:0!important;
			}
			.event{
				margin-top:60px;
				}
				.event h3{
					margin-bottom:30px;
					}	
		/*  indexページ end */	
								
		
		.sec2{
			margin-top:100px;
			background-color:#edf1f3;
			padding-top:40px;
			padding-bottom:80px;
			}
			.sec2 h3{
				background-color:#fff;
				font-size:129%;
				text-align:center;
				padding:15px 20px 13px;
				}
			.sec2 .club_list{
				letter-spacing: -.40em;
				margin-left: -29px;
				}
			.sec2 .club_list dl{
				display:block;
				vertical-align:top;
				letter-spacing: -.40em;
				margin-top:30px;
				margin-left:29px;
				}
				.sec2 .club_list dl dt{
					color:#0085cd;
					font-size:115%;
					font-weight:bold;
					letter-spacing: normal;
					position:relative;
					}
					.sec2 .club_list dl dt span{
						background-color: #edf1f3;
						display:inline-block;
						position: relative;
						z-index: 2;
						padding-right:10px;
						}
				.sec2 .club_list dl dt:after{
					position:absolute;
					content:"";
					height:1px;
					width:100%;
					background-color:#d3dde0;
					top:50%;
					left:0;
					}
				.sec2 .club_list dl dd ul{
					display:block;
					letter-spacing: -.40em;
					vertical-align:top;
					}
					.sec2 .club_list dl dd li{
						display:block;
						margin-top: 10px;
						line-height: 1.3em;
						letter-spacing: normal;
						background:url(../../common/img/arrow_mini.png) no-repeat left 4px;
						padding-left:10px;
						box-sizing:border-box;
						}
	

}