@charset "UTF-8";
/* CSS Document */

p{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

	}

@media(min-width:700px) {
 .text{
    font-size:  35px;
  }
}



img.miniimage{display: none;} /*※1*/

/*表示領域が600px以上の場合*/
@media(min-width:600px){
	img.miniimage{display: none;}/*miniを非表示*/
	img.bigimage{display: block;}/*bigを表示*/
}

/*表示領域が600px未満の場合*/
@media(max-width:599px){
	img.miniimage{display: block;}/*miniを表示*/
	img.bigimage{display: none;}/*bigを非表示*/
}

.logo img{width: 100%} /*※2*/



.bluespace{width:100%;
	height:950px;
	
	
	margin-top:150px;
	
	background-color:
	#95E1D3;

position: relative;}

.whitespace{width:90%;
	height:950px;
	
	
	margin-top:150px;
	margin-left: auto;
	margin-right: auto;
	
	background-color:#FFFFFF;
	

position: relative;
}


.box{padding:20px;
	padding-top:18px;
	padding-bottom: 18px;
	
    margin-right: 40px;
	margin-left: 40px;
    
    /*文字色*/
    background: #FFF;
    border: solid 1px #000000;/*線*/
    border-radius: 40px;/*角の丸み*/}

.questionmark{margin-right:5px;
}


.question{font-size:12px;
	margin-left: 40px;
	
}
.ilustimage{padding-top:10%}

.mainimage1{text-align: center;

}
.mainimage2{text-align: center;
margin-top: 10%}

.text{font-size:14px;
	
text-align: center;}



.yellowspace{width: 100%;
	height: 680px;
	
	margin-top:-15px;
	
	background-color:#FFF5C3;
}

.whitespace2{
	width:90%;
	height:680px;
	

	
	margin-left: auto;
	margin-right: auto;
	
	background-color:#FFFFFF;}


.yellowspace2{width: 100%;
	height:2950px;
	
	margin-top:-15px;
	
	background-color:#FFF5C3;
}

.whitespace3{
	width:90%;
	height:2950px;
	

	
	margin-left: auto;
	margin-right: auto;
	
	background-color:#FFFFFF;}

.classmaintitle{text-align: center;
padding-top: 40px;}


.classmaintext{
	
	text-align: center;
font-weight: bold;

padding-top: 40px;
padding-bottom: 40px;}


.classilust{margin-top: -5px;
	margin-left: 180px;}


.classmaintext2{text-align: center;
font-weight: bold;

padding-top: 3px;
padding-bottom: 10px;}


.undar{background: linear-gradient(transparent 50%, #FFF5C3 50%);}

.undar2{background: linear-gradient(transparent 50%, #FFF5C3 50%);}


.triangle{text-align: center;
}


.classmore{text-align: center;}

.classtitle{margin-top: 70px;
	margin-left: 35px;
margin-bottom: 40px;

padding-top: 40px;}



.classimage{text-align: center;}

.classimage2{text-align: center;}

.classimage3{text-align: center;}

.classtext1{width: 80%;
	font-size:14px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}





.youtubetext{font-size:  14px;
	font-weight:bold;
text-align: center;
margin-top: 100px;
margin-left: 30px;
margin-right: 30px;}

.youtubelink{color:#000000;}



.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	
	margin-top: 50px;
	text-align: center
}



.classtext2{width: 80%;
	font-size:14px;
	margin-left: auto;
	margin-right: auto;}


.datarepuest{text-align: center;
margin-top: 100px;}

.button{text-align: center;
margin-top: 70px;}

.information{text-align: center;
font-size:13.5px;

margin-top: 50px;}

.lasttext{text-align: center;
	font-size:11px;
	
	margin-top:40px;
	margin-bottom: 20px;
	
}