@charset "utf-8";

body{
	color:#191919;
	font-size:14px;
	font-family:"din-2014","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","Quicksand","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:24px;
}

ul{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

li{
	letter-spacing: normal; /* 文字間を通常に戻す */
}
a {
	color:#333333;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	text-decoration:none;
}

header a , nav a{
	text-decoration:none;
}

a:hover{
	opacity:0.7;
}

.more a:hover{
	opacity:1;
}

img{
	max-width:100%;
}

.clear{
	clear:both;
}

.clearfix_af:after{
	content: "";
	display: block; 
	height: 0; 
	font-size:0;    
	clear: both; 
	visibility:hidden;
}

.clearfix_bf:before{
	content: "";
	display: block; 
	height: 0; 
	font-size:0;    
	clear: both; 
	visibility:hidden;
}
.clearfix_af ,.clearfix_bf{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix_af{
	height: 1%;
}
.clearfix_af ,.clearfix_bf{
	display:block;
}
/* End Hack */
.club_title{
	font-family:"poynter-oldstyle-display" ,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","Quicksand","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

}

.gradation a{
  color: #0fccaf;
  background: -webkit-linear-gradient(0deg, rgba(48,94,209,1) 20%, rgba(124,222,131,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-weight:bold;
	font-family:"din-2014","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,"Quicksand","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

h1 a img{
	display:block;
}

h3{
	font-size:24px;
}

.more ,
.more a{
	color:#0fccaf;
	font-size:18px;
}

#mv{
	background-color:#06111a;
	height:100vh;
	width:100%;
	position:relative;
	z-index:9;
}

#mv .mv_logo{
	position:absolute;
	left:0;
	right:0;
	top:38%;
	text-align:center;
}

#mv .more{
	position:absolute;
	left:0;
	right:0;
	bottom:20%;
	text-align:center;
}

header{
	position:absolute;
	width:calc(100% - 100px);
	justify-content:space-between;
	display:flex;
	flex-wrap:wrap;
	padding:19px 50px;
	z-index:9999;
	opacity:1;
	transition:all 0.4s;
}

header.on{
	background-color:rgba(6,17,26,0.9);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
	position:fixed;
	opacity:1;
}

header ul.g_menu{
	display:none;
}

header.top ul.g_menu{
	display:none;
}

section#about{
	min-height:100vh;
	width:100%;
	background:url(image/home/about_bg@2x.png) center center no-repeat;
	background-size:cover;
	color:#fff;
/*
	position:fixed;
	top:0;
*/
}

section#about .content_area{
	max-width:820px;
	min-height:100vh;
	margin:auto;
	position:relative;
	padding:0 20px;
	box-sizing:border-box;
}

section#program{
	background-color:#f8f8f8;
	padding-top:100px;
	padding-bottom:70px;
/*	margin-top:100vh;*/
	position:relative;
	z-index:9;
}

section#program h3{
	text-align:center;
}

section#program .content_area{
	max-width:1060px;
	margin:auto;
}

section#program .content_area ul.program_list li h4{
	margin-top:6px;
	font-size:16px;
	line-height:24px;
}

section#program .content_area ul.program_list li dl{
	margin-top:5px;
	justify-content:flex-start;
	display:flex;
	flex-wrap:wrap;
	font-size:12px;
	font-weight:bold;
	line-height:1.3;
}

section#program .content_area ul.program_list li dl dt{
	width:35px;
	color:#6f6f6f;
}

section#program .content_area ul.program_list li dl dd{
	flex:1;
}

section#program .content_area .more{
	margin-top:50px;
	text-align:center;
}

section#news{
	padding-top:100px;
	padding-bottom:70px;
	background-color:#fff;
	position:relative;
	z-index:9;
}

section#news .content_area{
	max-width:800px;
	margin:auto;
}

section#news .content_area ul.news_area li .more{
	position:absolute;
	left:0;
	bottom:1em;
}

section#tec_info{
	padding-top:140px;
	padding-bottom:100px;
	background-color:#fff;
	position:relative;
	z-index:9;
}

section#tec_info .content_area{
	max-width:800px;
	margin:auto;
}

section#tec_info .content_area ul.info_area li h4{
	font-size:24px;
}

section#tec_info .content_area ul.info_area li p{
	font-size:14px;
	line-height:22px;
	margin-top:20px;
}

section#tec_info .content_area ul.info_area li .more{
	margin-top:20px;
}

footer{
	position:relative;
	z-index:9;
	background-color:#fff;
	padding:25px 50px;
}

footer .footer_con{
	justify-content:space-between;
	display:flex;
	flex-wrap:wrap;
}

footer .footer_con ul.footer_menu{
	justify-content:flex-start;
	display:flex;
	flex-wrap:wrap;
	font-size:14px;
}

footer .footer_con ul.footer_menu li{
	margin-right:40px;
}

footer .footer_con ul.footer_menu li:last-chilkd{
	margin-right:0;
}

footer .copyright{
	font-size:14px;
}

#pickup{
	background-color:#F8F8F8;
	padding:100px 20px;
}

#pickup h3{
	text-align:center;
}

#pickup ul.home_pickup_list{
	justify-content:space-between;
	display:flex;
	flex-wrap:wrap;
	max-width:1216px;
	margin:70px auto 0 auto;
}

#pickup ul.home_pickup_list li{
	width:29.60%;
}

@media all and (max-width: 1000px) {


}


@media all and (min-width: 768px) {
	.sp_only{
		display:none !important;
	}

	header.on ul.g_menu{
		justify-content:flex-start;
		display:flex;
		flex-wrap:wrap;
	}

	header ul.g_menu li{
		margin-right:20px;
	}

	header ul.g_menu li:last-child{
		margin-right:0;
	}

	header ul.g_menu li a{
		color:#fff;
	}

	section#about .content_area h3{
		position:absolute;
		top:11%;
	}

	section#about .content_area .catch{
		font-size:40px;
		line-height:1.5;
		font-weight:bold;
		letter-spacing:0;
		position:absolute;
		top:25%;
	}

	section#about .content_area .catch span{
		font-size:56px;
		letter-spacing:6px;
	}

	section#about .content_area .catch > p{
		font-size:14px;
		line-height:22px;
		padding-top:32px;
	}

	section#about .content_area .mv_support{
		text-align:center;
		position:absolute;
		top:78%;
		left:0;
		right:0;
	}

	section#program .content_area ul.program_list{
		margin-top:60px;
		justify-content:space-between;
		display:flex;
		flex-wrap:wrap;
	}

	section#program .content_area ul.program_list li{
		width:29.7%;
	}

	section#news .content_area ul.news_area{
		justify-content:flex-start;
		display:flex;
		flex-wrap:wrap;
	}

	section#news .content_area ul.news_area a{
		text-decoration:underline;
	}

	section#news .content_area ul.news_area li:first-child{
		width:200px;
		padding-right:30px;
		box-sizing:border-box;
		position:relative;
	}

	section#news .content_area ul.news_area li:last-child{
		flex:1;
	}

	section#news .content_area ul.news_area li dl{
		justify-content:flex-start;
		display:flex;
		flex-wrap:wrap;
		font-size:14px;
		line-height:24px;
		margin-bottom:25px;
	}

	section#news .content_area ul.news_area li dl:last-child{
		margin-bottom:0;
	}

	section#news .content_area ul.news_area li dl dt{
		width:100px;
		padding-right:20px;
		box-sizing:border-box;
	}

	section#news .content_area ul.news_area li dl dd{
		flex:1;
	}

	section#tec_info .content_area ul.info_area{
		justify-content:flex-start;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}

	section#tec_info .content_area ul.info_area li:first-child{
		width:285px;
		padding-right:50px;
		box-sizing:border-box;
	}

	section#tec_info .content_area ul.info_area li:last-child{
		flex:1;
	}

}

@media all and (max-width: 767px) {

	.pc_only{
		display:none !important;
	}

	header ul.g_menu{
		display:block !important;
	}

	ul.g_menu.on{
		left:0;
	}

	ul.g_menu{
		top:0;
		padding-top:120px;
		text-align:center;
		position:fixed;
		z-index:99999;
		background-color:#06111a;
		width:100%;
		height:100vh;
		left:-100vw;
		transition:all 0.4s;
	}

	ul.g_menu li{
		margin-bottom:25px;
	}

	ul.g_menu li a{
		color:#fff;
		font-size:18px;
	}


	header{
		padding:15px 30px;
		width:calc(100% - 60px);
		z-index:999999;
	}

	#switchBtnArea {
		position: absolute;
		top:0;
		right:0;
		width:60px;
		height:60px;
		z-index:99999;
	}

	#switchBtnArea .switchBtn {
		top: 20px;
		right: 25px;
		width: 38px;
		height: 25px;
		display: block;
		position: absolute;
	}

	#switchBtnArea .switchBtn span {
		left: 10%;
		width: 100%;
		height: 2px;
		display: block;
		position: absolute;
		background-color: #fff;
		transition: all 0.2s linear;
	}
	#switchBtnArea .switchBtn span:nth-of-type(1) {top:0px;transform: rotate(0);}
	#switchBtnArea .switchBtn.btnClose span:nth-of-type(2) {transform: scale(0);}
	#switchBtnArea .switchBtn span:nth-of-type(3) {bottom:12px;transform: rotate(0);}

	#switchBtnArea .switchBtn.btnClose span:nth-of-type(1) {top:6px;transform: rotate(-45deg);}
	#switchBtnArea .switchBtn.btnClose span:nth-of-type(2) {transform: scale(0);}
	#switchBtnArea .switchBtn.btnClose span:nth-of-type(3) {bottom:16px;transform: rotate(45deg);}

	.content_area{
		padding:0 30px;
	}

	section#about{
	padding-bottom:50px;
	}

	section#about .content_area h3{
		padding-top:15px;
	}

	section#about .content_area .catch{
		font-size:32px;
		line-height:44px;
		font-weight:bold;
		margin-top:30px;
	}

	section#about .content_area .catch span{
		font-size:42px;
		letter-spacing:10px;
	}

	section#about .content_area .catch > p{
		font-size:14px;
		line-height:22px;
		padding-top:15px;
	}

	section#about .content_area .mv_support{
		text-align:center;
		padding-top:30px;
	}

	section#about .content_area .more{
		padding-top:30px;
		text-align:center;
	}

	section#program{
		padding-top:70px;
		padding-bottom:50px;
	}

	section#program h3{
		text-align:left;
		font-size:24px;
		line-height:44px;
	}

	section#program .content_area ul.program_list{
		margin-top:30px;
		padding:0 10px;
	}

	section#program .content_area ul.program_list li{
		margin-bottom:45px;
	}

	section#program .content_area ul.program_list li h4{
		margin-top:5px;
	}

	section#program .content_area ul.program_list li dl{
		margin-top:0;
	}

	section#news{
		padding-top:70px;
		padding-bottom:100px;
	}

	section#news .content_area ul.news_area li dl{
		margin-top:35px;
	}

	section#news .content_area ul.news_area li .more{
		position:absolute;
		left:30px;
		bottom:2em;
	}

	section#tec_info{
		padding-top:70px;
		padding-bottom:50px;
	}

	section#tec_info .content_area ul.info_area li:first-child{
		text-align:center;
	}

	section#tec_info .content_area ul.info_area li h4{
		font-size:20px;
		line-height:30px;
		text-align:center;
		margin-top:45px;
	}

	section#tec_info .content_area ul.info_area li p{
		font-size:14px;
		line-height:22px;
		margin-top:20px;
	}

	section#tec_info .content_area ul.info_area li .more{
		margin-top:20px;
	}

	section#tec_info .content_area ul.info_area li .more{
		text-align:center;
	}

	footer{
		padding:25px 30px;
	}

	footer .footer_con ul.footer_menu li{
		margin-right:20px;
	}

	footer .copyright{
		margin-top:25px;
	}

	#pickup{
		padding:50px 0;
	}

	#pickup h3{
		text-align:left;
	}

	#pickup ul.home_pickup_list{
		margin-top:30px;
	}

	#pickup ul.home_pickup_list li{
		width:100%;
	}

	#pickup ul.home_pickup_list li + li{
		margin-top:50px;
	}


}

@media all and (max-width: 375px) {

}

@media all and (max-width: 320px) {


}


/*aboutの調整*/
@media (max-height: 800px) {
	section#about .content_area h3{
		top:11%;
	}

	section#about .content_area .catch{
		top:25%;
	}

	section#about .content_area .more{
		top:90%;
	}
}