@charset "UTF-8";
/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
最小サイズ 想定端末　iphone SE 縦構え(Portrait）320×568 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*入学までの流れ*/

div.flow-flow{
margin: 0px auto;
padding: 3%;
	}

section#flow{
padding-top: 3em;
}


section#flow h2{
font-size: 1.8rem;
line-height: 2.1;
margin: 0% auto 5%;
text-align: center;
width: 50%;
border-bottom: 3px solid rgba(244,142,8);
padding-bottom: 5px;
font-weight: 600;
}

div.flow-flow h3{
font-size: 1.6rem;
line-height: 1.6;
text-align: center;
padding-bottom: 1.3em;
font-weight: 500;

}
section#flow figure{
max-width: 100%;
width: 25%;
height: auto;
margin:10% auto 3%;
float: left;
padding:1em 2em 2em 0em;
}

section#flow img{
width: 100%;
height: auto;
}

section#flow div::after{
content: "";
clear: both;
display: block;
}

section#flow p{
font-size: 1.6rem;
line-height: 1.6;

}

section#flow div.flow-p{
padding: 2% 0%;
}

/*レベルチェック*/
div#pruebaonline{
margin: 18% auto;
}

div#pruebaonline figure{
max-width: 100%;
width: 50%;
height: auto;
}

div#pruebaonline img{
width: 100%;
height: auto;
}

div#pruebaonline article#prueba2 div.check{
margin-top: 50px;
}

div#pruebaonline h2{
font-size: 1.8rem;
line-height: 2.1;
margin: 10px auto 20px;
text-align: left;
font-weight: 600;
}

div#pruebaonline p{
font-size: 1.6rem;
line-height: 2.1;
text-align: justify;
}

div#pruebaonline div#pruebacheck{
margin-top: 20px;
}


div#pruebaonline article div.prueba_ver5{
width: 70%;
font-size: 1.6rem;
line-height: 1.6;
text-align: center;
margin: 15px auto;
background-color:#f48e08;
box-sizing: border-box;
border-bottom: solid 2px #d27d00;
border-radius: 4px;
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2),0 2px 2px rgba(0,0,0,0.19);
}

div#pruebaonline article a.ver5_button{
display: block;
padding: 0.5em 1em;
text-decoration: none;
color:#ffffff;
}

div#pruebaonline article div.prueba_ver5:hover{
background-color: #ffffff;
border: solid 2px #f48e08;
}

div#pruebaonline article a.ver5_button:hover{
color: #595751;
}


section#pruesbaonline article div#pruebacheck::after{
content: "";
clear: both;
display: block;

}



/*予約フォーム*/
section article#contenido{
background-color: azure;
padding: 40px;
}

section article#contenido p{
font-size: 1.4rem;
line-height: 1.6;
text-align: justify;
padding: 5px;
}

div.segundo-base strong{
display: block;
font-weight: inherit;
}

div#prueba-clase{
background-color: #ffffff;
padding: 0px;
margin: 0px;
}






/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　小型Androidの縦構え（Portrait)　360×640 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (min-width:360px){





}



/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　Zen Pone Androidの縦構え（Portrait)　360×720 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (min-width:360px) and (min-height:720px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i-phone6〜8の縦構え（Portrait)　375×667 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:375px){

	


}




/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i-phone X, 11 proの縦構え（Portrait)　375×812 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:375px) and (min-height:812px){





}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 Xperia Androidの縦構え（Portrait)　412×732 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:412px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　One S5 Androidの縦構え（Portrait)　412×892 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:412px) and (min-height:892px){





}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone XR, 11 XsMaxの縦構え　414×896 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:414px){





}






/*
↑ここまでスマホ縦（portrait)
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからスマホ横（Landscape)
*/

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone SEの横構え（Landscape) 568×320 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:568px){

/*ご入学の流れ*/
div.flow-flow{
width: 165px;
padding: 0px;
	}
	
section#flow article{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
	
section#flow figure{
float: none;
width: 65%;
padding-right: 0%;
}
	
section#flow div.flow-p{
padding: 10% 8%;
	}
	
section#flow div::after{
content: normal;
clear: none;
display: none;
	}

div#pruebaonline{
margin:10% auto;
	}
div#pruebaonline div#pruebacheck{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
	}
	
div#pruebaonline article div.prueba_ver5{
margin: 5px;
line-height: 2.1;}
	
div#pruebaonline figure{
max-width: 100%;
width: 30%;
height: auto;
}

div#pruebaonline figure img{
max-width:100%;
height: auto;
}




}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 小型のAndroidの横構え（Landscape)  640×360 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:640px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone6〜8の横構え（Landscape)  667×375 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:667px){



}

/*

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 Zen Phoneの横構え（Landscape) 720×360px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

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





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 Xperiaの横構え（Landscape) 732×412px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:732px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 X Xs, 11proの横構え（Landscape) 812×375px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:812px){



}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　One S5 androidの横構え（Landscape)　892×412 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:892px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone XR, 11 XsMaxの横構え（Landscape) 896×414px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:896px){





}


/*
↑ここでスマ横構え
ーーーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからタブレット縦構え
*/
/*

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad 9.7 inch, 10.2 inchの縦構え（Portrate) 768×1024px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:768px) and (orientation:portrait){


/*ご入学の流れ*/
div.flow-flow{
width: 165px;
padding: 0px;
}
	
section#flow article{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

section#flow figure{
float: none;
width: 70%;
padding-right: 0%;
}
	
section#flow div.flow-p{
padding: 10% 8%;
	}
	
section#flow div::after{
content: normal;
clear: none;
display: none;
	}

	
div#prueba-clase{
padding: 20px 0px 50px;
	}




}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad Air, ipad pro 10.5 inchの縦構え（Portrate) 834×1112px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:834px) and (orientation:portrait){
	


	


	
}

/*

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 11inchの縦構え（Portrate) 834×1169px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:834px) and (orientation:portrait){




}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 12.9inchの縦構え（Portrate) 1024×1366px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1024px) and (orientation:portrait){



}



/*
↑こまでタブレット縦
ーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからタブレット横
*/


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad 9.7inch, 10.2inchの横構え（Landscape) 1024×768px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1024px) and (orientation: landscape){

section#flow figure{
float: none;
width: 70%;
padding-right: 0%;
}
	
/*オンラインレベルチェック*/
div#prueba-clase{
padding: 20px 0px 50px;
	}
	
div#pruebaonline figure{
float: left;
width: 25%;
	}
	
div#pruebaonline div.check::after{
content: "";
clear: both;
display: block;
}
	
div#pruebaonline h2{
padding-left: 350px;
	}
div#pruebaonline article#prueba1,
div#pruebaonline aritcle#prueba2{
margin-bottom: 100px;
	}
div#pruebaonline div.check-check{
margin-top: 30px;
}


}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad Air, i pad pro 10.5inchの横構え（Landscape) 1112×834px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:1112px){
	

}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 11inchの横構え（Landscape) 1169×834px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/


@media screen and (min-width:1169px){




}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 112.9inchの横構え（Landscape) 1366×1024px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1366px){



}





/*
↑ここまでタブレット横
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからPC=マウスポインターがあるという前提、hoverの発想あり
*/

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 　小型のモニター幅 1367px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:1367px){
dl{
padding: 20px 320px;
}

}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 　中型のモニター幅 1440px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:1440px){




}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 　大型のモニター幅 1920px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1920px){




}