@charset "utf-8";

@media screen and (max-width: 1400px) {
	.campaign_amazon_innertitle img{
		max-width:18vw;
	}
}

@media screen and (max-width: 1200px) {
/*--------------タブ切り替え------------*/
	.course_inner_box{width: calc((100% - 20px) / 2);}

}

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


@media screen and (max-width: 1100px) {
	
	.head_apply_btn a{font-size:90%;}
	
/*--------------導入テキスト------------*/
	.introduction {padding:10vw 0;}
	.introduction_box {max-width: 800px;}
	.intro_mv{width:100%;margin: auto;}
	.intro_text{width:fit-content;margin:auto;padding:0;}
	.intro_text h2{text-align:center;}
	
	.introduction_wrap.mv_off .intro_text{width:100%;}

	
/*--------------ここがすごい------------*/
	.point_box{padding:60px 20px;}
	.point_title{max-width: 700px;padding: 0 100px 20px;}
	.point_title::before, .point_title::after {width:100px;}
	.point_title h2{justify-content:flex-end;}
	.point_title h2 img[src*="01"] {width:85%;margin-bottom:-10%;}
	.point_title h2 img[src*="02"] {width:100%;margin-left:0;}
	
	.point_img_wrap{padding: 20px 0 0;gap: 20px;}
	.point_img_inner {width: calc((100% - 20px) / 2);}
	
	
/*--------------おすすめ神授業------------*/
	.recommend {padding:80px 0 110px;}
	.recommend_h2sub{padding:4px 0 30px;}
	.recommend_box h2{margin:auto;max-width:860px;justify-content: center;}
	.recommend_box h2 span:nth-child(1){width:100%;margin:auto auto 10px;}
	.recommend_box h2 span:nth-child(1) img{width:25%;}
	.recommend_box h2 span:nth-child(2){width:75%;margin: auto 0;}
	.recommend_box h2 span:nth-child(3){width:13%;margin: auto 0 20px 1%;}	
	
/*--------------英検------------*/
	.lesson_eiken_courseimg{max-width:600px;gap:18px;}
	.lesson_eiken_courseimg div:nth-child(1) {width:40%;}
	.lesson_eiken_courseimg div:nth-child(2) {width:100%;}
	.lesson_eiken_courseimg div:nth-child(3) {width:80%;}
	
/*--------------最強の講師陣------------*/
	.lesson_teacher_list{margin:auto;max-width:700px;}
	.lesson_teacher_list > div:nth-child(1) img {width:76%;}
	.lesson_teacher_list > div:nth-child(2) {width:100%;}
	.lesson_teacher_list > div:nth-child(3) {width:100%;}
	.lesson_teacher_list > div:nth-child(3) img {width:76%;}
	
/*--------------春のキャンペーン------------*/
	.campaign_spring h2{font-size:57px;margin:auto;max-width:760px;}
	.campaign_spring_area {padding: 80px 0 0;}
	.campaign_h2sub{line-height:1.15em;padding:20px 0;margin:35px auto 10px;max-width:700px;}
	.campaign_h2sub span {padding: 0 115px;}
	
	.campaign_spr{max-width:700px;}
	.campaign_spr_inner{width:100%;}
	
/*--------------本科キャンペーン------------*/
	.campaign_honka_main{margin:auto;max-width:800px;}
	
	.campaign_honka{margin:auto;max-width:700px;}
	.campaign_amazon{margin:auto;max-width:700px;}
	.campaign_note{margin:auto;max-width:700px;}
	
	.campaign_honka_inner div{width:96%;}
	.campaign_honka h3{padding: 20px 10px 8px;}
	.campaign_honka h3 span{width:100%;}
	.campaign_honka h3 span:nth-child(1){line-height:1.2em;}
	.campaign_honka h3 span:nth-child(2){text-align:center;}
	.campaign_honka_inner{gap:20px;}
	
	.campaign_amazon_inner{padding:0 7% 10px;}
	.campaign_amazon_innertitle img {
        max-width: 245px;
		width:100%;
    }
	.campaign_amazon_innertext {width: 45%;}
	
	
/*--------------受講までの流れ------------*/
	.flow {padding: 100px 0 0;}
	
/*--------------はじめて------------*/
	.first_title h2 {max-width:600px;}
	.first_link_textcomment > div:nth-child(2) p{font-size:20px;}
	

/*--------------無料オンライン説明会------------*/
	.orientation_box {padding:80px 40px;}
	.orientation_wrap{gap:10px;}
	.orientation_inner {width: calc((100% - 20px) / 3);}
	
	
/*--------------ガイダンス------------*/
	.guidance_inner{width:calc((100% - 20px) / 2);}
		
}

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

@media screen and (max-width: 900px) {
/*----------おすすめコース---------*/
	.course_inner_title .subject {font-size: 1.2em;letter-spacing: 0.02em;padding: 2px 9px 0;}
	.course_inner_title .unit{font-size: 1.1em;letter-spacing: 0.02em;padding: 2px 9px 0;}
	.course_inner_title .title{font-size:2.2vw;}
}

@media screen and (max-width: 767px) {
	
/*--------TOPに戻るボタン-----------*/
	#page-top {bottom: 120px;}
	
/*--------TOPロゴ-----------*/	
	.head-nav .head-logo{height: 30px;}
	
	
/*--------TOP申込ボタン-----------*/
	.head_apply_btn{
		margin-top:2px;
		margin-left: auto;
		margin-right:3px;
	}
	.head_apply_btn a{padding:1px 12px;}
	.head_apply_btn a span:nth-child(1){width:18px;}
	.head_apply_btn a span:nth-child(2){width:calc(100% - 18px - 5px);}
	
/*--------資料請求ボタン-----------*/
	.head_request_btn{
		margin-top:2px;
		margin-right:3px;
	}
	.head_request_btn a{padding:1px 12px;}
	.head_request_btn a span:nth-child(1){width:12px;}
	.head_request_btn a span:nth-child(2){width:calc(100% - 12px - 5px);}
	
/*--------TOP校舎検索ボタン-----------*/
	.head_map_btn{display: none;}
	

	.header_after{height: 50px;}
	
	
/*--------MV-----------*/
	.mv_box h1{position:relative;overflow: hidden;}
	.mv_box h1 img{width:140%;margin-left:-20%;}
	.mv_title{max-width:600px;}
	
	
/*--------ここがすごい-----------*/
	.point_title {max-width:none;padding:0 12.5vw 2vw;}
	.point_title::before, .point_title::after{width:12vw;}
	.point_img_wrap{max-width:500px;gap:6vw;padding:10px 0 0;}
	.point_img_inner { width:100%;}
	.point_img_inner h3{text-align:center;}
	
	
/*--------おすすめ神授業-----------*/
	.recommend{padding: 50px 0 70px;}
	
	.tab_item {width: calc((100% - 20px) / 3);margin: auto 10px 0 0;}
	
	.course_wrap {padding: 10px 10px 20px;}	
	.course_inner_box{width:100%;max-width: 500px;margin:0 auto;}
	.course_inner_title .title {font-size: 1.3em;}
	
	
/*--------注目ポイント-----------*/
	.lesson_title{padding:0 3vw 25px;}
	.lesson_title h2{max-width: none;padding:0 18vw;}
	
	.lesson_eiken_title {max-width:600px;}
	
	
/*----------英検-----------*/
	.lesson_eiken_bk > div {width: 50%;}
	.lesson_eiken_courseimg{padding: 40px 4vw 20px;}
	.lesson_eiken_link{padding:10px 4vw 50px;}
	
	
/*-----------最強教師陣----------*/
	.lesson_teacher_title h3{gap:10px 0;max-width: 380px;}
	.lesson_teacher_title h3 img[src*="atwill_logo"]{width:40%;}
	.lesson_teacher_title h3 img[src*="lesson_teachers"] {width:100%;}
	
	
/*-----------キャンペーン----------*/
	.campaign_amazon_innertitle img{width:37vw;}
	
	
/*---------受講までの流れ----------*/
	.flow {padding:70px 0 0;}
	.first_box {padding:60px 30px;}
	.flow_box h2{font-size:3.5em;line-height:1.5em;}
	.flow_inner {margin: 60px auto 80px;}
	
	
/*--------はじめてでも大丈夫-----------*/
	
	.first_title{margin:auto;max-width:530px;}
	.first_img{margin:auto;max-width:530px;}
	.first_link_text{position:relative;}
	.first_link_textimg{width:70%;aspect-ratio:10 / 11;order:1;}
	.first_link_textcomment{display:contents;}
	.first_link_textcomment > div:nth-child(1){
		position:absolute;top:10vw;right:0;
		width:47%;
		padding:0;
		order:2;
	}
	.first_link_textcomment > div:nth-child(1) img{transform: rotate(-5deg);}
	.first_link_textcomment > div:nth-child(2){width:100%;padding:0;order:4;}
	.first_link a{order:3;font-size: 25px;}
	.first_link_textcomment > div:nth-child(2) p{font-size:18px;}
	.first_link_textcomment > div:nth-child(2) p{text-align:center;padding-bottom:0;}
	
	
/*--------説明会-----------*/
	.orientation_wrap{max-width: 500px;}
	.orientation_title h2{line-height:1.1em;font-size:2.4em;}
	.orientation_inner{width:100%;margin: 10px 0 20px;}
	
	
/*--------ガイダンス-----------*/
	.guidance_box{padding: 50px 20px 0;}
	.guidance_wrap {max-width: 500px;}
	.guidance_inner {width: 100%;margin: 10px 0 20px;display: block;}
	.guidance_box h2{line-height: 1.1em;font-size: 2.4em;}
	
/*--------校舎検索-----------*/
	.map_box {background: url("../images/searchmap-bg_sp.svg") no-repeat center center / cover;}
	.map_btn_area{max-width:540px;}
	.map_btn_area a{width:100%;}
	
/*--------フッター----------*/
	footer ul {margin: 30px auto 0;}
	footer ul div {width:100%;padding-bottom: 5px;}
	footer ul li::before {padding: 0 5px;}
	footer ul li.second::before {content: "";padding: 0;}
	
}


@media screen and (max-width:767px) and (min-width: 581px) {
	
	.first_link_textcomment > div:nth-child(2) p br{display:none;}
	
	
}

@media screen and (max-width: 680px) {
	.campaign_h2sub{margin:6vw auto 2vw;padding:3vw 0;font-size:6vw;border-radius:25vw 25vw 0 0;}
	.campaign_h2sub span {width:100%; padding:0 10vw;}
	.campaign_h2sub span::before, .campaign_h2sub span::after{background-position:bottom;width:24vw;top:auto;bottom:-6vw;}
	.campaign_h2sub span::before{left:-1vw;}
	.campaign_h2sub span::after{right:-1vw;}
	
}



@media screen and (max-width: 630px) {
/*--------POPUP部分-----------*/
	.lightbox {padding: 15px;}
	.atwill_detail_img {width:80px;order:2;}
	.atwill_detail_text {display: contents;}
	.atwill_detail_text h3 {order:1;padding: 0 0 15px;}
	.atwill_detail_text-inner{display: flex;flex-wrap: wrap;width:calc(100% - 80px);padding:0 0 0 10px;order:3;}
	.atwill_detail_text .subject {font-size: .8em;}
	.atwill_detail_text .unit {font-size: .8em;}
	.atwill-teacher{padding-top:10px;}
	.atwill_detail_main{order:4;}
	
	#no_img .atwill_detail_text-inner{width:100%;padding:0;}
	
}



@media screen and (max-width: 580px) {
	
/*----------準備中---------*/
	.preparation_box{font-size:20px;}
	
/*----------MV---------*/
	
	
	
/*----------導入テキスト---------*/
	.introduction_box{padding:0 20px;}
	.intro_text h2{font-size:28px;text-indent:.75em;}
	.intro_text p{font-size:16px;}
	
	
/*--------ここがすごい-----------*/
	.point_box {padding:10vw 2vw;}
	.point_img_wrap{padding:2vw 3vw 0;}
	.point_img_inner h3{text-align:left;font-size:5vw;line-height:1.3em;padding:1vw 0;}
	
	
/*--------神授業----------*/
	.recommend{padding:7vw 0;}
	.recommend_box{padding:0 5vw;}
	.recommend_h2sub_frame{width:40%;}
	.recommend_h2sub{font-size:5.5vw;padding:1vw 0 7vw;}
	
	.recommend_box h2{padding-bottom:5vw;}
	.recommend_box h2 span:nth-child(1){margin: auto auto 1vw;}
	.recommend_box h2 span:nth-child(1) img {width: 38%;}
	.recommend_box h2 span:nth-child(2){width:100%;}
	.recommend_box h2 span:nth-child(3){width:100%;margin:auto;}
	.recommend_box h2 span:nth-child(3) img{width:16%;}
	
	.tab_content{padding:1em;}
	.tab_content_inner{padding:30px 20px;}
	.tab_item {padding: 10px 0 8px;font-size:4.8vw;}
	
	.recommend_bottom{font-size:5vw;}
	
	
	.course_wrap {padding: 10px 0 30px;}
	.course_inner_box{margin: 0 auto;}
	.course_inner_img {width: 80px;}
	.course_inner_title {width: calc(100% - 80px);}
	.course_inner_title .subject{font-size:1em;letter-spacing: 0.02em;padding: 3px 9px 1px;}
	.course_inner_title .unit{font-size: 1em;letter-spacing: 0.02em;padding: 2px 9px 0;}
	.course_inner_title .title {font-size: 1.25em;}
	.course_inner_text {width:calc(100% - 10.5vw);font-size: .9em;}
	.course_inner_box img[src*="arrow"] {width: 7vw;right: 3vw;bottom: 3vw;}
	
/*-----------------POPUP部分-------------------------*/
	.atwill_detail {padding: 20px;}
	.atwill_detail_text h3 {padding: 0 0 12px;font-size: 1.2em;}
	.atwill-teacher {padding-top: 5px;}
	.atwill_detail_text .subject {padding: 5px 7px 2px;}
	.atwill_detail_text .unit {padding: 4px 7px 1px;}
	.atwill_detail_main {margin-top: 10px;padding: 15px 0 0;}
	.atwill-explain{padding-top:5px;font-size:14px;}
	
	
/*--------注目ポイント----------*/
	.lesson_title {padding: 0 3vw 5vw;}
	
	.lesson_eiken_title {padding: 7vw 4vw 0;}
	.lesson_eiken_courseimg{padding:10vw 4vw 3vw;}
	.lesson_eiken_link{padding:2vw 4vw 8vw;}
	.lesson_eiken_link a{padding:1vw;}
	.lesson_eiken_link a::after{width:12px;height:12px;}
	
	
	.lesson_teacher_wrap{padding:8vw 5vw;}
	.lesson_teacher_title h3{gap:1.5vw 0;}
	.lesson_teacher_title h3 img[src*="atwill_logo"] {width: 40%;}
	.lesson_teacher_title h3 img[src*="lesson_teachers"] {width: 90%;}
	
	.lesson_teacher_h3sub{padding:5vw 0 7vw;font-size:4.5vw;}
	
	.lesson_teacher_list{gap:2vw;}
	
	.lesson_teacher_link{padding:5vw 5vw 0;}
	.lesson_teacher_linktext{padding:0;font-size:5.5vw;letter-spacing:0.05em;}
	.lesson_teacher_link a{font-size: 5.4vw;padding: 2vw;}
	.lesson_teacher_link a::after {right:14px;width:12px;height: 12px;}
	
	
/*--------Campaign----------*/
	.campaign_spring_area {padding:10vw 0 0;}
	.campaign_spring{padding:0 4vw;}
	.campaign_spring h2 {font-size:9vw;border-width:3px;padding:2vw 0 1.6vw;}
	.campaign_honka_inner{gap:3vw 0;}
	.campaign_honka_inner div {width:100%;}
	
	
/*--------Campaign----------*/
	.campaign_honka_box{padding:8vw 5vw 4vw;}
	.campaign_honka h3 span:nth-child(1){font-size: 9vw;letter-spacing: 0.4em;}
	.campaign_honka h3 span:nth-child(2) {font-size: 4vw;line-height:1.5em;}
	
	.campaign_honka_box h2{margin:0 auto 3vw;}
	.campaign_amazon_inner {padding: 0 5% 3vw;}
	.campaign_amazon_innertitle img {width: 32vw;}
	.campaign_amazon_innertext {width: 85%;padding-top:1.5vw;}
	.campaign_amazon_innerimg {width:85%;padding:3vw 0 0;}
	
	.campaign_note{font-size:13px;}
	
	
/*--------受講までの流れ-----------*/
	.flow{padding:11vw 0 0;}
	.flow_box h2{font-size:9vw;letter-spacing:0.08em;}
	.flow_inner{margin:13vw auto 7vw;padding:7vw 5vw;}
	.flow_inner h3 {font-size:6vw;line-height:1.25em;padding-bottom:2vw;}
	.flow_inner_img{width:120px;height:120px;border-width:12px;}
	.flow_inner_links a {font-size:1em;margin-bottom: 2.5vw;padding:0.25em 0;}
	
/*--------入学の申し込み-----------*/
	.first_box{padding:8vw 5vw;}
	.first_link a{font-size:5vw;}
	.first_link_textcomment > div:nth-child(2) p {font-size: 16px;}
	
	.orientation_box{padding:14vw 5vw 10vw;}
	.orientation_title h2{font-size:7.5vw;letter-spacing: 0.01em;}
	
	.guidance_box h2{font-size:7.5vw;letter-spacing: 0.01em;}
	
/*--------校舎検索-----------*/
	.map_box{padding:10vw 5vw;}
	.map_box h2{font-size:8vw;}
	.map_btn_area{padding:3vw 0 0;gap:4vw;}
	.map_btn_area a{padding:2vw 0;}
}




@media screen and (max-width: 520px) {
		
/*--------フッター----------*/
	#page-top {bottom:6vw;}
	
/*--------ヘッダー----------*/
	.head-nav .head-logo {height: 24px;}
	.lp-header__trigger {top: 13px;right: 12px;}
	.header_after {height: 44px;}
	
	.head_apply_btn {padding-right:2px;}
	.head_apply_btn a {font-size: 75%;padding: 1px 7px;}
	.head_apply_btn a span:nth-child(1){display:none;}
	.head_apply_btn a span:nth-child(2){width:100%;}
	
	.head_request_btn {padding-right:2px;}
	.head_request_btn a {font-size: 75%;padding: 2px 7px;border-width:2px}
	.head_request_btn a span:nth-child(1){display:none;}
	.head_request_btn a span:nth-child(2){width:100%;}
	
	
/*-----------ガイダンス---------------*/
	.guidance {padding: 0 0 8vw;}
	.guidance_inner_text span {padding-bottom: 6px;}
	
/*--------フッター----------*/
	footer {padding-bottom: 18vw;}
	footer .logo {width:70%;}
	footer ul a {font-size: 15px;}
	footer ul li::before {padding: 0 3px;}
	footer ul div {padding-bottom: 3px;}

	
}


@media screen and (max-width: 430px) {
	
	.head_request_btn {display:none;}
	
	
}

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

	.intro_text h2 {font-size: 24px;}
	
	
/*--------フッター----------*/
	footer {padding-bottom: 30vw;}
	footer ul {margin: 20px auto 0;}
	footer ul a {font-size: 13px;}

}