@charset "UTF-8";
/* 最終更新日 2020-07-13
--------------------------------------------------------------------------------------------------------- */
/* 
------------------------------------------------------------------------------------------- */
.bx-wrapper {
	margin: 0 auto;
}

#slider {
	display: block;
	width: 100%;
	margin: 55px 0 0;
}

.sp-horizontal .sp-arrows {
	width: 90%;
	margin-left: -40%;
	z-index: 999;
}

.sp-button {
	border: 2px solid #777;
	width: 12px;
	height: 12px;
}

.sp-selected-button {
	background-color: #777;
}

.ul_program_top {
	width: 90%;
	margin: 0 auto;
}

.txt_program2 {
	width: 90%;
	margin: 0 auto;
}

.txt_program3 {}

.ul_program_top p:nth-child(2).studio, .ul_program_top  p:nth-child(2).school, .ul_program_top  p:nth-child(2).pool  {
	color: #FFF;
	width: 90%;
	font-size: 18px;font-size: 18rem;
	font-weight: bold;
	text-align: center;
	margin: 15px auto;
	padding: 2px 0;
	border-radius: 20px;
}

.ul_program_top  p:nth-child(4) {
	font-size: 16px;font-size:16rem;
	margin: 10px 0 0 5%;
}

.ul_program_top  p:nth-child(2).studio {
	background: #CA4649;
}

.ul_program_top  p:nth-child(4).studio {
	color: #CA4649;
}

.ul_program_top  p:nth-child(2).school {
	background: #509783;
}

.ul_program_top  p:nth-child(4).school {
	color: #509783;
}

.ul_program_top  p:nth-child(2).pool {
	background: #3B4C8A;
}

.ul_program_top  p:nth-child(4).pool {
	color: #3B4C8A;
}


@media print,screen and (min-width: 769px) {
	/* 
	------------------------------------------------------------------------------------------- */
	#slider {
		margin: 165px 0 60px;
	}

	.sp-horizontal .sp-arrows {
		width: 1200px;
		left: 50%;
		margin-left: -600px;
	}

	.sp-selected a:hover {
		opacity: 0.6;
		filter: brightness(100%);
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.ttl_h2 {
		font-size: 22px;font-size: 22rem;
		font-weight: bold;
		margin: 0 auto 30px;
		text-align: center;
	}

	.sp-button　{
		width: 18px;
		height: 18px;
	}


	/* 体験
	---------------------------------------------------------------------------*/
	.wrap_experience {
		width: 100%;
		height: 243px;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 50px 0;
		background: url(../images/top/bg_experience.jpg) center 0 repeat-x;
		background-size: contain;
	}

	.img_experience1 {
		width: 450px;
		margin: 0 auto;
	}

	.txt_aboutLafit1 {
		font-size: 16px; font-size: 16rem;
		text-align: center;
		margin: 0 auto 100px;
	}

	.txt_topProgram1 {
		font-size: 16px; font-size: 16rem;
		text-align: center;
		margin: 0 auto 50px;
	}


	/* プログラム
	---------------------------------------------------------------------------*/
	#topProgram {
		width: 100%;
		padding: 100px 0 50px;
		box-sizing: border-box;
		background: #F5F5F5;
	}

	.ul_program_top  {
		max-width: 920px;
		margin: 0 auto 100px;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.ul_program_top li {
		width: 260px;
		margin: 0 70px 50px 0;
		padding: 0 0 10px;
		box-sizing: border-box;
		background: #FFF;
	}

	.ul_program_top li:nth-child(3n) {
		margin: 0 0 50px;
	}

}


/* 追加CSS 200721 */
.wrap_experience {
	width: 100%;
	box-sizing: border-box;
	margin: 40px auto;
	padding: 50px 0;
	background: url(../images/top/bg_experience.jpg) center;
	background-size: cover;
}

.img_experience1 {
	width: 90%;
	margin: 0 auto;
}

#topProgram {
	background: #F5F5F5;
	padding-bottom: 40px;
}

.txt_aboutLafit1,
.txt_topProgram1 {
	width: 90%;
	margin: 0 auto;
}



.ul_program_top li a {
	display: block;
	padding-bottom: 15px;
}

.ul_program_top li a:hover {
	text-decoration: none;
	opacity: 0.6;
}

.ul_program_top li {
	margin-bottom: 20px;
	background: #fff;
}

@media print,screen and (min-width: 769px) {
	.wrap_experience {
		margin: 0 auto 40px;
	}

	.img_experience1 {
		width: 450px;
		margin: 0 auto;
	}

	.txt_aboutLafit1 {
		width: 100%;
		margin: 0 auto 100px;
	}

	.txt_topProgram1 {
		width: 100%;
		margin: 0 auto 50px;
	}

	.ul_program_top li {
		margin-bottom: 50px;
	}
}