@charset "utf-8";

@media screen and (max-width: 1300px) {
	
/*----------メインエリア---------*/
	.main_area_topimg{overflow-x:hidden;}
	.main_area_topimg img{
		position:relative;
		width:140%;
		left:50%;
		transform:translateX(-50%);
		z-index:0;
	}
	.main_h2_area {padding: 30px 20px 0;}
	.main_h2_area h2 img[src*="h2"]{width:15vw;right: -12vw;}
	.main_connection_item h3 span:nth-child(2){font-size:45px;}
	
}

@media screen and (max-width: 1100px) {
	
/*----------ヘッダー---------*/
	.header_after {height:70px;}
	.header_button_area{gap:0 15px;}
	.header_button_area a {padding: 7px 30px 7px 7px;}
	.hamburger_box {margin: 8px 15px auto 15px;}
	
/*----------メインビジュアル---------*/
	.mv_area_box::before{aspect-ratio: 16 / 8;bottom: -80%;}
	
/*----------導入---------*/
	.intro_box {padding:40px 30px;}
	.intro_wrap{gap:20px;justify-content:center;}
	.intro_img{width:100%;order:2;}
	.intro_img img{max-width:630px;}
	.intro_text{display:contents;}
	.intro_text h2{width:100%;text-align:center;padding-bottom:0;order:1;}
	.intro_innertext{width:fit-content;margin:auto;order:3;padding-top:10px;}
	
/*----------探求学習の種---------*/
	.main_h2_area {max-width:920px;margin:auto;}
	.main_h2_area h2{width:87%;margin:0 auto 0 0;max-width:none;}
	.main_h2_area h2 img[src*="h2"] {width:20%;right:-14%;}
	.main_connection_wrap{gap:75px;max-width:840px;}
	.main_connection_item{width:100%;}
	.main_list_item{max-width: 850px;padding:0;}
	.main_list_item.rtl{padding:0;}
	.main_list_itemtext {width: calc(100% - 200px);}
	.main_list_itemtext h3 {font-size: 32px;}
	.main_list_itemimg {width:200px;}
	
/*----------つながる---------*/
	.tab_content_text h3{
		font-size:50px;
		line-height:1.2em;
		padding-bottom:15px;
	}
	.tab_content_pbox p{font-size:18px;}
	
/*----------合格者の声---------*/
	.voice_list_inner{width:100%;}
	.voice_list_text {font-size: 17px;}
	
/*----------ボタンエリア---------*/
	.main_button{max-width: 600px;}
	.main_button a span:nth-child(2) {font-size:20px;}
	.main_button a{width:100%;}
	
}


@media screen and (max-width: 1100px) and (min-width: 521px){
	/*----------合格者の声---------*/
	.voice_list_wrap{max-width:740px;}
	.voice_list_inner{
		display:flex;flex-wrap:wrap;
		gap:40px;
		
	}
	.voice_list_comment{width:calc(100% - 140px);}
	.voice_list_img{
		padding:0;
		width:100px;
	}
	
	.voice_list_comment::after{
		height:40px;
		left:auto;
		right:-24px;
		top:50%;
		bottom:auto;
		clip-path: polygon(100% 50%, 0% 0%, 0% 100%);
		transform:translateY(-50%)
	}
	
	.voice_list_inner:nth-child(even){
		flex-direction: row-reverse;
	}
	.voice_list_inner:nth-child(even) .voice_list_comment::after{
		left:-24px;
		right:auto;
		clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
	}
	
}

@media screen and (max-width: 767px) {
/*----------header---------*/
	.header_logo_box{display:contents;border-radius:0;}
	.header_logo{width:100%;padding:10px 0;background-color:#fff;}
	.header_logo a{margin:auto;max-width:130px;display:block;}
	.header_logo img[src*="grade"]{display:none;}
	
	.header_button_area{position:fixed;bottom:0;left:0;width:100%;gap:0;}
	.header_button_area a{margin: 0;width:50%;border-radius:0;}
	.header_button_area a:nth-child(1) svg {width:28px;}
	.header_button_area a:nth-child(2) svg {width:22px;}
	.header_button_area a span:nth-child(2){margin:auto;font-size:27px;}
	
	.hamburger_box{position:fixed;top:0;right:0;}
	.hamburger_trigger{background:none;}
	.head-02.open {transform: translateX(20%);}
	.header_after {height: 84px;}
	
	
/*----------mv---------*/
	.mv_title {width: 88%;margin: -14vw auto 0;}
	
	.intro_text h2{font-size:38px;}
	.intro_innertext p{font-size:18px;}
	
/*----------探求学習の種---------*/
	.main_list_wrap{max-width:580px;padding:50px 20px 30px;gap: 35px 0;}
	.main_list_item{border-radius:20px;justify-content:center;padding-top:20px;}
	.main_list_item.rtl{border-radius:20px;padding-top:20px;}
	.main_list_itemimg{margin:auto;filter: drop-shadow(2px 2px 4px rgba(40, 33, 20, .4));}
	.main_list_itemtext{width:100%;padding:20px 30px 25px;}
	.main_list_itemtext h3{text-align:center;line-height:1.1em;padding-bottom: 15px;}
	
	.main_reason_area{padding:0;}
	.main_reason{font-size:6vw;padding:7vw 0;}
	.main_reason div{position:relative;}
	
	.main_connection{padding:0 10vw}
	.main_connection_wrap {gap: 6vw;padding:7vw 0;}
	.main_connection_item h3 span:nth-child(1){width:25vw;left:-6vw;}
	.main_connection_item h3 span:nth-child(2) {
		font-size:8vw;
		padding: 2vw 1vw 0 20vw;
	}
	
/*----------つながる---------*/
	.main_h2_area h2{width:80vw;}
	.main_h2_area h2 img[src*="h2"] {width:20vw;right:-14vw;}
	.learning_h2box h2 span:nth-child(1) {width:90%;}
	.learning_intro_text div:nth-child(1){
		display:flex;flex-wrap:wrap;
		justify-content:center;
		font-size:6vw;
		gap:1.7vw 1.5vw;
	}
	.learning_intro_text div:nth-child(1) span.spblock{
		display:block;
		background-color:#fff;
		color: #dd116e;
		padding:.5vw 2vw;
		border-radius:.25em;
	}
	.learning_intro_text div:nth-child(1) span.sp100{
		display:block;width:100%;
		font-size:1.3em;
	}
	
	.tab_item {padding: 0px 0 10px;}
	.tab_content_text h3{font-size:8vw;}
	
	
/*----------合格者の声---------*/
	.voice_h2box{padding: 80px 20px 40px;}
	.voice_h2box h2 {max-width: 500px;}
	
	
/*----------ボタンエリア---------*/
	.main_button {max-width: 500px;}
	
/*----------footer---------*/
	footer{padding-bottom:12vw;}
}


@media screen and (max-width: 580px) {
	
	#page-top {right:8px;}
	#page-top a {font-size:65%;width:48px;}
	

/*----------header---------*/
	.header_logo {padding: 2vw 0;}
	.header_after{height:calc(44px + 4vw + 4vw);}
	
	.header_button_area a {padding:1.5vw 6vw 1.5vw 2vw;}
	.header_button_area a:nth-child(1) svg {width:4.5vw;}
	.header_button_area a:nth-child(2) svg {width:3.8vw;}
	.header_button_area a span:nth-child(2){font-size:5vw;padding:0;letter-spacing:0.08em;}
	.header_button_area a::after{right:9px;}
	
/*----------mv---------*/
	.mv_area{padding:0;}
	.mv_area_box h1 img{
		position: relative;
		width:120%;
		left: 50%;
		transform: translateX(-50%);
	}
	.mv_area_box::before {bottom: -100%;}
	
	
/*----------導入---------*/
	.intro_box{padding:4vw 5vw;}
	.intro_text h2{font-size:10vw;}
	.intro_text h2 span.phone-size70{font-size:70%;}
	.intro_innertext p {font-size: 17px;}
	
/*----------探究---------*/
	.main_h2_area{padding:10vw 5vw 0;}
	.main_h2_area h2 {width: 78vw;}
	.main_list_wrap{padding: 7vw 5vw 4vw;gap:8vw 0;}
	.main_list_itemtext h3{font-size:7vw;letter-spacing:0.05em;padding-bottom: 3.5vw;}
	.main_list_itemtext{padding:5vw 7vw 6vw;}
	.main_list_itemtext p {font-size: 16px;line-height: 1.5;}
	
	.main_connection {padding: 0 6vw;}
	.main_connection_wrap {gap: 12vw;}
	.main_connection_item h3 span:nth-child(1) {width:33vw;left:-3vw;}
	.main_connection_item h3 span:nth-child(2) {padding: 2vw 1vw 0 27vw;}
	.main_connection_itemtext{padding: 5vw 8vw 8vw;}
	.main_connection_itemtext p {font-size: 16px;}
	
	
/*----------つながる---------*/
	.learning_box img[src*="learning_seed"]{top:-10vw;width: 100px;}
	
	.learning_h2box{padding:13vw 3vw 0;}
	.learning_h2box h2 span:nth-child(1) {width:100%;padding-bottom:3vw;}
	
	.learning_intro{padding:6vw 5vw 8vw;}
	.learning_intro_text div:nth-child(1){font-size:6.4vw;gap: 2.4vw 1.5vw;padding-bottom:8vw;}
	.learning_intro_text div:nth-child(1) span.sp100{font-size: 1.45em;}
	.learning_intro_text div:nth-child(2){font-size:17px;}
	
	.tab_container_area{padding:0 5vw 8vw;}
	.tab_container{gap: 0 5px;}
	.tab_item{font-size:7vw;padding:1vw 0 .8vw;width: calc((100% - (5px * 4)) / 5);line-height:1.2em;}
	.tab_container input:checked + .tab_item {padding-bottom: .8em;}
	.tab_content{padding:5vw 4vw;}
	.tab_content_box{padding:5vw 6vw;}
	.tab_content_text h3 {font-size: 7vw;padding-bottom: 2vw;}
	.tab_content_pbox p {font-size:16px;padding-bottom:3vw;line-height: 1.5;}
	.tab_content_pbox p:last-child{padding-bottom:0;}
	
/*----------合格者の声---------*/
	.voice_area::before{top:-1px;}
	.voice_h2box{padding:13vw 5vw 7vw;}
	.voice_intro_text {font-size:5vw;}
	.voice_list_box{padding:13vw 5vw;}
	.voice_list_comment{padding:5vw 7vw;}
	
	.voice_list_text {font-size: 16px;}
	.voice_list_name {font-size: 5.5vw;}
	.voice_list_img img[src*="01"]{padding-top:0;}
	.voice_list_img {width: 85px;}
	
/*----------ボタンエリア---------*/
	.main_button a {padding:3vw 5vw;}
	.main_button a > span:nth-child(2) {font-size: 5.4vw;}
	.main_button a:nth-child(1) svg {width:6vw;}
	.main_button a:nth-child(2) svg {width:5.6vw;}
	
	footer {padding-bottom: 17vw;}
	
}


@media screen and (max-width: 520px) {
/*--------ヘッダー----------*/
	.head-02.open {transform: translateX(0%);}
	
/*--------フッター----------*/
	footer .logo {
		width:70%;
	}
}

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

	

}