@charset "utf-8";

/*html {
    font-size: 0.6666666666666667vw;
}*/

@media screen and (max-width: 1300px) {
 .course_textbox{width:50%;}
 .course_imgbox{width:50%;}
#chu3 .course_h2box{width:94%;}
#chu12 .course_h2box{width:94%;}
#chu12 .course_h2box h2 img{width:58%;}
#eljr .course_h2box{width:94%;}
#eljr .course_h2box h2 img{width:76%;}
#sanasta .course_h2box{width:94%;}
#sanasta .course_h2box h2 img{width:100%;}
#chuju .course_h2box{width:94%;}
#chuju .course_h2box h2 img{width:100%;}
#kobetsu .course_h2box{width:94%;}
#kobetsu .course_h2box h2 img{width:100%;}
#hi .course_h2box{width:94%;}
#hi .course_h2box h2 img{width:100%;}
 .course_main {width: 94%;}
 .course_linkbox a{padding: 6px 2em;}
}

@media screen and (max-width: 1200px) {

/* ---------------------------------------------------------
■ 準備中
--------------------------------------------------------- */
	.preparation_mv{
		padding:0;
		height:auto;
		aspect-ratio:16 / 9;
		font-size:8.5vw;
	}
	

}

@media screen and (max-width: 1100px) {
/* ---------------------------------------------------------
■ トップへ戻るボタン
--------------------------------------------------------- */
	#page-top {height:auto;}
	#page-top img{width:80%;}

	
/* ---------------------------------------------------------
■ 学年選択
--------------------------------------------------------- */
	.select_list ul li a{font-size: 27px;}
	
	
/* ---------------------------------------------------------
■ メインコンテンツ
--------------------------------------------------------- */
	.course_textbox{display:contents;}
	
	.course_wrap{margin: 0 auto;max-width:800px;}
	.course_wrap.rtl{margin: 0 auto;}
	
	.course_flex{padding: 40px 0;}
	.rtl .course_flex{padding: 40px 0;}
	
	#chu3 .course_h2box{width:80%;}
	#chu12 .course_h2box{width:80%;}
	#eljr .course_h2box{width:80%;}
	#sanasta .course_h2box{width:80%;}
	#chuju .course_h2box{width:80%;}
	#kobetsu .course_h2box{width:80%;}
	#hi .course_h2box{width:80%;}
	
 .course_h2box{order:1;}
 .course_main{order:2;}
 .course_imgbox{order:3;}
 .course_linkbox{order:4;}
 
	.course_main{width:100%;padding: 30px 50px;}
	.rtl .course_main{padding: 30px 50px;}
 .course_linkbox a {padding: 6px 3em;}
	
	.course_imgbox{width:100%;}
 
 .bottom_button {max-width: 800px;}
 .bottom_button a{font-size:45px;}
	
	
/* ---------------------------------------------------------
■ フッター
--------------------------------------------------------- */
	footer {
		height: 150px;
	}

	footer div#footlogo {
		width: 100%;
	}	
	footer .foot_bg{
		background-size: auto 40%;
	}

	footer div#footlogo img{
		width: 60%;
		max-width: 260px;
		height: auto;
	}
}

@media screen and (max-width: 1100px) and (min-width: 768px) {
	.course_main h3 br{display:none;}
}


@media screen and (max-width: 767px) {
	header {
		width: 100%;
		height: auto;
		margin: 0 auto;
		text-align: center;
		background-color: #002b69;
		overflow: hidden;
		padding: 8px;
	}

	header img {width: 180px;}
	.head-02.open {transform: translateX(0px);}
	.head-wrap {height: 35px;padding-top: 0;}
	.head-nav .head-logo {width: 150px;}
	
	
/* ---------------------------------------------------------
■ 準備中
--------------------------------------------------------- */
	.preparation_mv{
		aspect-ratio:16 / 12;
	}
	
/* ---------------------------------------------------------
■ 学年選択
--------------------------------------------------------- */
	.select_list ul{gap:13px;}
	.select_list ul li{width: calc((100% - 13px) / 2);}
	.select_list ul li a{font-size: 22px;padding:13px 0;border-radius:8px;}
	.select_list ul li a::after{
		width:15px;height:12px;
		left:auto;bottom:auto;
		right:15px;top:50%;
		transform:translateY(-50%);
	}
	
/* ---------------------------------------------------------
■ メインコンテンツ
--------------------------------------------------------- */
	
	.course_wrap{margin: 0 -80px 0 auto;padding: 50px 0;}
	.course_wrap.rtl{margin: 0 auto 0 -80px;}
	
	.course_flex{padding:30px 50px 0 0;}
	.rtl .course_flex{padding: 30px 0 0 50px;}
	
	.course_main h3{line-height:1.2em;padding-bottom:8px;}
	
	.course_linkbox{gap:15px;}
	.course_linkbox a{width:80%;font-size: 24px;padding:10px;}
 
 .bottom_button {max-width: 600px;}
 .bottom_button a span{line-height:1.2em;}
 .bottom_button a.win span:nth-child(1){padding:0;width:100%;}
 .bottom_button a.new span:nth-child(1){padding:0;width:100%;}
 
 
/* ---------------------------------------------------------
■ トップへ戻るボタン
--------------------------------------------------------- */
	#page-top {
		display: none;
	}

/* ---------------------------------------------------------
■ フッター
--------------------------------------------------------- */
	footer {
		width: 100%;
		text-align: center;
		background-color:#002B69;
	}
}


@media screen and (max-width:580px) {

/* ---------------------------------------------------------
■ 準備中
--------------------------------------------------------- */
	.preparation_mv{font-size:12.5vw;}
	.preparation_text {font-size:20px;}
	
 .course_h2box{font-size:2vw;}
 #chu3 .course_h2box{width:94%;padding: 1em 0;}
	#chu12 .course_h2box{width:94%;}
	#eljr .course_h2box{width:94%;}
	#sanasta .course_h2box{width:94%;}
	#chuju .course_h2box{width:94%;}
	#kobetsu .course_h2box{width:94%;}
	#hi .course_h2box{width:94%;}
 
 .course_main h3{font-size: 26px;}
	.course_link_note{font-size:3.5vw;margin-top:-8px;}
 
 .bottom_box{padding:8vw 5vw;}
 .bottom_button{gap: 5vw;}
 .bottom_button a {font-size: 8vw;padding: 5vw 0;}
 .bottom_button a::after {height: calc(100% - 4vw);width: calc(100% - 4vw);}
	
}

@media screen and (max-width:520px) {
	
/* ---------------------------------------------------------
■ 学年選択
--------------------------------------------------------- */
	.select_box{padding: 35px 20px 20px;}
	
	.course_flex{padding:23px 50px 0 0;}
	.rtl .course_flex{padding: 23px 0 0 50px;}
	
	.select_text{line-height:1.2em;}
	
	.select_list ul li{width:100%;}
	.select_list ul li a {
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		gap:5px;
        font-size: 18px;
		letter-spacing:0.05em;
        padding: 4px 25px;
        border-radius: 8px;
		text-shadow: 1px 1px 3px rgba(25, 50, 89, .25);
    }
	.select_list ul li a::after {width: 13px;height: 10px;}
	.select_list ul li a span{width:auto;margin:auto 0;}
	.select_list ul li a span.min{padding-top:.2em;}
	
	
/* ---------------------------------------------------------
■ メインコンテンツ
--------------------------------------------------------- */
	.course_box{padding:35px 25px 0;}
	
	.course_wrap{padding: 30px 0;}
	
	
	.course_h2box span{top:5px;left:5px;}
	.rtl .course_h2box span{right:5px;}
	
	.course_textbox h2{padding: 13px 30px;}
	
	.course_main{padding:25px 7vw;}
	.rtl .course_main{padding:25px 7vw;}
	
	.course_main h3{font-size:5.3vw;}
	
	.course_text p{font-size:15px;}
	
	.course_linkbox{padding:8vw 20px;}
	.course_linkbox a{width:100%;font-size:20px;}
	.course_linkbox a.gray{font-size:18px;}
		
/*-------------*/
	
	.bunner_box {padding: 35px 20px;}
	
}


@media screen and (max-width:370px) {
	
	.preparation_text {font-size:18px;}
}