@charset "UTF-8";


/* 学校生活共通 */

.school_life_section_head {
	text-align: center;
}
.school_life_section_head_title_en {
	display: inline-block;
	/*width:fit-content;*/
	margin: 0 auto 5px auto;
	font-size: 28px;
	font-family: din-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 6px;

	color: #664D36;
	border-bottom: 2px solid #664D36;
}
.school_life_section_head_title {
	display: block;
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	color: #664D36;
}

.school_life_section {
	width: 90%;
	margin: 50px auto 20px auto;
	padding: 0 0 10px 0;
	font-size: 24px;
	font-weight: bold;
	color: #664D36;
	border-bottom: 2px solid #664D36;
}
.school_life_section_title {
	padding: 0 0 0 40px;
}

.school_life_section_title_en {
	margin: 0 0 0 30px;
	padding: 0 0 0 15px;
	font-size: 16px;
	font-weight: normal;
	color: #664D36;
	border-left: 1px solid #664D36;
}

.school_life_content_01 {
	width: 65%;
	margin: 30px auto 10px auto;
	padding: 20px;
	font-size: 22px;
	font-weight: bold;
	color: #75CFC2;
	background-color: #f4fbfa;
}
.school_life_content_02 {
	width: 65%;
	margin: 10px auto 20px auto;
	font-size: 18px;
	font-weight: normal;
	color: #664D36;
}
.school_life_content_03 {
	width: 65%;
	margin: 10px auto 20px auto;
	font-size: 16px;
	font-weight: normal;
	color: #664D36;
}
.school_life_content_04 {
	width: 65%;
	margin: 50px auto 20px auto;
	font-size: 16px;
	font-weight: normal;
	color: #664D36;
}
.school_life_content_12 {
	width: 100%;
	margin: 10px auto 20px auto;
	font-size: 18px;
	font-weight: normal;
	color: #664D36;
}
@media screen and (max-width: 970px) {

	.school_life_content_12 {
		width: 100%;
		margin: 10px auto 20px auto;
		font-size: 16px;
		font-weight: normal;
		color: #664D36;
	}

}
@media screen and (max-width: 780px) {

	.school_life_content_12 {
		width: 100%;
		margin: 10px auto 20px auto;
		font-size: 14px;
		font-weight: normal;
		color: #664D36;
	}

}





/* 1日の流れ */

#daily_schedule {
	width: 100%;
	padding: 60px 0;
	background-color: #75CFC2;
}

.daily_schedule_img {
	width: 80%;
	height: auto;
	margin: 0px auto 20px auto;
}
.daily_schedule_img img {
	width: 100%;
	height: auto;
}




/* 年間行事 */

#yearly_schedule {
	width: 100%;
	padding: 60px 0;
	background-color: #FED651;
}

.yearly_schedule_img {
	width: 90%;
	height: auto;
	margin: 50px auto 20px auto;
}
.yearly_schedule_img img {
	width: 100%;
	height: auto;
}
.yearly_schedule_an {
	width: 90%;
	margin: 10px auto;
	font-size: 12px;
	text-align: right;
	color: #664D36;
}




/* バス */

#transportation {
	width: 100%;
	padding: 60px 0;
	background-color: #FFFFFF;
}

.bus_route_img {
	width: 65%;
	margin: 10px auto 10px auto;
	padding: 0;
}
.bus_route_img img {
	width: 100%;
	height: auto;
}

.school_life_content_05 {
	width: 65%;
	margin: 30px auto 10px auto;
	padding: 20px;
	font-size: 22px;
	font-weight: bold;
	color: #75CFC2;
}




/* ランチ */

#lunch {
	width: 100%;
	padding: 60px 0;
	background-color: #F6B8AF;
}

#lunch_intro {
	width: 80%;
	height: auto;
	margin: 50px auto 20px auto;
	padding: 0;
	font-size: 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	z-index: 1;
}
#lunch_intro li.photo {
	display: inline-block;
	width: 40%;
	height: auto;
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 180%;
	color: #664D36;
	overflow: hidden;
}
#lunch_intro li.txt {
	display: inline-block;
	width: 55%;
	width: calc(60% - 51px);
	width: -webkit-calc(60% - 51px);
	width: -moz-calc(60% - 51px);
	height: auto;
	text-align: left;

	padding: 0;
	margin-left: 50px;
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	overflow: hidden;

	position: relative;
}
#lunch_intro li.photo img {
	width: 100%;
	height: auto;
}

.lunch_intro_txt {
	width: 100%;
	margin: 40px auto;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}


.lunch_contents_block {
	width: 90%;
	height: auto;
	margin: auto;
}

.lunch_img {
	width: 80%;
	margin: 0 auto;
	padding: 0;
}
.lunch_img img {
	width: 100%;
	height: auto;
}



@media screen and (max-width: 970px) {

	#lunch_intro li.txt {
		font-size: 18px;
		font-weight: bold;
	}

	.school_life_content_12 {
		width: 100%;
		margin: 10px auto 20px auto;
		font-size: 16px;
		font-weight: normal;
		color: #664D36;
	}

}
@media screen and (max-width: 780px) {

	#lunch_intro li.txt {
		font-size: 16px;
		font-weight: bold;
	}

	.school_life_content_12 {
		width: 100%;
		margin: 10px auto 20px auto;
		font-size: 14px;
		font-weight: normal;
		color: #664D36;
	}

}




/* アフタースクール */

#after_school {
	width: 100%;
	padding: 60px 0;
	background-color: #FFFFFF;
}




/* 施設の紹介 */

#facilities {
	width: 100%;
	padding: 60px 0;
	background-color: #F0EDEC;
}

.facilities_img {
	width: 65%;
	margin: 10px auto 50px auto;
	padding: 0;
}
.facilities_img img {
	width: 100%;
	height: auto;
}


#facilities_intro {
	width: 90%;
	margin: 0 auto 20px auto;
	padding: 0;
	font-size: 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	z-index: 1;
}
#facilities_intro li.photo {
	display: inline-block;
	width: 40%;
	height: auto;
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 180%;
	color: #664D36;
	overflow: hidden;
}
#facilities_intro li.txt {
	display: inline-block;
	width: 55%;
	width: calc(60% - 51px);
	width: -webkit-calc(60% - 51px);
	width: -moz-calc(60% - 51px);
	height: auto;
	text-align: left;

	padding: 0;
	margin-left: 50px;
	font-size: 22px;
	font-weight: bold;
	color: #75CFC2;
	overflow: hidden;

	position: relative;
}
#facilities_intro li.photo img {
	width: 100%;
	height: auto;
}

#facilities_photo {
	width: 90%;
	margin: 0 auto 20px auto;
	padding: 0;
	font-size: 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	z-index: 1;
}
#facilities_photo li {
	display: inline-block;
	width: 30%;
	width: calc((100% - 21px) / 2);
	width: -webkit-calc((100% - 21px) / 2);
	width: -moz-calc((100% - 21px) / 2);
	height: auto;
	text-align: left;
	padding: 0;
	margin-right: 20px;
	font-size: 14px;
	line-height: 180%;
	color: #664D36;
	overflow: hidden;
}
#facilities_photo li:nth-child(2) {
	margin: 0 0 0 0;
}
#facilities_photo li img {
	width: 100%;
	height: auto;
}

.facilities_intro_txt {
	width: 100%;
	position: absolute;
	top: 35%;
}

#facilities_contents {
	width: 90%;
	margin: 50px auto 20px auto;
	padding: 0;
	font-size: 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	z-index: 1;
}
#facilities_contents li {
	display: inline-block;
	width: 50%;
	height: auto;
	text-align: left;
	padding: 0;
	margin: 0;
	color: #664D36;
	overflow: hidden;
}
#facilities_contents li img {
	width: 100%;
	height: auto;
}
.facilities_an {
	width: 90%;
	margin: 10px auto;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #664D36;
}


@media screen and (max-width: 970px) {

	#facilities_intro li.txt {
		font-size: 18px;
		font-weight: bold;
	}

	.facilities_intro_txt {
		width: 100%;
		position: absolute;
		top: 10%;
	}

}
@media screen and (max-width: 780px) {

	#facilities_intro li.txt {
		font-size: 16px;
		font-weight: bold;
	}

	.facilities_intro_txt {
		width: 100%;
		position: absolute;
		top: 0%;
	}

}






/* アクティブ・ウエア */

#uniforms {
	width: 100%;
	padding: 60px 0;
	background-color: #75CFC2;
}

#wear_intro {
	width: 90%;
	margin: 50px auto 20px auto;
	padding: 0;
	font-size: 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	z-index: 1;
}
#wear_intro li.photo {
	display: inline-block;
	width: 40%;
	height: auto;
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 180%;
	color: #664D36;
	overflow: hidden;
}
#wear_intro li.txt {
	display: inline-block;
	width: 55%;
	width: calc(60% - 51px);
	width: -webkit-calc(60% - 51px);
	width: -moz-calc(60% - 51px);
	height: auto;
	text-align: left;
	padding: 0;
	margin-left: 50px;
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	overflow: hidden;

	position: relative;
}
#wear_intro li.photo img {
	width: 100%;
	height: auto;
}

.wear_intro_txt {
	width: 100%;
}

.wear_img {
	width: 100%;
	margin: 40px auto 0 auto;
	padding: 0;
}
.wear_img img {
	width: 100%;
	height: auto;
}


@media screen and (max-width: 970px) {

	#wear_intro li.txt {
		font-size: 18px;
		font-weight: bold;
	}

	.wear_intro_txt {
		width: 100%;
		position: absolute;
		top: 0%;
	}

}
@media screen and (max-width: 820px) {

	#wear_intro li.txt {
		font-size: 16px;
		font-weight: bold;
	}

	.wear_intro_txt {
		width: 100%;
		position: absolute;
		top: 0%;
	}

}
@media screen and (max-width: 720px) {

	.wear_img {
		width: 70%;
		margin: 10px auto 0px auto;
		padding: 0;
	}

	#wear_intro li.txt {
		font-size: 14px;
		font-weight: bold;
	}

	.wear_intro_txt {
		width: 100%;
		position: absolute;
		top: 0%;
	}

}