@charset "utf-8";
@import "default.css";
@import "base.css";
@import "common.css";
@import "meanmenu.css";

/*===============================================
●画面の横幅が640px以上
===============================================*/
@media screen and (min-width : 640px ){
#pc------------------------------------------- {
}
header {
	background-image:url(../images/intro/bg.jpg);	
	height:279px;
	background-repeat:no-repeat;
}

header #main_catch h2 {
	text-align:center;
	margin:30px;
}


#why {
	margin: 15px auto 70px;	
}

#why div {
	background-image:url(../images/intro/why_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:385px;
}

#why div p {
	text-align:left;
	width:780px;
	margin:auto;
	font-size:18px;
}

#schoolinfo div.box {
	clear:left;	
    overflow: hidden;
	text-align:center;
	margin-top:50px;	
}

#schoolinfo div.box section {
	display:inline-block;
	vertical-align:top;
	width:300px;
	margin:auto 25px;
	
}
#schoolinfo div.box section h3{
	margin:20px auto;
	color:#ff5800;
	font-size:24px;	
	font-weight:normal;
}

#schoolinfo div.box section p {
	text-align:left;	
}

#schoolinfo {
	background-image:url(../images/intro/school_bg.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;	
}

#schoolinfo div.message {
	padding:110px 0 170px;	
}

#schoolinfo div.message p {

	margin:30px auto;
	font-size:18px;	
}


}







/*===============================================
●画面の横幅が640px以下
===============================================*/
@media screen and (max-width:640px){
/*===============================================
sp
===============================================*/
#sp640------------------------------------------- {
}

header {
	background-image:url(../images_sp/intro/bg.jpg);	
	height:279px;
	background-repeat:no-repeat;
}

header #main_catch h2 {
	text-align:center;
	padding-top:130px;
}


#why {
	margin: 15px auto 70px;	
}

#why div {
	background-image:url(../images/intro/why_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:70%;
	background-size:contain;
}

#why div p {
	text-align:left;
	margin:auto;
	font-size:112,5%;
}

#schoolinfo div.box {
	clear:left;	
    overflow: hidden;
	text-align:center;
	margin-top:50px;	
}

#schoolinfo div.box section {

	margin:auto 25px;
	
}
#schoolinfo div.box section h3{

	color:#ff5800;
	font-size:150%;	
	font-weight:normal;
}

#schoolinfo div.box section p {
	text-align:left;	
}

#schoolinfo {

}

#schoolinfo div.message {
	padding:40px 0 40px;	
	background-image:url(../images_sp/intro/school_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100%;
	min-height:491px;
	margin:0;

}

#schoolinfo div.message h2{
	text-align:left;
	margin:20px;
}

#schoolinfo div.message p {
	margin:20px;
	font-size:137.5%;
	text-align:left;
}




}




/*===============================================
●画面の横幅が400px以下
===============================================*/
@media screen and (max-width:400px){
	
	
#schoolinfo div.message {
	min-height:245px;

}
}

/*===============================================
sp
===============================================*/
#sp400------------------------------------------- {
}