@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/study/bg.jpg);	
	height:279px;
	background-repeat:no-repeat;
}

#cource {

}

#cource div {
	width:990px;
}

#cource div.box {
	clear:left;
	overflow:hidden;
	margin-top:40px;
}
#cource section {
	float:left;
	width:300px;
	margin-right:45px;
	vertical-align:top;
}

#cource section:nth-of-type(3) {
	margin-right:0;
}

#cource section h3 {
	color:#ff5300;
	font-size:24px;
	margin:15px auto;	
}

#cource section p {
	line-height:120%;
	text-align:left;
}

#cource p.text {
	text-align:left;
	margin-top:25px;
}

#schoolinfo div{
	background:url(../images/study/school_bg.jpg) no-repeat;
	background-position:left bottom;
	min-height:418px;
	width:990px;
}

#schoolinfo div h2 {
	padding-top:108px;	
}

#schoolinfo div p {
	margin-left:445px;
	margin-top:45px;
	text-align:left;	
}

#schoolinfo div p.link {
	text-align:right;
	margin-right:50px;
}

#schoolinfo div p.link a {
	color:#5a5a5a;
}

#schoolinfo div p.link a img {
	vertical-align:middle;	
}

#merit h2{
	padding:40px 0;
}

#merit .box {
	clear:left;
	overflow:hidden;
}


#merit .box section {
	float:left;
	margin-right:20px;
	width:200px;
	padding:20px 0;
	border:1px solid #ff5300;
	box-sizing:border-box;
}

#merit .box section:nth-of-type(5) {
	margin-right:0;
}

#merit .box section dt {
	color:#ff5300;	
}

#message div {
	background:url(../images/study/merit_bg.jpg) no-repeat;	
	background-position:right center;
	width:990px;
	min-height:260px;
}

#message h3{
	padding:45px 0;	
}

#message p {
	margin-right:420px;
	text-align:left;	
}

section#btns {
	margin-bottom:0;
}

#info {
	margin-top:3px;	
}

}







/*===============================================
●画面の横幅が640px以下
===============================================*/
@media screen and (max-width:640px){
/*===============================================
sp
===============================================*/
#sp640------------------------------------------- {
}
header {
	background-image:url(../images/study/bg.jpg);	
	height:100px;
	background-repeat:no-repeat;
	background-size:cover;
}

#cource {

}

#cource div {

}

#cource div.box {
	clear:left;
	overflow:hidden;
	margin-top:40px;
}
#cource section {
	margin:20px;
}


#cource section h3 {
	color:#ff5300;
	font-size:150%;
	margin:15px auto;	
}

#cource section p {
	line-height:120%;
	text-align:left;
}

#cource p.text {
	text-align:left;
	margin-top:25px;
}

#schoolinfo div{
	background:url(../images/study/school_bg.jpg) no-repeat;
	background-position:left top;
	background-size:50%;

}

#schoolinfo div h2 {
	margin-left:50%;
	text-align:left;
}

#schoolinfo div p {
	margin-left:50%;
	text-align:left;
}

#merit h2{
	padding:40px 0;
}

#merit .box {
	clear:left;
	overflow:hidden;
}


#merit .box section {

	border:1px solid #ff5300;
	box-sizing:border-box;
	margin-bottom:20px;
}

#merit .box section:nth-of-type(5) {
	margin-right:0;
}

#merit .box section dt {
	color:#ff5300;	
}

#message div {
	background:url(../images/study/merit_bg.jpg) no-repeat;	
	background-position:right center;
	background-size:50%;
}

#message h3{
	padding:20px 0;	
}

#message p {
	margin-right:40%;;
	text-align:left;	
}

section#btns {
	padding-bottom: 40px;
	margin-bottom:0;
}

#info {
	margin-top:3px;	
}

}




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

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