@charset "utf-8";

@media screen and (max-width: 1400px) {
/*----------60thキャンペーン---------*/
	.campaign_60th_box img[src*="logo"] {
		top: -23%;
    	width: 35%;
		left: -3%;
	}
	.campaign_60th_box img[src*="new-student"] {
		top: -3%;
		width:25%;
	}
	.campaign_60th_box img[src*="ribbon"] {
		top: -13%;
		width:50%;
	}
	.campaign_60th_box-h3 {
		padding:3% 10px 20px;
	}
}


@media screen and (max-width: 1320px) {
/*----------メインビジュアル---------*/
	
	
}



@media screen and (max-width: 1200px) {
/*--------申し込みボタン（固定）-----------*/
	.fixed_btn{
		bottom:0;
		left:0;
		margin: auto;
	}
	.fixed_btn a{
		max-width: 580px;
		margin: auto;
		font-size: 2em;
		border-radius: 16px 15px 0 0;
	}
	.fixed_btn a::before {
		top: auto;
		bottom: 0;
		border-bottom: none;
		border-color:#d63939;
		border-right:#d63939 solid 3px;
		width:calc(100% - 6px);
		height: calc(100% - 2px);
		border-radius: 15px 15px 0 0;
	}
	.fixed_btn_icon {
		border-radius: 15px 0 0 0;
	}
	.fixed_btn_text {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width:calc(100% - 2em);
		padding-top: 20px;
		border-radius: 0 15px 0 0;
	}
	.fixed_btn_text span{
		display: inline-block;
		margin: auto 0;
	}
	.fixed_btn_text span:nth-child(1){
		display: block;
		width:100%;
	}
	.fixed_btn_text span:nth-child(2) {
    	padding-bottom: 0;
		font-size: 1.5em;
	}
	.fixed_btn_text span:nth-child(3) {
    	padding: 0.05em 0 0 0.3em;
	}

	
	footer {
		padding-bottom: 120px;
	}
}

@media screen and (max-width: 1160px) {
/*----------メインビジュアル---------*/
	
	
}


@media screen and (max-width: 1100px) {
	
/*--------------MVエリア------------*/
	
	

/*--------------導入テキスト------------*/
	.introduction {
		padding:10vw 0;
	}
	.introduction_box {
		max-width: 800px;
	}
	
	.introduction_wrap{
		
	}
	.intro_mv{
		width:100%;
		margin: auto;
	}
	.intro_text{
		display: contents;
		width: 100%;
		padding:0;
	}
	
	.intro_text p{
		text-align: left;
	}
	
/*----------ここがすごい！---------*/
	
	.point_mvclass {
		width:100%;
		max-width:700px;
		margin:0 auto 7vw;
	}
	.point_mvclass_text_box {
    	width: 95%;
		max-width: 490px;
	}
	
	.point_counselor {
		width: 100%;
		max-width:700px;
		margin: auto;
	}
	

/*----------春期講座 おすすめコース---------*/
	.course_wrap {
		margin: auto;
		max-width:800px;
	}
	.course_inner {
		width: calc((100% - 20px) / 2);
		margin: 20px 20px 0 0;
	}
	.course_inner:nth-child(2n){
		margin-right: 0;
	}
	
	.course_inner_box,
	.double .course_inner_box{
		width: calc((100% - 20px) / 2);
		margin: 20px 20px 0 0;
	}
	.course_inner_box:nth-child(2n){
		margin-right: 0;
	}
	
	
/*----------60thキャンペーン---------*/
	.campaign_60th_box{
		max-width: 800px;
	}
	.campaign_60th_box img[src*="logo"]{
		width: 58%;
		left: -4.9%;
	}
	.campaign_60th_box img[src*="ribbon"]{
		display: none;
	}
	.campaign_60th_box img[src*="new-student"] {
        width: 37%;
    }
	.campaign_60th_box-h3{
		width:100%;
		padding:10px 0;
	}
	.campaign_60th_wrap{
		margin: auto;
		max-width: 600px;
	}
	.campaign_60th_inner{
		width: 100%;
	}
	
}

@media screen and (max-width: 950px) {
	
/*--------------MVエリア------------*/
	
	
}

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

	
/*--------------campaign------------*/
	.recommend_bottom {
		font-size: 1.1em;
	}

/*----------おすすめコース---------*/
	.course_inner_title .subject {
    	font-size: 1.4em;
    	letter-spacing: 0.02em;
    	padding: 2px 9px 0;
	}
	.course_inner_title .title{
		font-size:2.2vw;
	}
	.course_inner_text {
		font-size: 1em;
	}
	
	
/*----------春の学習特典---------*/
	.campaign {
		padding:8vw 0;
	}
	.campaign h2 {
		font-size:7vw;
	}
	.campaign_box{padding-top:20px;}
	.campaign_h2sub{
		position: relative;
		margin-bottom: 15px;
	}
	.campaign_h2sub img{
		position: absolute;
		top:50%;
		width: 85px;
		transform: translateY(-50%);
	}
	.campaign_h2sub img[src*="_L"]{
		left: 5px;
	}
	.campaign_h2sub img[src*="_R"]{
		right: 5px;
	}
	.campaign_spr {
		margin:0 auto;
	}
	.campaign_spr img{
		max-width:560px;
	}
	.campaign_spr_inner p{
		margin: auto;
		max-width:560px;
	}
	.campaign_spr_inner {
		width:100%;
		margin:0 auto 25px;
	}
	
/*--------申し込みボタン-----------*/
	.admission_btn a::after {
		right: 30px;
	}
	
	
}

@media screen and (max-width: 767px) {
	
/*--------TOPに戻るボタン-----------*/
	#page-top {
		bottom: 120px;
	}
	
/*----------メインビジュアル---------*/
	
/*----------リード文---------*/
	.intro_text h2{
		font-size:1.7em;
	}
	
	
/*----------ここがすごい！---------*/
	.point_mvclass_text p{
		font-size: 1.25em;
		text-align: left;
	}
	.point_mvclass_text p:nth-child(2) {
    	font-size: 2em;
	}
	
	
/*----------春期講座 おすすめコース---------*/
	
	.recommend {
    	padding: 60px 0 10vw;
	}
	
	.recommend_box h2{
		font-size:9vw;
	}
	
	.tab_item {
		width: calc((100% - 20px) / 3);
		margin: auto 10px 0 0;
	}
	.tab_content {
		padding: 1.4em;
	}
	.tab_content_inner {
		padding: 30px 15px 25px;
	}
	.course_wrap {
		padding: 10px 10px 20px;	
	}
	.course_inner {
	    width:100%;
		max-width: 400px;
		margin:0 auto 25px;
	}
	.course_inner:nth-child(2n) {
		 margin-right: auto;
	}
	
	.course_inner_box,
	.double .course_inner_box{
	    width:100%;
		max-width: 400px;
		margin:0 auto 15px;
	}
	.double .course_inner_box:nth-child(2n),
	.course_inner_box:nth-child(2n) {
		 margin-right: auto;
	}
	
	.course_inner_title .title {
    	font-size: 1.3em;
	}
	
	.tab_content h3{
		display: block;
		font-size: 1em;
		padding:10px 10px 5px;
	}

/*--------POPUP部分-----------*/
	.atwill_detail_text h3 {
	    font-size: 1.3em;
		line-height: 1.25em;
	}
	
	
	
/*----------春の学習特典---------*/
	
	.campaign h2 {
	}
	.campaign_h2sub {
		font-size: 1.6em;
		line-height: 1.4em;
		padding:18px 10px;
	}
	
	.campaign_intr_box{
		max-width: 600px;
	}
	.campaign_intr_terms {
		font-size:1.2em;
		line-height: 1.2em;
	}
	.campaign_intr_quo {
		text-align: center;
		padding-top:10px;
		line-height: 1.2em;
	}
	.campaign_intr img[src*="quo"] {
		width: 140px;
		top: -13px;
		right: -25px;
	}
	
	.campaign_hnk_box{
		max-width: 600px;
	}
	.campaign_hnk_box h3 {
		font-size: 3em;
	}
	.campaign_hnk_h3sub{
		padding-bottom: 15px;
	}
	.campaign_hnk_inner {
		width:100%;
		margin:0 auto 25px;
		padding:3% 10%;
	}
	.campaign_hnk_inner:nth-child(2n) {
		margin-right: auto;
	}
	.campaign_hnk_btmtxt {
		padding-top: 0;
		letter-spacing: 0.05em;
		font-size: 2.6em;
	}
	
	
/*----------60thキャンペーン---------*/
	.campaign_60th_box img[src*="logo"] {
		top: -22%;
        width: 71%;
        left: -5.7%;
    }
	.campaign_60th_box img[src*="new-student"]{
		top: -5%;
		width: 40%;
	}
	.campaign_60th_box-h3{
		justify-content: center;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 80%, #fff33f 80%, #fff33f 95%, rgba(255, 255, 255, 0) 95%);
	}
	.campaign_60th_box-h3 span:nth-child(1) {
		width: 34%;
		padding: 0 0.5% 0.5% 0;
	}
	.campaign_60th_box-h3 span:nth-child(2) {
		width: 66%;
	}
	.campaign_60th_box-h3 span:nth-child(3){
		padding:0.5% 0 0;
		width: 75%;
	}
	
	
	
/*------------受講までの流れ----------*/
	.flow_box h2{
		font-size:3.5em;
	}
	.flow_inner {
    	margin: 50px auto 80px;
    }
	.flow_inner_menu-detail{
		width:100%;
		margin-bottom: 15px;
	}
	
	
/*-----------春の開講の講座・ガイダンス-----------*/
	.guidance_wrap {
		max-width: 500px;
	}
	.guidance_inner {
		width: 100%;
		margin: 10px 0 20px;
		display: block;
	}
	.guidance_box h2{
		line-height: 1.1em;
	}
	
/*--------申し込みボタン-----------*/
	.admission_btn_head span:nth-child(1) {
		width:92%;
		margin: 0.5em auto;
		text-align: center;
		justify-content: center;
	}
	.admission_btn_head span:nth-child(2) {
		width:100%;
		padding: 0.1em 0;
	}
	.admission_btn_period {
		width: 92%;
	}
	.admission_btn_text {
		font-size: 2.4em;
	}
	.admission_btn_text span{
		font-size: 0.7em;
	}
	.admission_btn a::after {
		top:auto;
		bottom: 30px;
		margin: 0;
	}
	
/*--------申し込みボタン（固定）-----------*/
	.fixed_btn a{
		font-size: 1.7em;
	}
	.fixed_btn_text {
		width:calc(98% - 2em);
	}
	

/*--------フッター----------*/
	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: 521px) {
	
/*-----------春の開講の講座・ガイダンス-----------*/
	.guidance_inner_text{
		display: block;
		text-align:left;
	}
	.guidance_inner span{
		display: inline;
	}
	.guidance_inner a.guidance_btn{
		display: inline-block;
		width: auto;
		font-size: 100%;
		margin: 0;
		padding: 0;
		border: none;
		border-bottom: dotted 1px #29528b;
	}
	.guidance_inner a.guidance_btn::after {
		right: -15px;
	}
	.guidance_inner.gray a.guidance_btn{
		display: inline-block;
		background: none;
		border: none;
	}
}


@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 5px;
	}
	.atwill_detail_text-inner{
		display: block;
		width:calc(100% - 80px);
    	padding:0 0 0 10px;
		order:3;
	}
	.atwill_detail_text .subject {
		font-size: .8em;
	}
	.atwill-teacher{
		padding-top:10px;
	}
	.atwill_detail_main{
		order:4;
	}

/*------------受講までの流れ----------*/
	.flow_box h2{
		font-size:2.8em;
	}

}



@media screen and (max-width: 580px) {
	.campaign_h2sub img{
		width: 18vw;
		transform: none;
		top:auto;
		bottom: -7px;
	}
}

@media screen and (max-width: 520px) {
/*--------ヘッダー----------*/
	.head-nav .head-logo {
		height: 30px;
	}
	.lp-header__trigger {
		top: 13px;
	}
	.header_after {
    	height: 46px;
	}
	
/*--------フッター----------*/
	footer .logo {
		width:70%;
	}
	footer ul a {
	    font-size: 15px;
	}
	footer ul li::before {
    	padding: 0 3px;
	}
	footer ul div {
    	padding-bottom: 3px;
	}
	
	
/*----------メインビジュアル---------*/
	
	.mv_title_box{
		gap:8px 0;
		padding:15px 15px 0;
	}
	
	.mv_title_box img[src*="title"]{width:100%;}
	.mv_title_box img[src*="period"]{width:55%;}
	
	.mv_title_comment{
		font-size:12px;
		padding-top:0;
		margin-top:-5px;
	}
	
	

/*--------導入テキスト----------*/
	
	.introduction {padding: 8vw 0 10vw;}
	
	.intro_text h2 {
		font-size: 5vw;
		line-height: 1.3em;
		padding:5px 0 1vw;
	}
	.intro_text p {
		padding-top: 4vw;
		font-size: 15px;
		text-align: left;
		font-weight: normal;
	}
	
	
/*----------ここがすごい！---------*/
	.point_wrap {
		padding: 12vw 0;
	}
	.point_mvclass {
		padding: 4vw 0 10px;
	}
	.point_mvclass h2 {
		padding:2vw 0 6vw;
	}
	.point_mvclass_inner {
		padding: 3vw 0 5vw;
	}
	.point_mvclass_text_box{
		width: 100%;
		padding:5vw 15px 0;
	}
	.point_mvclass_inner_box {
		padding: 2vw 0 3vw;
	}
	.point_mvclass_num{
		width: 13%;
		margin-right: 2%;
	}
	.point_mvclass_text {
		width:85%;
	}
	
	.point_counselor {
		padding: 5vw 0 10px;
	}
	.point_counselor h2 {
		padding:2vw 0 6vw;
	}
	.point_counselor_inner {
		padding: 30px 20px 3vw;
	}
	.point_counselor_img_box{
		width:100%;
	}
	.point_counselor_text_box {
		padding-top: 7vw;
	}
	.point_counselor_text_box p {
		font-size: 4.5vw;
		line-height: 1.55em;
	}
	
	
/*----------春期講座 おすすめコース---------*/
	
	.recommend_box h2{
		font-size:13vw;
		line-height:1.2em;
	}
	
	.recommend_h2sub{
		font-size: 5vw;
		padding-bottom: 8vw;
	}
	
	.tab_content {
		padding: 1em;
	}
	.tab_content_inner {
    	padding: 15px 10px 0;
	}
	.course_wrap {
    	padding: 10px 0 30px;
	}
	.course_inner {
		margin: 0 auto 5vw;
	}
	
	.course_inner_box,
	.double .course_inner_box{
		margin: 0 auto 3vw;
	}
	.course_inner_img {
    	width: 80px;
	}
	.course_inner_title {
    	width: calc(100% - 80px);
    }
	.course_inner_title .subject{
		font-size: 1.4em;
		letter-spacing: 0.02em;
		padding: 2px 9px 0;
	}
	.course_inner_title .title {
		font-size: 1.25em;
	}
	.course_inner_text {
    	width:calc(100% - 10.5vw);
	}
	.course_inner_box img[src*="arrow"] {
		width: 8vw;
		right: 3vw;
		bottom: 3vw;
    }
	
	
	
	.tab_content h3 {
		font-size:3vw;
		letter-spacing: 0.02em;
	}
	.course_h3sub{
		padding-top: 2vw;
		font-size:3.8vw;
	}
	.tab_item {
		padding: 7px 0 5px;
		font-size: 5vw;
	}
	.tab_container input:checked + .tab_item {
    	padding-bottom:.9em;
	}
	.recommend_bottom {
		font-size: 5vw;
	}

/*-----------------POPUP部分-------------------------*/
	.atwill_detail {
		padding: 20px;
	}
	.atwill_detail_text h3 {
    	padding: 0 0 8px;
	}
	.atwill-teacher {
    	padding-top: 5px;
	}
	.atwill_detail_text .subject {
		padding: 5px 12px 2px;
	}
	.atwill_catch{
		font-size:14px;
	}
	.atwill_detail_main {
    	padding: 15px 0 0;
	}
	.atwill-explain{
		padding-top:5px;
		font-size:14px;
	}
	
/*---------------春の学習特典------------------*/
	.campaign h2 {
		padding: 16px 0 12px;
		font-size: 12vw;
		letter-spacing: 0.04em;
		line-height: 1.1em;
}
	.campaign_h2sub {
		font-size: 1.2em;
		line-height: 1.55em;
		padding: 3vw 10px 1vw;
	}
	.campaign_h2sub nobr{
		font-size: 120%;
	}
	
	.campaign_spr_inner {
		margin: 0 auto 5vw;
	}
	
	.campaign_spr{
		padding-bottom: 10vw;
	}
	
	.campaign_spr .att {
		font-size: 13px;
		padding-top:0;
	}
	
	.campaign_intr {
		padding: 20px 10px;
	}
	.campaign_intr_box h3 {
		font-size: 8.5vw;
	}
	.campaign_intr_terms{
		max-width: 320px;
		margin-right: 120px;
		margin-left: 20px;
	}
	.campaign_intr_box .att {
		padding:0 10px;
		padding-top:2vw;
		font-size: 13px;
	}
	.campaign_intr img[src*="quo"] {
		width: 120px;
    	top: -2px;
    	right: -11px;
	}
	
	.campaign_hnk_box {
		padding: 30px 15px 20px;
	}
	.campaign_hnk_box h3{
		font-size:9.4vw;
	}
	.campaign_hnk_box h3 img{
		width:0.7em;
	}
	.campaign_hnk_box h3 span{
		margin:9px 2vw 0;
	}
	.campaign_hnk_inner {
		margin: 0 auto 20px;
	}
	.campaign_hnk_inner:nth-child(2n) {
    	margin-bottom:10px;
	}
	.campaign_hnk_h3sub{
		font-size:14px;
		line-height: 1.3em;
		padding-top: 10px;
	}
	.campaign_hnk_btmtxt {
		font-size: 7.6vw;
	}
	
	
/*----------60thキャンペーン---------*/
	.campaign_60th{
		padding:20vw 20px;
	}
	.campaign_60th_box{
		padding:6vw 20px;
	}
	.campaign_60th_box img[src*="logo"]{
		top: -34vw;
		left: -6.6%;
	}
	.campaign_60th_box img[src*="new-student"] {
        top: -6%;
        width: 53%;
    }
	.campaign_60th_note{
		font-size:13px;
	}
	
	
/*-----------受講までの流れ----------------*/
	.flow {
		padding: 12vw 0 6vw;
	}
	.flow_box h2{
		font-size: 10vw;
    	letter-spacing: 0.03em;
	}
	.flow_inner {
    	margin: 8vw auto 14vw;
    }
	.flow_inner h3 {
		font-size: 5.5vw;
		line-height: 1.3em;
		padding:3vw 0;
	}
	
	.flow_inner_img{
		width:70px;
		height:auto;
	}
	.flow_inner_img.step_1{padding:5px 0 10px;}
	.flow_inner_img.step_2{padding:0;}
	.flow_inner_img.step_3{padding:0;}
	
	.flow_inner_text{
		font-size:14px;
		font-weight:600;
		letter-spacing: 0.03em;
	}
	.flow_inner_menu-detail p {
		font-size:14px;
	}
	
	
/*-----------ガイダンス---------------*/
	.guidance {
    	padding: 0 0 8vw;
	}
	.guidance_box h2{
		font-size: 8.5vw;
    	letter-spacing: 0.01em;
	}
	.guidance_inner_text span {
		padding-bottom: 6px;
	}
	
/*--------申し込みボタン-----------*/
	.admission_btn_head span:nth-child(1) {
		font-size: 5vw;
		margin: 0.3em auto;
	}
	.admission_btn_head span:nth-child(2) {
		font-size: 15vw;
	}
	.admission_btn_period {
    	font-size: 4vw;
	}
	.admission_btn_text {
		font-size: 9.2vw;
		padding-top: 3.5vw;
		padding-bottom: 1vw;
		line-height: 0.8em;
		letter-spacing: 0.02em;
	}
	.admission_btn a::after {
		right: 6vw;
    	bottom: 9vw;
		width: 3vw;
		height: 3vw;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
	}
	
/*--------申し込みボタン（固定）-----------*/
	.fixed_btn a{
		font-size: 5vw;
	}
	.fixed_btn_text {
		padding:4.2vw 3vw 3vw;
	}
	
	#page-top {
    	bottom: 24vw;
	}
	footer {
    	padding-bottom: 27vw;
	}
	
	
}


@media screen and (max-width: 430px) {
/*----------ここがすごい！---------*/
	.point_mvclass_text p {
    	font-size: 4.3vw;
	}
	.point_mvclass_text p:nth-child(2) {
    	font-size: 8vw;
	}
	
	
/*--------おすすめコース-----------*/
	.course_inner_detail {
		padding: 7px 20px 12px;
	}
	
	/*.course_inner_img {
    	width: 28%;
	}*/
	.course_inner_title {
    	width:72%;
    }

	/*.course_inner_title .subject{
		font-size:4vw;
	}*/
	
	.course_inner_title .title {
		font-size: 4.3vw;
		line-height: 1.25em;
	}
	.course_inner_text {
		font-size: 3.5vw;
		line-height: 1.25em;
		padding:1vw 0 0;
	}
	
/*--------POPUP部分-----------*/
	.atwill_detail_text h3 {
		font-size: 1.1em;
	}
	
/*---------------春の学習特典------------------*/
	.campaign h2 {
		padding: 10px 0 5px;
	}
	.campaign_intr_terms {
    	font-size: 4.5vw;
    }
	.campaign_intr_quo {
    	font-size: 12vw;
	}
	
/*------------受講までの流れ----------*/
	.flow_inner_num {
		font-size:9vw;
		width: 45vw;
		top:-.8em;
	}
	.flow_inner h3 {
		font-size: 6.8vw;
	}
	.flow_inner_links a {
		font-size: 1em;
		margin-bottom: 2.5vw;
		padding: 0.25em 0;
	}
	
	
	
	
}

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

	
/*--------フッター----------*/
	footer {
    	padding-bottom: 30vw;
	}
	footer ul {
		margin: 20px auto 0;
	}
	footer ul a {
	    font-size: 13px;
	}
	
/*---------------春の学習特典------------------*/
	.campaign_intr_quo {
		font-size: 2.5em;
	}
	.campaign_intr_terms {
		margin-right: 100px;
		margin-left: 5px;
	}
	.campaign_intr img[src*="quo"] {
		width: 110px;
	}
	
/*--------POPUP部分-----------*/
	.atwill_detail_img {
		width:70px;
	}
	.atwill_detail_text-inner{
		width:calc(100% - 70px);
	}
	.atwill-teacher {
    	padding-top: 5px;
		font-size: 14px;
	}
	
/*--------受講までの流れ-----------*/
	.flow_inner h3 {
		font-size: 6.5vw;
	}
	
/*--------申し込みボタン-----------*/
	.admission_btn a::after {
		content: none;
	}
	

}