@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: 5.5% 10px 5px;
	}
	.campaign_60th_wrap{
		padding-top: 10px;
	}
}

@media screen and (max-width: 1300px){
	.mv_box{
		background-position: 100% 38%;
		background-size: 80%;
	}	
}

@media screen and (max-width: 1300px) and (min-width: 1101px){
/*----------導入部分---------*/
	.intro_box-inner h3 {
		font-size: 23px;
	}
	.intro_box-inner p {
		font-size: 14px;
		letter-spacing: -0.04em;
	}
}


@media screen and (max-width: 1100px) {
/*----------導入部分 1100---------*/
	.intro_box h2{
		line-height: 1.2em;
	}
	.intro_box h2 .br-1100{
		display: inline;
	}
	
/*----------映像授業 1100---------*/
	.course_box {
		padding-top: 120px;
	}
	.course_box h2{
		line-height: 1.25em;
	}
	.course_box h2 .br-1100{
		display: inline;
	}
	.course_inner_box {
		width: calc((100% - 20px) / 2);
	}
	
/*----------学習特典 1100---------*/
	.campaign_cheer-up_box h2{
		line-height: 1.15em;
		padding: 14px 0 8px;
	}
	.campaign_cheer-up_box h2 .br-1100{
		display: inline;
	}
/*----------60thキャンペーン 1100---------*/
	.campaign_60th_box{
		max-width: 800px;
	}
	.campaign_60th_box img[src*="logo"]{
		width: 50%;
        top: -16%;
        left: -4.2%;
		z-index:3;
	}
	.campaign_60th_box img[src*="ribbon"]{
		display: none;
	}
	.campaign_60th_target{
		max-width: 230px;
		padding: 10px;
		font-size: 34px;
		z-index:2;
	}
	
	.campaign_60th_box img[src*="new-student"] {
        width: 35%;
		z-index:3;
    }
	.campaign_60th_box-h3{
		width:100%;
		padding: 50px 0 10px;
	}
	.campaign_60th_wrap{
		margin: auto;
		max-width: 600px;
	}
	.campaign_60th_inner{
		width: 100%;
	}
	
/*----------本科入学特典 1100---------*/
	.campaign_hnk-inner {
		width:49%;
	}
	
/*---------- 途中入塾 1100---------*/
	.admission_area h2 .ad-h2_area img[src*="h1-h2-h3"] {width: 38%;}
	.admission_area h2 .ad-h2_area img[src*="reception"] {width: 58%;}
	.admission_area h2 .ad-h2_area img[src*="season"] {width: 100%;max-width: 500px}
	.ad_com-inner {
		display: contents;
	}
	.admission_comment-wrap {
		max-width: 740px;
	}
	.ad_com-boy,.ad_com-girl{width:20%;}
	.ad_com-text {
		margin:auto;
		width:76%;
		font-size: 130%;
	}
	.ad_com-text.right{
		margin-left: 3%;
	}
	.ad_com-text.left{
		margin-right: 3%;
	}
	.ad_offer-text {
    	padding: 30px 0 0 6%;
	}
	.ad_com-text .sp-1100{
		display: inline;
	}
	
	
}

@media screen and (max-width: 1100px) and (min-width: 768px) {
/*----------導入部分 1100-768 ---------*/
	.intro_box-inner {
		width:100%;
	}
	.intro_inner_img{
		width:280px;
	}
	.intro_box-text{
		width:calc(100% - 320px);
		margin-left: 30px;
	}
	.intro_box-inner h3 {
		font-size:25px;
	}
	.intro_box-inner h3 br{
		display: none;
	}
	.intro_box-text img[src*="arrow"] {
		transform: rotate(-90deg);
		width:22%;
		top:0;
		bottom:0;
		left:-12%;
		right:auto;
	}
	
	.intro_box-text img[src*="btm01"],
	.intro_box-text img[src*="btm02"],
	.intro_box-text img[src*="btm03"]{
		max-width:300px;
	}
	
	
/*----------映像授業 1100-768 ---------*/
	.course_inner_box:nth-child(2n) {
		margin-right: 0;
	}
	
}


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

/*----------学習特典 900---------*/
	.campaign_cheer-up_area{
		background: linear-gradient(to right,#fee39a,#fff 10%,#fff 90%,#fee39a);
	}
	.campaign_cheer-up_box {
		padding:80px 20px 40px;
	}
	.campaign_cheer-up-inner {
		width:100%;
		margin: 10px auto 25px;
	}
	.campaign_cheer-up-inner:nth-child(3n) {
		margin-bottom: 0;
	}
	.campaign_cheer-up-inner img{
		max-width: 440px;
	}
	.campaign_cheer-up-note {
		margin: auto;
		max-width: 440px;
	}
		
}


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

/*--------フッター----------*/
	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;
	}


/*----------メインビジュアル 767---------*/
	
	.mv_area{
		background:none;
	}
	.mv_box{
		background:none;
	}
	

/*----------期間 767---------*/
	.term_box-wrap {
		padding-top: 5px;
	}
	.term_box-inner {
		width:100%;
		justify-content: center;
	}
	.term_box-inner div {
		margin: auto 0;
	}
	.term_box-inner div:nth-child(1) {
		font-size: 26px;
	}
	.term_box-inner div:nth-child(2) {
		font-size: 32px;
	}
	.term_box-inner div:nth-child(2) span {
		font-size: 20px;
	}
	
	
/*----------導入部分 767---------*/
	
	.intro_box {
		padding:80px 20px 100px;
	}
	
	.intro_h2_min {
		font-size: 30px;
	}
	.intro_box h2 {
		font-size:34px;
	}
	.intro_box h2 span{
		font-size: 54px;
		display: block;
		padding-top:15px;
	}
	
	.intro_box-wrap{
		max-width: 510px;
	}
	.intro_box-inner {
		width:100%;
		padding-bottom:8vw;
	}
	.intro_box-inner:last-child{
		padding-bottom:0;
	}
	.intro_inner_img {
		max-width:340px;
	}
	.intro_box-text img[src*="arrow"] {
		width:38%;
	}
	
	
/*----------映像授業コース 767---------*/
	.course_box {
		padding: 120px 20px 60px;
	}
	.course_h2_min {
		padding-top:10px;
		line-height: 1.2em;
	}
	.course_list-wrap {
		margin: auto;
		max-width: 510px;
		padding:0;
	}
	.course_inner_box {
		width:100%;
		margin: 20px 0 0;
	}
	
/*--------POPUP部分-----------*/
	.atwill_detail_text h3 {
	    font-size: 1.3em;
		line-height: 1.25em;
	}
	
	
/*----------学習特典 767---------*/
	.campaign_cheer-up_box h2 {
		font-size:36px;
		padding: 14px 40px 8px;
	}
	.campaign_cheer-up_h2_min{
		padding-top: 10px;
		line-height: 1.2em;
	}
	
	
/*----------60thキャンペーン 767---------*/
	.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%;
	}
	
	
/*----------本科入学特典 767---------*/
	.campaign_hnk_h2_min{
		margin:5px auto 0;
		font-size: 16px;
		line-height: 1.25em;
	}
	.campaign_hnk-inner {
		margin:15px auto 0;
		width:100%;
		max-width: 520px;
	}
	.campaign_hnk-btmtxt {
		margin:15px auto 0;
		max-width: 520px;
		font-size: 45px;
	}
	
/*---------- 途中入塾 767 ---------*/
	.admission_area h2 .ad-h2_area {
		padding: 40px 20px 30px;
		max-width: 600px;
	}
	.admission_area h2 .ad-h2_area img[src*="h1-h2-h3"] {width: 70%;padding-bottom: 15px}
	.admission_area h2 .ad-h2_area img[src*="reception"] {width: 100%;padding-bottom: 15px}
	.admission_box {
		padding:60px 20px 30px;
	}
	
	.ad_com-boy,.ad_com-girl{width:23%;}
	.ad_com-text {width: 74%;font-size:105%;}
	
	.admission_offer h3 {padding: 14px 20px 0;}
	.admission_offer h3 span:nth-child(1) {order:1;}
	.admission_offer h3 span:nth-child(2) {order:3;width:100%;}
	.admission_offer h3 span:nth-child(3) {order:2;}
	
	.ad_offer-text {
		width: calc(100% - 140px);
		padding: 30px 0 0 20px;
	}
	.ad_offer-text p {
		text-align: center;
		font-size: 18px;
	}
	.ad_offer-img {
		margin-top: -55px;
		width:140px
	}
	
	
/*----------受講までの流れ 767---------*/
	.flow_box {
		padding: 100px 20px 30px;
    }
	.flow_inner_menu-detail {
		width:100%;
		margin-bottom: 10px;
	}
	
}


@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: 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;
	}
	
/*----------本科入学特典 630---------*/
	.campaign_hnk_h2target{
		margin:0 auto 13px;
	}
	.campaign_hnk_h2main{
		display: block;
		width:100%;
	}
}



@media screen and (max-width: 520px) {
	
/*---------------準備中--------------*/
	
	.closed_box p.closed{
		font-size:17px;
	}
	
/*--------ヘッダー----------*/
	.head-nav .head-logo {
		height: 30px;
	}
	.lp-header__trigger {
		top: 13px;
	}
	.header_after {
		height: 46px;
	}
	
	.head-nav .head-link{
		margin: auto 10px auto auto;
		font-size: .8em;
	}
	.head-nav .head-link::after {
		right: 6px;
	}
	
/*----------期間 520---------*/
	.term_box {
		padding:5px 0 2px;
	}
	.term_box-inner div{
		line-height: 1.1em;
	}
	.term_box-inner div:nth-child(1) {
		font-size: 5vw;
	}
	.term_box-inner div:nth-child(2) {
		font-size: 7vw;
		letter-spacing: -0.02em;
	}
	.term_box-inner div:nth-child(2) span {
		font-size: 5vw;
	}
	
/*----------導入部分 520---------*/
	.intro_box {
		padding: 15vw 4.5vw 18vw;
	}
	.intro_h2_min {
		font-size: 5.7vw;
		padding-right:0.5vw;
	}
	.intro_h2_min::before,
	.intro_h2_min::after{
		width:1vw;
		border-width: 3px;
	}
	.intro_h2_min::before {
		left:-10px;
	}
	.intro_h2_min::after {
		right:-10px;
	}
	.intro_box h2 {
		font-size: 6vw;
	}
	.intro_box h2 span {
		font-size: 8.4vw;
	}
	
	.intro_box-wrap {
		margin: 5vw auto 0;
	}
	.intro_box-inner {
		padding:0 0 15vw;
	}
	.intro_inner_img {
		width:85%;
		padding-bottom: 10vw;
	}
	.intro_box-text{
		padding: 6vw 4vw 3vw;
	}
	.intro_box-text img[src*="arrow"] {
		top:-8.5vw;
	}
	.intro_box-inner h3 {
		font-size: 6.2vw;
		padding-bottom: 2.5vw;
	}
	.intro_box-inner p {
		font-weight:normal;
		padding-bottom: 1.5vw;
	}
	
	
/*----------映像授業コース 520---------*/
	.course_area {
		background-image: url("../images/course_bg_sp.webp");
	}
	.course_box {
		padding: 18vw 4.5vw 15vw;
	}
	.course_box h2 {
		font-size: 8vw;
		line-height: 1.2em;
	}
	.course_box h2 span {
		font-size: 5vw;
	}
	.course_h2_min {
		padding-top: 2vw;
		font-size:5vw;
		margin-bottom: 10vw;
	}
	.course_box h3 {
		font-size:5.5vw;
		padding: 0.4em 0 0.3em;
	}
	.course_h3_min {
		font-size:5.5vw;
		padding:0.5vw 0 0;
	}
	
	
	.course_inner_box::before {
		font-size: 3.6vw;
	}
	.course_inner_img {
    	width: 25%;
	}
	.course_inner_title{
		width:75%;
	}
	.course_inner_title .subject {
		font-size:6vw;
		padding:0;
	}
	.course_inner_title .title {
		font-size:4.4vw;
		line-height: 1.2em;
		padding:0;
	}
	.course_inner_text {
		font-size: 4vw;
		padding:3vw 0 0;
	}
	
	.course-note {
		font-size: 4vw;
		padding: 4vw 0 0;
	}
	
	
/*-----------------POPUP部分 520-------------------------*/
	.atwill_detail {
		padding: 10px;
	}
	.atwill_detail_text h3 {
    	padding: 0 0 12px;
	}
	.atwill-teacher {
    	padding-top: 5px;
	}
	.atwill_detail_text .subject {
		padding: 5px 12px 2px;
	}
	.atwill_detail_main {
		margin-top: 0;
    	padding: 15px 0 0;
	}
	.atwill-explain{
		padding-top:5px;
		font-size:14px;
	}
	
	
/*----------学習特典 520---------*/
	.campaign_cheer-up_area {
		background: none;
	}
	.campaign_cheer-up_box {
		padding: 10vw 4.5vw 4vw;
	}
	.campaign_cheer-up_box h2 {
		font-size: 7.5vw;
		padding: 3vw 0 2.5vw;
	}
	.campaign_cheer-up_h2_min {
		font-size:4.5vw;
	}
	.campaign_cheer-up-inner {
		margin: 0 auto 4vw;
	}
	.campaign_cheer-up-note {
		text-align: left;
		font-size:13px;
	}
	
	
/*----------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: -3%;
        width: 43%;
    }
	.campaign_60th_target{
		max-width:none;
		width:50%;
		font-size: 4vw;
		padding:6.5vw 0px 2vw;
	}
	.campaign_60th_box-h3 {
		padding:11vw 0 2vw;
	}
	.campaign_60th_note{
		font-size:13px;
	}
	
	
/*----------本科入学特典 520---------*/
	.campaign_hnk_box{
		padding: 10vw 4.5vw 9vw;
	}
	.campaign_hnk_box h2 {
		font-size: 9.2vw;
		letter-spacing: 0.1em;
	}
	.campaign_hnk_h2target{
		margin:0 auto 3vw;
	}
	.campaign_hnk_h2_min {
		margin: 1vw auto 0;
		font-size: 3.5vw;
	}
	.campaign_hnk-inner {
		margin-top: 3vw;
		padding: 3% 8%;
	}
	.campaign_hnk-btmtxt {
		margin: 2vw auto 0;
		font-size: 8vw;
	}
	
/*---------- 途中入塾 520 ---------*/
	.admission_box {
		padding: 8vw 4.5vw 9vw;
	}
	.admission_comment-wrap {
		margin: 9vw auto 0;
	}
	.ad_com-boy, .ad_com-girl {
		width:28%;
	}
	.ad_com-text {
		width: 66%;
		padding: 3.5vw;
		font-size:3.5vw;
	}
	.ad_com-boy{
		padding-bottom: 2vw;
	}
	.ad_com-text.right {
		margin-left: 5%;
	}
	.ad_com-text.left {
		margin-right: 5%;
	}
	
	.admission_offer-wrap {
		padding :0 1vw;
	}
	.admission_offer {
		margin: 9vw auto 0;
	}
	.admission_offer h3 {
		padding: 3vw 4.5vw 0;
	}
	.admission_offer h3 span:nth-child(1) {
		font-size: 5.5vw;
		margin-right: 3vw;
		padding:1vw 2vw 0;
	}
	.admission_offer h3 span:nth-child(2) {
		font-size: 12.5vw;
	}
	.admission_offer h3 span:nth-child(3) {
		font-size: 4.8vw;
		padding:1vw 2vw 0;
	}
	
	.ad_offer-text {
		width:70%;
		padding: 7vw 0 0;
	}
	.ad_offer-text p {
		font-size: 4vw;
	}
	.ad_offer-img {
		margin-top: 10px;
		width:30%;
	}
	
	.adm_offer-btnarea {
		padding: 5vw 0 0;
	}
	
	
	
/*----------受講までの流れ 520---------*/
	.flow_box{
		padding: 14vw 4.5vw 9vw;
	}
	.flow_box h2 {
		font-size: 9.2vw;
	}
	.flow_inner {
		margin: 15vw auto ;
		padding: 4.5vw;
	}
	.flow_inner:nth-child(3){
		margin: 15vw auto 5vw;
	}
	.flow_inner_num {
		width: 50%;
		font-size: 8vw;
	}
	.flow_inner h3 {
		font-size: 6vw;
		line-height: 1.1em;
		padding:1vw 0;
	}
	
	.flow_inner.gray .flow_date {
		font-size:3.7vw;
	}
	

/*----------ボタンエリア 520---------*/
	.btn_area{
		margin: 0 auto 15vw;
		padding: 0 4.5vw;
	}
	.btn_area.gray .btn_date {
		font-size:3.8vw;
	}
	
	
	
/*--------フッター----------*/
	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) {
/*--------POPUP部分-----------*/
	.atwill_detail_text h3 {
		font-size: 1.1em;
	}
}

@media screen and (max-width: 374px) {
	
	.head-nav .head-logo {
		height: 25px;
	}
	.header_after {
		height: 43px;
	}
	
	.head-nav .head-link{
		font-size: .8em;
	}

/*--------POPUP部分-----------*/
	.atwill_detail_img {
		width:70px;
	}
	.atwill_detail_text-inner{
		width:calc(100% - 70px);
	}
	.atwill-teacher {
    	padding-top: 5px;
		font-size: 14px;
	}
	
/*--------フッター----------*/
	footer ul {
		margin: 20px auto 0;
	}
	footer ul a {
		font-size: 13px;
	}
	

}