@charset "utf-8";


.schoolBox, .schoolContents{
	opacity: 0;
}
@media screen and (max-width:640px){
	*{
		opacity: 1.0 !important;
	}
}



body{
	background:url(../../common/images/page_top_bg.png) left top no-repeat;
}






/* -------------------------------------------------------------------------------- 
section.mainVisual
-------------------------------------------------------------------------------- */
div.mainVisualSp{display:none;}
div.mainVisual{
	width:100%;
}




/* -------------------------------------------------------------------------------- 
section.school
-------------------------------------------------------------------------------- */
section.school{
	width:100%;
	margin:0px auto;
	padding:100px 0px 50px 0px;
	background:url(../images/background.jpg) center 100% no-repeat;
	background-size:100% auto;
}
section.school .schoolBlock{
	max-width:1200px;
	margin:0px auto;
	overflow:hidden;
}
.schoolBlock .schoolBox{
	width:70%;
	margin:0px auto;
	padding:0px 35px 35px 35px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.schoolBox span.english{
	display:block;
	background:url(../../common/images/colorbar_pink.jpg) center top no-repeat;
	padding:20px 0px 10px 0px;
	font-weight: 600;
	font-size:28px;
	color:#333;
	text-align: center;
}
.schoolBox h2{
	font-weight: 400;
	font-size:23px;
	padding:20px 0px 40px 0px;
	text-align: center;
	color:#333;
}
.schoolBox p{
	color:#333;
	padding:0px 0px 10px 0px;
	line-height:1.88em;
}

.schoolBox ul.point{
	display:block;
	overflow:hidden;
	padding:20px 0px;
}
.schoolBox ul.point li{
	display:block;
	width:30%;
	margin-right:5%;
	float:left;
	padding:25px 0px;
	color:#F65171;
	border:1px solid #F65171;
	font-size:16px;
	font-weight: 600;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.schoolBox ul.point li:last-child{
	margin-right:0;
}
.schoolBox ul.culumn2c{
	display:block;
	overflow:hidden;
	padding:20px 0px;
}
.schoolBox ul.culumn2c li{
	display:block;
	width:49%;
	margin-right:2%;
	float:left;
	padding:25px 0px;
	margin-bottom:12px;
	color:#F65171;
	border:1px solid #F65171;
	font-size:16px;
	font-weight: 600;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.schoolBox ul.culumn2c li:nth-of-type(2n){
	margin-right:0;
}
.schoolBox ul.point li span{
	display:block;
	color:#333;
	padding:0px 0px 10px 0px;
	font-size:13px;
}
.schoolBox .price p{
	padding:20px 0px 0px 0px;
	font-size:30px;
	/*color:#F65171;*/
	font-weight: 600;
	text-align: center;
}
.schoolBox .price p span{
	font-size:18px;
	padding-right:21px;
	font-weight: 400;
}
.schoolContents{
	width:96%;
	max-width:1000px;
	border:3px solid #e7d6ac;
	padding:40px 0px 40px 0px;
	margin:0px auto 80px auto;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	background:#fff;
}
.schoolContents h3{
	display:block;
	background:url(../../common/images/colorbar_yellow.jpg) center top no-repeat;
	padding:20px 0px 20px 0px;
	font-weight: 600;
	font-size:28px;
	color:#e7d6ac;
	text-align: center;
}

.schoolContents p{
	line-height:1.89em;
}
.schoolContents .btn{
	width:250px;
	float:none;
	margin:0px auto;
	padding:20px 0px 20px 0px;
}

.flowBox{
	padding:30px 0px 0px 0px;
}
.flowSet{
	overflow:hidden;
	padding:0px 0px 70px 0px;
	background:url(../../common/images/hr_icon_yellow.png) center bottom no-repeat;
	margin-bottom:50px;
}
.flowSet:last-child{
	background:none;
	padding-bottom:0px;
	margin-bottom:0px;
}
.flowSet .category{
	width:50%;
	margin:0px auto;
	padding:0px 0px 6px 0px;
	border-bottom:1px solid #E7D6AC;
	text-align: center;
	font-size:21px;
	font-weight: 200;
	color:#b08f3e;
}
.flowSet .flowDetail{
	width:80%;
	margin:0px auto;
	padding:20px 0px 0px 0px;
}
.flowDetail p{
	padding:0px 0px 10px 0px;
}
.flowDetail .btnFloat{
	text-align: center;
	padding:25px 0px 0px 0px;
}
.flowDetail .btnFloat a{
	display:inline-block;
	width:250px;
	border:1px solid #f65170;
	padding:8px;
	margin:0px 20px;
	text-align: center;
	color:#f65170;
}
.flowDetail .tableBox{
	padding:10px 0px 0px 0px;
}
.flowDetail .tableBox tr td{
	background:#f7f7f7;
	font-size:13px;
}

p.read{
	padding:0px 3% 25px 3%;
}
.teacherFlex{
	width:100%;
	margin:0px auto;
	display:flex;
	justify-content:space-around;
	flex-wrap: wrap;
	padding:0px 3%;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.teacherFlex .teacherSet{
	width:31%;
}
.teacherSet h4{
	font-size:14px;
	font-weight: 600;
	padding:0px 0px 5px 0px;
}
.teacherSet figure img{
	max-width:100%;
}
.teacherSet p{
	line-height:1.45em;
}

.faqBox{
	width:100%;
	margin:0px auto;
	padding:0px 3%;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.faqBox dl{
	padding:30px 0px 0px 0px;
}
.faqBox dt{
	font-size:18px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #b08f3e;
	margin-bottom:10px;
	color:#b08f3e
}
.faqBox dd{
	padding:0px 0px 50px 0px;
	line-height:1.89em;
}


@media screen and (max-width:1000px){
	.schoolBlock .schoolBox{
		width:90%;
	}
	.schoolContents{
		width:90%;
		max-width:1000px;
		border:3px solid #e7d6ac;
		padding:40px 0px 40px 0px;
		margin:0px auto 80px auto;
		box-sizing: border-box;
		-webkit-box-sizing:border-box;
		background:#fff;
	}
	.flowSet .category{
		width:90%;
	}
	.flowSet .flowDetail{
		width:90%;
	}
}

@media screen and (max-width:640px){
	
body{
	background:url(../../common/images/page_top_bg.png) left top no-repeat;
	background-size:260% auto;
}

	
	
	section.school{
		width:100%;
		margin:0px auto;
		padding:30px 0px 20px 0px;
	}
	.schoolBlock .schoolBox{
		width:100%;
		margin:0px auto;
		padding:0px 20px 10px 20px;
		box-sizing: border-box;
		-webkit-box-sizing:border-box;
	}
	.schoolBox ul.point{
		padding:20px 0px;
	}
	.schoolBox ul.point li{
		display:block;
		width:100%;
		margin-right:0%;
		float:none;
		padding:12px 0px;
		font-size:16px;
		margin-bottom:15px;
	}
	.schoolBox ul.point li:last-child{
		margin-right:0;
	}
	.schoolBox ul.point li span{
		display:block;
		color:#333;
		padding:0px 0px 10px 0px;
		font-size:13px;
	}
	.schoolBox .price p{
		padding:0px 0px 20px 0px;
		font-size:30px;
		/*color:#F65171;*/
		font-weight: 600;
		text-align: center;
	}
	.schoolBox .price p span{
		font-size:15px;
		padding-right:5px;
		font-weight: 400;
		line-height:1.45em;
	}
	
	
	.schoolContents h3{
		display:block;
		padding:20px 0px 10px 0px;
		font-weight: 600;
		font-size:21px;
		text-align: center;
	}
	.schoolBlock .schoolBox{
		width:90%;
	}
	.schoolContents{
		width:90%;
		max-width:1000px;
		border:3px solid #e7d6ac;
		padding:40px 0px 40px 0px;
		margin:0px auto 80px auto;
		box-sizing: border-box;
		-webkit-box-sizing:border-box;
		background:#fff;
	}

	.schoolContents p{
		line-height:1.78em;
	}
	.schoolContents .btn{
		width:250px;
		float:none;
		margin:0px auto;
		padding:20px 0px 20px 0px;
	}

	.flowBox{
		padding:30px 0px 0px 0px;
	}
	.flowSet{
		overflow:hidden;
		padding:0px 0px 70px 0px;
		background:url(../../common/images/hr_icon_yellow.png) center bottom no-repeat;
		margin-bottom:50px;
	}
	.flowSet:last-child{
		background:none;
		padding-bottom:0px;
		margin-bottom:0px;
	}
	.flowSet .category{
		width:90%;
		margin:0px auto;
		padding:0px 0px 6px 0px;
		border-bottom:1px solid #E7D6AC;
		text-align: left;
		font-size:18px;
		font-weight: 200;
		color:#b08f3e;
		line-height:1.56em;
	}
	
	.flowSet .flowDetail{
		width:90%;
		margin:0px auto;
		padding:20px 0px 0px 0px;
	}
	.flowDetail p{
		padding:0px 0px 10px 0px;
	}
	.flowDetail .btnFloat{
		text-align: center;
		padding:25px 0px 0px 0px;
	}
	.flowDetail .btnFloat a{
		display:inline-block;
		width:250px;
		border:1px solid #f65170;
		padding:8px;
		margin:0px 20px;
		text-align: center;
		color:#f65170;
		margin-bottom:20px;
	}
	.flowDetail .tableBox{
		padding:10px 0px 0px 0px;
		overflow-x:scroll;
	}
	.flowDetail .tableBox table{
		width:150%;
	}
	.flowDetail .tableBox tr td{
		background:#f7f7f7;
		font-size:13px;
		border-top:3px solid #fff;
		border-right:3px solid #fff;
		padding:10px 15px;
	}
	.flowDetail .tableBox tr td ul li{
		padding:0px 0px 3px 1em;
		text-indent: -1em;
	}

	p.read{
		padding:15px 3% 25px 3%;
	}
	.teacherFlex{
		width:100%;
		margin:0px auto;
		display:block;
		padding:0px 3%;
		box-sizing: border-box;
		-webkit-box-sizing:border-box;
	}
	.teacherFlex .teacherSet{
		width:80%;
		margin:0px auto;
	}
	.teacherSet h4{
		font-size:14px;
		font-weight: 600;
		padding:0px 0px 5px 0px;
	}

	.teacherSet figure img{
		max-width:100%;
	}
	.teacherSet p{
		line-height:1.45em;
		padding:0px 0px 30px 0px;
	}

	.faqBox{
		width:100%;
		margin:0px auto;
		padding:0px 3%;
		box-sizing: border-box;
		-webkit-box-sizing:border-box;
	}
	.faqBox dl{
		padding:30px 0px 0px 0px;
	}
	.faqBox dt{
		font-size:16px;
		padding:0px 0px 5px 0px;
		border-bottom:1px solid #b08f3e;
		margin-bottom:10px;
		color:#b08f3e;
			line-height:1.45em;
	}
	.faqBox dd{
		padding:0px 0px 25px 0px;
		line-height:1.89em;
	}
	.faqBox dd:last-child{
		padding-bottom:0px;
	}


}