@charset "utf-8";

@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;
	}
	
/*----------本科入学特典 1100---------*/
	.campaign_hnk-inner {
		width:49%;
	}
	
	
	
}

@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,#dff2d3,#fff 10%,#fff 90%,#dff2d3);
	}
	.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;
	}
	
	
/*----------本科入学特典 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---------*/
	.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;
	}
}



@media screen and (max-width: 520px) {
/*--------ヘッダー----------*/
	.head-nav .head-logo {
		height: 30px;
	}
	.lp-header__trigger {
		top: 13px;
	}
	.header_after {
		height: 46px;
	}
	
	
/*----------期間 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;
	}
	
	
/*----------本科入学特典 520---------*/
	.campaign_hnk_box{
		padding: 10vw 4.5vw 9vw;
	}
	.campaign_hnk_box h2 {
		font-size: 8.2vw;
		letter-spacing: 0;
	}
	.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---------*/
	.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:4vw;
	}
	

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

/*--------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;
	}
	

}