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

	body,div,section,article,p,figure{
		margin:0;
		padding:0;
	}
	html{
    font-size: 62.5%;
		scroll-behavior: smooth;
		scroll-padding-top: 100px;
	}
	body{
		font-size:1.6rem;
	}
	.bt{
		color:#082669;
		background:#fff;
	}
	.bt.sec-title:after{
		border-color:#082669;
	}
	.mainContainer{
		color:#fff;
		background:#2ea7e0;link-btn
	}
	.firstMessage{
		height:780px;
		overflow:hidden;
		background:url('bg-80.jpg');
		background-position:center center;
		background-size:cover;
		background-repeat:no-repeat;
	}
	.firstMessage > article{
		position:absolute;
		left:50%;
		top:50%;
		display:inline-block;
		margin:0 auto;
		width:100%;
		height:100vh;
		text-align:center;
		font-size:2rem;
		color:#fff;
		transform:translate(-50%,-50%);

	}

	.logo img{
		width:200px;
	}
	
	h2{
		font-size:4rem;
		color:#faed00;
	}
	h2.sec-title{
		font-size:4rem;
		text-align:center;
	}
	h2.sec-title:after{
		display:block;
		content:"";
		margin:20px auto 20px;
		width:200px;
		border-bottom:2px solid #faed00;
	}
	h3{
		margin:0;
		text-align:center;
	}
	#gNav{
		position:relative;
		min-height:60px;
		color:#333;
		background:#fff;
		overflow:hidden;
	}
	#gNav.is-fixed{
		position:fixed;
		top:0;
		width:100%;
		z-index:9999;
}
	#gNav ul{
		position:relative;
		margin:0 auto;
		width:1000px;
		list-style:none;
		overflow:hidden;
	}
	#gNav ul li{
		float:left;
		margin:0 20px 0 0;
		text-align:center;
	}
	#gNav ul li a{
		display:inline-block;
		padding:20px;
		height:20px;
		text-decoration:none;
		transition: .5s;
	}
	#gNav ul li a:hover{
		background:#eee;
		transition: .5s;
	}
	.menu-toggle{
	display:none;
    position: absolute;
	top: 0;
	left:50%;
	padding:30px 10px 0;
    height: 60px;
    font-size:6px;
	font-size:.6rem;
	color:#333;
	background: #fff;
    border: none;
    border-radius: 0;
		transform:translate(-50%,0);
}



.menu-toggle > span{
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	height:2px;
	width:50%;
	background:#333;
}
.menu-toggle > span:nth-child(1){
	top:10px;
	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
}
.menu-toggle > span:nth-child(2){
	top:20px;
	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
}
.menu-toggle > span:nth-child(3){
	top:30px;
	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
}

.menu-toggle.active > span:nth-child(1){
	transform: rotate(225deg) translateY(-7px) translateX(-7px);
	-moz-transform: rotate(225deg) translateY(-7px) translateX(-7px);
	-webkit-transform: rotate(225deg) translateY(-7px) translateX(-7px);
	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
}
.menu-toggle.active > span:nth-child(2){
	transform: translateX(10px);
	-moz-transform: translateX(10px);
	-webkit-transform: translateX(10px);
	opacity: 0;
	-moz-opacity:0;
	-webkit-opacity:0;
	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
}
.menu-toggle.active > span:nth-child(3){
	transform: rotate(-225deg) translateY(7px) translateX(-7px);
	-moz-transform: rotate(-225deg) translateY(7px) translateX(-7px);
	-webkit-transform: rotate(-225deg) translateY(7px) translateX(-7px);
	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
}

	.content{
		position:relative;
		margin:0 auto;
		padding:40px 0 80px;
		width:1000px;
		overflow:hidden;

	}
	.content > section{
		padding:40px 0;
	}
	.arrow{
		font-size:5rem;
		color:#fff;
	}
	
	.news{
		border-top:1px solid #666;
		 background:#fff;
}


.summary-detail{
	margin:0 0 40px;
}
.summary-detail h3{
	font-size:2rem;
	color:#faed00;
		margin:10px 0 20px;
}
.summary-detail .summary-info{
	display:inline-block;
	font-size:1.6rem;
	width: 48%;
	width:calc(50% - 5px);
}
.summary-detail .summary-info span{
	display:inline-block;
	margin:0 10px 0 0;
	padding:2px 5px;
}

.summary-detail .summary-info .name{

}
.summary-detail .summary-info .type{
	width:90px;
	font-size:1rem;
	text-align:center;
	border:1px solid #fff;
}
.summary-detail .summary-info .time{
	width:90px;
}
.slink{
	display:inline-block;
	width: 48%;
	width:calc(50% - 5px);
	margin:10px 0;
	padding:10px 0;
	hegiht:60px;
	text-align:center;
	border-radius:5px;
	color:#fff;
	font-size:1.2rem;
	text-decoration: none;
}
.slink:hover{
	opacity:.8;
}
.slink:first-child{
margin-right:10px;
}
.slink.m{
	background:#201FA4;
}
.slink.f{
	background:#FF6C6E;
}

.news-list{
	background:#fff;
}

.news-detail h3{
	text-align:left;
	margin:0 0 20px;
}
	.information{
		padding:20px;
	}
	.information-detail{
		width:100%;
	}
	.information-detail th,
	.information-detail td{
		padding:10px 20px;
	}
	.information-detail th{
		width:30%;
		border-bottom:2px solid #fff;
	}
	.information-detail td{
		width:70%;
		border-bottom:1px solid #fff;
	}
	.course-info{
		margin:20px 0 0;
		overflow:hidden;
	}
	.course-info .info-kind-detail{
		position:relative;
		float:left;
		margin:0 0 20px;
		padding:10px;
		width:470px;
		color:#333;
		background:#fff;
		border-radius:10px;
		box-shadow:0 0 10px 2px #ddd;
		overflow:hidden;
	}
	.course-info .info-kind-detail:nth-child(2n-1){
		margin-right:20px;
	}
	.info-kind-detail .data table{
		margin:20px 0 0;
		padding:0;
		list-style: none;
	}
	.data ul li{
		position:relative;
		
		padding:2px 4px;
		height:40px;
		text-align:center;
		color:#000;
	}
	.data ul li.male{
		background:#66C8FF;
	}
	.data ul li.female{
		background:#FF9092;
	}
.data ul a{
	position:absolute;
	top:0;
	left:0;
	padding:9px 0;
	width:100%;
	height:100%;
	text-decoration: none;
	color:#fff;
}
.data table{
	width:100%;
	font-size:1.4rem;
	text-align:center;
}
.data th{
	background:#eee;
}

#line{
	color:#fff;
	background:#00B900;
}
.line figure{
	float:right;
	width:100px;
	height:100px;
}
.line figure img{
	width:100%;
	height:auto;
}

	.tshirt{
		color:#333;
		background:#fff;
	}
	.tshirt-size{
		margin:40px 0;
		width:100%;
		font-size:1.2rem;
		text-align:center;
	}

	.tshirt-size th,
	.tshirt-size td{
		padding:10px 0;
		border-bottom:1px solid #aaa;
	}
	.length{
		position:absolute;
		top:10px;
		right:10px;
		color:#2ea7e0;
		font-style:italic;
		
	}
	.length > .num{
		font-size:6rem;
		font-family: 'Exo 2', sans-serif;
	}
	.copyright{
		margin:20px;
		font-size:1rem;
		text-align:center;
	}
	.youtube{
		position: relative;
		margin-top:20px;
	  	width: 100%;
	  	padding-top: 56.25%;
	}
	.youtube iframe {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
}
	.link-btn{
		display:block;
		margin:40px auto;
		padding:30px 0 0;
		width:280px;
		height:40px;
		text-align:center;
		text-decoration:none;
		line-height:1;
		border-radius:10px;
		background:#fff;
		color:#0070FF;
	}

.news-article{
	margin:0 auto;
	padding:40px 20px;
	border-bottom:1px dotted #fff;
}
.news-article date{
	font-size:1.2rem;
	padding:3px 0;
}


.popupMessage{
	position:fixed;
	top:0;
	left:0;
	padding:0 20px 20px;
	width:calc(100% - 40px);
	height:100%;
	background:rgba(0,0,0,.8);
	overflow-y:auto;
	overflow-x:hidden;
	z-index:99999;
}
.popupMessage .text{
	position:relative;
	width:90%;
	padding:30px;
	overflow-y:auto;
	color:#fff;
}
.modal-close a{
	color:#FFDD00;
}
.popupMessage .text p{
	margin-bottom:20px;
}
	@media screen and (max-width:768px){
		.firstMessage > article{
		width:100%;
	}
		.h2{
			font-size:2rem;
		}
		#gNav{
			width:100%;
		}
		#gNav ul{
			margin:60px 0 0;
			padding:0;
			max-height:0;
			width:100%;
			transition:.5s;
		}
		#gNav ul.active{
			max-height:100%;
			transition:.5s;
		}
		#gNav ul li{
			float:none;
		}
		.menu-toggle{
			display:inherit;
		}
		.content{
			width:320px;

		}
		.logo img{
			margin:50px 0 0;
			padding:0;
			width:180px;
		}
		.course-info .info-kind-detail,
		.course-info .info-kind-detail:nth-child(2n-1){
			float:none;
			margin:0 auto 20px;
			width:85%;
		}
		.length{
			position:relative;
			top:0;
			right:0;
		}
		
	}

.sns{
		color:#333;
		background:#fff;
	}