@charset "utf-8";

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

@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{width:100%;}
	
	.course_wrap{margin: 0 auto;max-width:800px;}
	.course_wrap.rtl{margin: 0 auto;}
	
	.course_flex{padding: 40px 0 0;}
	.rtl .course_flex{padding: 40px 0 0;}
	
	#chu3 .course_h2box{width:24%;}
	#chu12 .course_h2box{width:39%;}
	#eljr .course_h2box{width:37%;}
	#sanasta .course_h2box{width:66%;}
	#chuju .course_h2box{width:66%;}
	#kobetsu .course_h2box{width:66%;}
	#hi .course_h2box{width:66%;}
	
	.course_main{padding: 30px 50px;}
	.rtl .course_main{padding: 30px 50px;}
	
	.course_imgbox{width:100%;}
	
	
/* ---------------------------------------------------------
■ フッター
--------------------------------------------------------- */
	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;}
	
	#chu3 .course_h2box{width:33%;}
	#chu12 .course_h2box{width:52%;}
	#eljr .course_h2box{width:45%;}
	#sanasta .course_h2box{width:75%;}
	#chuju .course_h2box{width:75%;}
	#kobetsu .course_h2box{width:75%;}
	#hi .course_h2box{width:75%;}
	
	.course_main h3{line-height:1.2em;padding-bottom:8px;}
	
	.course_linkbox{gap:15px;}
	.course_linkbox a{width:80%;font-size: 24px;padding:6px;}
    
	
/* ---------------------------------------------------------
■ トップへ戻るボタン
--------------------------------------------------------- */
	#page-top {
		display: none;
	}

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


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

/* ---------------------------------------------------------
■ 準備中
--------------------------------------------------------- */
	.preparation_mv{font-size:12.5vw;}
	.preparation_text {font-size:20px;}
	
	.course_main h3{font-size: 26px;}
	
	.course_link_note{font-size:3.5vw;margin-top:-8px;}
	
}

@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;}
	
	#chu3 .course_h2box{width:41%;}
	#chu12 .course_h2box{width:62%;}
	#eljr .course_h2box{width:55%;}
	#sanasta .course_h2box{width:97%;}
	#chuju .course_h2box{width:97%;}
	#kobetsu .course_h2box{width:97%;}
	#hi .course_h2box{width:97%;}
	
	.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;}
	
	.course_linkbox a::before, .course_linkbox a::after {height: 38%;aspect-ratio: 3 / 2;}
	.course_linkbox a::before{left:0;}
	.course_linkbox a::after{right:0;}
	
/*-------------*/
	
	.bunner_box {padding: 35px 20px;}
	
}


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