@charset "utf-8";

@media screen and ( max-width:1600px) {
	.intro_inner_textbox > img[src*="lineimg"]{top: calc(24% - 86px);left:0;}
	.intro_inner_textbox > img[src*="01"]{top:21%;left:-130px;}

	.campaign_referral_box {font-size: 1.75vw;}
	.campaign_referral_wrap.card img[src*="card"]{width:6vw;top:-1.5vw;}
}

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


@media screen and ( max-width:1400px) {
	
	.mv_title_area {padding: 15px 150px;}
	
	.intro_inner_textbox > img[src*="lineimg"] {left: -95px;}
	.intro_inner_textbox > img[src*="01"]{left:-200px;width: 200px;}
	.intro_inner_textbox > img[src*="02"]{right:-10px;}
	
	.fixed_box {width:150px;}
	.fixed_box li {font-size:16px;}
	.intro_links a:nth-child(1){width:30%;}
	.intro_links a:nth-child(2){width:30%;}
	.intro_links a:nth-child(3){width:40%;}
	
	.intro_box {padding:0 170px 60px;}
	.problems_main_h2box {width: calc(100% - 340px);}
	.problems_main_h2box h2 {font-size: 3.8vw;}
	
	
	.problems_main_area {}
	.problems_main_text{padding: 50px 220px 0;}
	
	.course_area {padding: 100px 170px 150px;}
	
	.voice_box {padding: 0 170px 100px;}
	
	.flow_box {padding: 100px 110px;}
	
	.campaign_box {padding: 60px 170px;}
	
	.briefing_banner_area{padding:120px 170px 40px;}
	
	.movie_box {padding:100px 170px;}
	
	.school_box {padding:100px 170px;}
	
}



@media screen and ( max-width:1300px) {
	
	.problems_inner:nth-child(1) div:nth-child(1){margin-left:-25%;margin-top:60px;}
	.problems_inner:nth-child(1) div:nth-child(2){margin-left:-15%;width: 100%;}
	.problems_inner:nth-child(1) div:nth-child(4) {margin-top: 30px;}
	
	.problems_solution_h2box > img[src*="lineimg"] {left: calc(50vw - 630px);}
	.problems_solution {padding: 0 170px 80px;}
	.problems_solution_h2box h2 {font-size: 50px;}
	.problems_btn_area .applybtn_box {max-width: 740px;}
	.problems_btn_area .applybtn_box a {font-size: 35px;}
	
	.problems_solution > img[src*="photo"] {width:200px;right: calc(50vw - 300px);}
	
	.campaign_box h2{font-size:48px;}
	
	.campaign_inner::before{top: -50px;}
	.campaign_inner::after{top:19px;}
	
	.campaign_inner_h3box h3{line-height:1.1em;}
	.campaign_referral_wrap{width:100%;}
	.campaign_referral_box {font-size:28px;margin:auto;max-width:540px;}
	.campaign_referral_wrap.card img[src*="card"]{width:76px;top:-9px;}
	.campaign_referral_target {width:150px;font-size: .7em;}
	.campaign_referral_main {width: calc(100% - 166px);}
	
	
	
	.school_wrap ul{gap:0 20px;}
	.school_wrap ul li {width: calc((100% - 40px) / 3);}
	.school_wrap ul li a > div span{font-size:12px;}
	.school_wrap ul li a > div{width:100%;}
}

@media screen and ( max-width:1250px) {
	.briefing_banner a{font-size:60px;}
}
@media screen and ( max-width:1200px) {
		
	/* ---------------------------------------------------------
	■ 導入ボタンリスト
	--------------------------------------------------------- */	
	.intro_links_box {padding: 0 0 80px;}
	.intro_links {border: #fff 10px solid;}
	.intro_links a{font-size:22px;letter-spacing:-0.02em;padding: 8px 10px 20px;}
	
	.intro_inner_textbox > img[src*="02"] {right: -50px;}
	
	.intro_period_wrap{font-size:55px;}
	
	.problems_main_h2box h2 {font-size: 3.4vw;}

	.problems_solution_h2box > img[src*="lineimg"] {left: calc(50vw - 480px);}
	.problems_solution_h2box h2 span{width:100%;}
	

	
	
	.campaign_referral_box {font-size: 26px;}
	.campaign_referral_target{font-size:.7em;}
	
	.campaign_referral_highwrap {max-width: 500px;}
	.campaign_referral_highbox{font-size: 26px;}
	
	.school_main{padding:30px;}
	
	.sns_text div p.sns_bold {font-size: 40px;}

}

@media screen and ( max-width:1150px) {
	
	.movie_main{max-width:900px;}
	
	.briefing_banner{max-width:900px;}
	.briefing_banner a{font-size: 58px;}
	
	.school_wrap ul li {width: calc((100% - 20px) / 2);}
	
	
}

@media screen and ( max-width:1100px) {
    
	/* ---------------------------------------------------------
	■ トップへ戻るボタン
	--------------------------------------------------------- */	
	#page-top a:hover {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}

	#page-top a {
		width: 50px;
		padding: 10px 0;
	}
	
	/* ---------------------------------------------------------
	■ fixedボタン
	--------------------------------------------------------- */
	.fixed_box {width: 130px;}
	.fixed_box ul {gap: 6px 0;}
	.fixed_box li {font-size: 14px;}
	.fixed_box li.admission a::after {left: calc(50% + 6px);height: calc(100% - 11px);}
	
	/* ---------------------------------------------------------
	■ MV
	--------------------------------------------------------- */
	.mv_title_area {padding: 15px 140px;}
	
	
	.intro_period_title{font-size:50%;}
	.intro_period_date{line-height:1.2em;}
	
	.problems_solution_triangle {width: 100px;height: 40px;}
	
	
	/* ---------------------------------------------------------
	■ 導入文
	--------------------------------------------------------- */
	
	.intro_inner_textbox > img[src*="lineimg"] {left: -80px;top: calc(26% - 86px);width:110px;}
	.intro_inner_textbox > img[src*="bk_photo"]{width:180px;}
	.intro_inner_textbox > img[src*="01"]{left:-160px;}
	.intro_inner_textbox > img[src*="02"] {right: -28px;width: 160px;}
	
	.intro_box {padding:5px 140px 60px;}
	.intro_wrap{padding-bottom:0;}
	.intro_inner_h2box h2{font-size:45px;}
	.intro_inner_textbox p {font-size: 22px;}
	
	.problems_main_text {padding:40px 190px 0;}
	
	/* ---------------------------------------------------------
	■ 受講コース
	--------------------------------------------------------- */
	.course_area {padding: 70px 140px 150px;}
	.tab_content{padding:20px;}
	
	
	/* ---------------------------------------------------------
	■ 受講者の声
	--------------------------------------------------------- */	
	.voice_box {padding: 0 140px 100px;}
	
	/* ---------------------------------------------------------
	■ コンテンツ紹介
	--------------------------------------------------------- */
	
	.course_area{padding-bottom:100px;}
	
	/* ---------------------------------------------------------
	■ 申し込みの流れ
	--------------------------------------------------------- */
	.flow_box {padding: 60px 135px;}
	.flow_list_cts{width:calc(100% / 3);}
	.flow_list_cts:first-child, .flow_list_cts:last-child{display:none;}
	
	
	/* ---------------------------------------------------------
	■ キャンペーン
	--------------------------------------------------------- */
	
	.campaign_box {padding: 60px 140px;}
	
	
	/* ---------------------------------------------------------
	■ 公開説明会ボタン
	--------------------------------------------------------- */
	.briefing_banner_area {padding: 80px 20px 20px;}
	.briefing_banner {max-width: 700px;}
	.briefing_banner a{font-size:50px;}
	
	
	/* ---------------------------------------------------------
	■ 動画エリア
	--------------------------------------------------------- */
	.movie_box {padding: 80px 150px 130px;}

	
	/* ---------------------------------------------------------
	■ 開校校舎
	--------------------------------------------------------- */
	.school_box {padding:50px 150px;}
	.school_wrap ul{gap:0 20px;}
	.school_wrap ul li a h4{width:100%;}
	.school_wrap ul li a > div{padding:4px 0 0 1.7em;}
	
	/* ---------------------------------------------------------
	■ SNS
	--------------------------------------------------------- */
	.inst_btn_area {padding: 50px 150px;}
	.inst_btn{pading:30px;}

}

@media screen and (min-width:1001px) and (max-width:1150px) {
	.flow_list_cts_text h4{font-size:22px;}
	.flow_list_cts_text p{font-size: 13px;}
	

}


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

	header{position:fixed;padding:0;}
	.top_mv{padding-top:47px;}

	.head-items {display: none;color: #dadada;}
	.lp-header__trigger{top: 15px;right: 25px;display: block;}

	
	.mv_bkbok > img[src*="_l"]{height:85%;}
	.mv_bkbok > img[src*="_r"]{height:96%;}
	.mv_bkbok > img[src*="_r01"] {height: 87%;}
	.mv_box h1{width:auto;height:auto;aspect-ratio:5 / 2;}
	
	.mv_title_area{padding:10px 30px;}
	.mv_title_box{max-width:none;}
	
	.top_link{display: none;}
	.head_apply_btn{display:flex;flex-wrap:wrap;gap:10px;margin:auto 50px auto auto;}
	.head_apply_btn a {padding: 2px 12px;}
	.sanaru_logo img{height: 35px;width:auto;}
	
	.fixed_area{display:none;}
	
	.intro_bk_top::before{background-size:17vw;background-position: calc(0% - 4vw) -2vw;}
	.intro_bk_top::after{background-size:28vw;background-position: calc(100% + 4vw) -2vw;}
	.intro_bk_bottom::after {background-position: calc(100% + 5vw) calc(100% + 10vw);background-size: 26vw;}
	
	.intro_inner_textbox > img[src*="lineimg"]{display:none;}
	.intro_inner_textbox > img[src*="bk_photo"]{display:none;}
	.intro_box {padding:10px 30px 40px;}
	.intro_links_box {padding: 0 0 60px;}
	
	.problems_solution > img[src*="photo"] {display:none;}
	
	.problems_solution_h2box > img[src*="lineimg"] {left: calc(50vw - 330px);}
	
	.problems_main_h2box {width: 100%;max-width:660px;}
	.problems_main_h2box h2{font-size:54px;}
	.problems_main_h2box h2 span:nth-child(3){width:100%;}
	.problems_main_text {padding: 40px 12vw 0;}
	
	.problems_wrap {gap: 10px;}
	.problems_inner{display:contents;}
	.problems_inner div{line-height:0;width: 70%;}
	.problems_inner:nth-child(1) div:nth-child(1) {order:2;margin-left:auto;margin-top:-3vw;margin-right:-5%;width:56%;}
	.problems_inner:nth-child(1) div:nth-child(2) {order:4;margin-left:auto;margin-right:-5%;display:none;}
	.problems_inner:nth-child(1) div:nth-child(3) {order:6;margin-right:-5%;margin-top: -2.5vw;}
	.problems_inner:nth-child(1) div:nth-child(4) {order:8;margin-top:-4vw;margin-right:-5%;width: 57%;}
	.problems_inner:nth-child(2) div:nth-child(1) {order:1;margin-right:auto;margin-left:-5%;width: 67%;}
	.problems_inner:nth-child(2) div:nth-child(2) {order:3;margin-top: 0;margin-left:-5%;display:none;}
	.problems_inner:nth-child(2) div:nth-child(3) {order:5;margin-right:auto;margin-left:-5%;margin-top:-7vw;width: 56%;}
	.problems_inner:nth-child(2) div:nth-child(4) {order:7;margin-left:-5%;margin-top: -7vw;width: 57%;}
	
	.problems_solution {padding: 0 30px 80px;}
	
	.course_bk_top::before {background-position: calc(0% - 6vw) -2vw;background-size: 23vw;}
	.course_bk_top::after {background-position: calc(100% + 2vw) -2vw;background-size: 23vw;}
	.course_bk_bottom::before {background-position:2% 98%;background-size:10vw;}
	.course_bk_bottom::after {background-position: calc(100% + 5vw) calc(100% + -10vw);background-size: 18vw;}
	
	.course_area {padding: 70px 30px 150px;}
	
	.voice_box {padding: 0 30px 70px;}
	
	.flow_box {padding: 60px 30px;}
	
	.movie_bk_top::after {background-position: calc(100% + 2vw) 1vw;background-size: 40vw;}
	.movie_bk_bottom::before {background-position: calc(0% + 1vw) 95%;background-size: 13vw;}
	.movie_bk_bottom::after {background-position: calc(100% + 4vw) calc(100% + 10vw);background-size: 27vw;}
	.movie_box{padding:60px 30px 80px;}
	
	.campaign_bk_top::before {background-position: calc(0% - 5vw) -5vw;background-size:24vw;}
	.campaign_bk_bottom::before {background-position: calc(0% - 1vw) calc(100% + 4vw);background-size: 20vw;}
	.campaign_bk_bottom::after {background-position: calc(100% + 5vw) calc(100% + -3vw);background-size: 25vw;}
	.campaign_box {padding: 60px 30px;}
	.campaign_wrap {max-width: 800px;}
	.campaign_box h2 span{display:block;width:100%;}
	
	.briefing_banner {max-width: 800px;}
	
	.school_box{padding:50px 30px 80px;}
	.school_wrap ul li {width: calc((100% - 40px) / 3);}
	
	.inst_btn_area{padding:40px 30px;}
	
	
}

@media screen and (max-width: 950px) {
	header .wrapper {padding: 0 20px;}
	
	.intro_period_wrap{gap:0;}
	.intro_period_title{width:100%;line-height:1em;}
	
	
	/* ---------------------------------------------------------
	■ 申し込みの流れ
	--------------------------------------------------------- */
	.flow_list{margin:auto; max-width:500px;}
	.flow_list_cts{
		width:100%;
		padding-bottom:10px;
		margin-bottom:20px;
		background-color:#fff;
		border:3px solid #ffaa09;
		border-radius:0 20px 20px 20px;
	}
	.flow_list_cts:nth-child(2){margin-top:0;}
	.flow_list_cts:nth-child(3){margin-top:0;}
	.flow_list_cts:nth-child(4){margin-top:0;}
	.flow_list_cts::before{content:none;}
	
	.flow_list_cts_num{left:0;}
	.flow_list_cts:nth-child(3) .flow_list_cts_num{top:0;}
	.flow_list_cts:nth-child(4) .flow_list_cts_num{top:0;}
	
	.flow_list_border{display:none;}
	.flow_list_cts_text{min-height:auto;padding:10px 30px;}
	.flow_list_cts_text::after{content:none;}
	
	/* ---------------------------------------------------------
	■ キャンペーン
	--------------------------------------------------------- */
	
	.campaign_inner::before{font-size:28px;top: -20px;padding:10px 25px;}
	.campaign_inner::after{top:28px;left:60px;}
	
	.campaign_inner_h3box h3{font-size:36px;}
	
	.campaign_main{display:flex;flex-wrap:wrap;}
	.campaign_main > br{display:none;}
	.campaign_main span{display:block;}
	
	.campaign_main.chikara span{width:100%;}
	.campaign_main.chikara span:nth-child(4){line-height:1.2em;}
	
	.campaign_main.hi{justify-content:center;}
	.campaign_main.hi span:nth-child(1){width:100%;padding-bottom:15px;}
	.campaign_main.hi span:nth-child(4){width:100%;padding-top:20px;}
	
	.campaign_main.hi span.small{margin-top:auto;line-height:1.8em;}
	

	
	.voice_inner{padding:20px;}
	
	.sns_text {width:46%;margin-right:3%;}
	
}

@media screen and (max-width: 860px) {
	
	.top_link{margin-left: 6px;padding: 8px 6px;}
	
	.head_apply_btn a:nth-child(1){width:135px;}
	.head_apply_btn a:nth-child(1) span:nth-child(1){width:25px;}
	.head_apply_btn a:nth-child(1) span:nth-child(2) {width: calc(100% - 30px);}
	.head_apply_btn a:nth-child(2){width:115px;}
	.head_apply_btn a:nth-child(2) span:nth-child(1){width:20px;}
	.head_apply_btn a:nth-child(2) span:nth-child(2) {width: calc(100% - 25px);}
	
	.school_wrap ul li{width:calc((100% - 20px)/ 2);}
}

@media screen and (max-width: 767px) {
	
	
/*----------ヘッダー---------*/
	header .wrapper {
  		height: 50px;
		padding: 0 5px;
		justify-content: space-between;
	}
	
	header #head_btnbox{
		height: 43px;
	}
	
	.head_apply_btn a span:nth-child(1){width:18px;}
	.head_apply_btn a span:nth-child(2){width:calc(100% - 18px - 5px);}
	
	.lp-header__trigger {right: 21px;}
	.head-02 {width:100%;}
	
	.before_box {font-size: 1.4em;}
	
/*-------MVエリア 767px--------*/
	
	.mv_bkbok > img{display:none;}
	.mv_box h1{height:auto;aspect-ratio:auto;}
	.mv_box h1 img[src*="pc"]{display:none;}
	.mv_title_area{display:none;}
	
	.applybtn_box a{font-size:4.2vw;padding: 15px 20px;}
	.intro_links a:after {bottom: 14px;}
	.intro_links a span:last-child {line-height: 1.2em;}
	.intro_links a span.red {font-size: 70%;}

	.intro_links_box {padding: 0 0 8vw;}
	.intro_links{border:none;padding: 0 2vw;}
	.intro_links a {padding: 8px 10px 25px;align-content:center;border-right: #ffca28 2px solid;}
	.intro_links a span{padding-top:.5em;}
	.intro_links a:last-child span{padding-top:0;}
	
	
	
/* ---------------------------------------------------------
■ 導入文
--------------------------------------------------------- */
	
	.intro_period_wrap{font-size:min(8vw,60px);}
	
	.intro_box{padding:2vw 5vw 8vw;}
	.intro_wrap{padding:40px 6vw 0;}
	.intro_inner_h2box{padding:0 5vw;}
	.intro_inner_h2box::before, .intro_inner_h2box::after{width:5vw;border-width:1.8vw;}
	.intro_inner_h2box h2{font-size:6vw;}
	.intro_inner_textbox {padding:25px 0;}
	.intro_inner_textbox p{font-size: 20px;letter-spacing: 0.1em;}
	
	
	.problems_main_box{padding:60px 0;}
	.problems_main{padding:0 30px;}
	.problems_main_h2box{padding:0 5vw;}
	.problems_main_h2box::before, .problems_main_h2box::after{width:5vw;border-width:1.8vw;}
	.problems_main_h2box h2{font-size: 8vw;padding:4vw 2vw 2.5vw;}
	.problems_main_text {padding: 40px 4vw 0;}
	
	.problems_solution_h2box{padding:5vw 0;}
	.problems_solution_h2box h2{font-size:8vw;line-height:1.2em;}
	.problems_solution_h2box > img[src*="lineimg"]{left: 2%;width: 20%;top: 1vw;}
	.problems_btn_area .applybtn_box a{font-size:4.2vw;}
	
	
	
	
/* ---------------------------------------------------------
■ コース例
--------------------------------------------------------- */
	
	.course_area{padding:11vw 5vw 20vw;}
	.course_box{padding:8vw 3vw;}
	
	.course_box h2{font-size:8.7vw;}
	.course_h2box{padding: 0 5vw;}
	.course_h2box::before, .course_h2box::after{width: 5vw;border-width: 1.8vw;}
	
	
	.tab_item{padding:10px 0;border-radius:10px 10px 0 0;width: calc((100% - (10px * 4)) / 5);font-size:2.5vw;letter-spacing:-.03em;}
	.tab_container{gap: 5px 10px;}
	.tab_container input:checked + .tab_item{padding-top:.9em;padding-bottom:.9em;}
	.tab_content{padding:10px;border-radius:15px;}
	
	.tab_content#tab1_content{border-radius:0 15px 15px 15px;}
	.tab_content#tab5_content{border-radius:15px 0 15px 15px;}
	
	
	
/* ---------------------------------------------------------
■ 声
--------------------------------------------------------- */
	.voice_list_box{max-width:600px;}
	.voice_inner{width:100%;}
	
	
/* ---------------------------------------------------------
■ 申し込み方
--------------------------------------------------------- */
	.flow_box {padding:50px 30px;}
	.flow_main{padding: 0 0 40px;}
	.flow_main h2{line-height: 1.2em;padding-bottom:0;}
	
/* ---------------------------------------------------------
■ キャンペーン
--------------------------------------------------------- */
	
	.campaign_box h2 {font-size: 45px;}
	
	.campaign_inner_h3box h3 {font-size:7vw;}
	.campaign_inner_h3box h3 span{letter-spacing:-.05em;display: block;}
	
	.campaign_inner_target{font-size:21px;}
	
	.campaign_main.hi span:nth-child(2){font-size:1.9em;}
	
	.campaign_referral_highbox {font-size:5vw;}
	
	
	.campaign_referral_box {font-size: 34px;}
	.campaign_referral_wrap {gap: 5px;padding: 8px 8px 16px;}
	.campaign_referral_wrap.card img[src*="card"]{width: 90px;top: 30px;right:15px;}
	.campaign_referral_target{width:100%;padding:5px 10px;justify-content:center;}
	.campaign_referral_target span{display:inline;width:auto;}
	.campaign_referral_main{width:100%;}
	.campaign_referral_head{text-align:center;}
	.campaign_referral_wrap.card .campaign_referral_head{text-align:left;padding-left:1em;}
	.campaign_referral_num{max-width:440px;margin: auto;justify-content:center;}
	
	 .campaign_referral_highwrap {max-width: 560px;}
	.campaign_referral_highlinebox{width:100%;padding: 5px 10px;justify-content: center;}
	.campaign_referral_hightext-box{width:100%;}
	.campaign_referral_hightext{text-align:center;}
	.campaign_referral_highprice{justify-content:center;}
	.campaign_referral_highwrap.sub {font-size: .5em;}
	
	
	
	
/* ---------------------------------------------------------
■ 公開説明会バナー
--------------------------------------------------------- */
	.briefing_banner_area{padding:10vw 5vw 0;}
	.briefing_banner a{font-size:6.6vw;}
	.briefing_banner a::after{right:.5em;width:.9em;}
	.briefing_banner a div:nth-child(1){width:72%;margin:-.8em auto 0 0;padding-left:6%;}
	.briefing_banner a div:nth-child(2){width:100%;text-align:left;padding-left:6%;}
	.briefing_banner a div:nth-child(3){justify-content:flex-start;padding-left:6%;}
	
	
/* ---------------------------------------------------------
■ 動画エリア
--------------------------------------------------------- */
	.movie_box {padding: 10vw 5vw 15vw;}
	.movie_title{font-size:4.5vw;}

	
/* ---------------------------------------------------------
■ 開校校舎
--------------------------------------------------------- */
	.school_wrap{width:100%;}
	.school_wrap ul li{width:100%;}
	.school_wrap ul li a h4{width:auto;}
	.school_wrap ul li a > div{width: auto;}
	
	
/*--------校舎検索-----------*/
	.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%;}

	
/*----------Instagram 767px---------*/
  .inst_btn {
	  display: block;
	  width:100%;
	}
	.sns_text {
	    width: 100%;
    	margin:0 auto 20px;
	}
	.sns_text div {
		display: block;
		max-width: 320px;
		position: relative;
		height:auto;
		border: none;
		margin: auto;
	}
	.sns_text div::before {
		content: "";
		position: absolute;
		text-align: center;
		bottom: 0;
		left: 0px;
		height: 80%;
		width: 10px;
		border-left: 3px solid #333;
		transform: skewX(26deg);
	}
	.sns_text div::after {
		content: "";
		position: absolute;
		text-align: center;
		bottom: 0;
		right: 0px;
		height: 80%;
		width: 10px;
		border-right: 3px solid #333;
		transform: skewX(-26deg);
	}
	.sns_text div p.sns_small {
		padding-bottom: 10px;
	}
	.inst_btn a {
		max-width: 500px;
		width: 100%;
	}
	
	
}


@media screen and (max-width: 580px) {
	
	header .wrapper {height:50px;}
	
	.sanaru_logo{padding-top:0;margin:auto auto auto 5px;line-height: 0;}
	
	.lp-header__trigger {right: 14px;}

	.head-02__wrap {padding:0 5vw;}
	.hamburger_sanaru_logo {max-width: 220px;}
	.hamburger_admission{font-size:4.8vw;padding:5px;width:100%;}
	
	.hamburger_kobetsu_contents li{width:100%;}
	.hamburger_kobetsu_contents li a:after{border-width:2px;}
	
	.hamburger_class_contents{gap:15px;}
	.hamburger_class_contents li{width:100%;}
	
	.hamburger_class_contents li a{position:relative;background-color:#eee;color:#111;}
	.hamburger_class_contents li a:after {
    position: absolute;
    margin: auto;
    content: "";
    vertical-align: middle;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 6px;
    transform: translateY(-50%) rotate(-45deg);
    z-index: 1;
    border-bottom: 2px solid #111;
    border-right: 2px solid #111;
}
	
	.before_box {font-size:4.5vw;padding:4vw 0;}


	
	.top_mv {padding-top: 50px;}
	
	.head_apply_btn{margin: auto 40px auto auto;gap:8px;}
	.head_apply_btn a{padding:1px 4px;}
	.head_apply_btn a:nth-child(1),.head_apply_btn a:nth-child(2){width:fit-content;}
	.head_apply_btn a span:nth-child(1){display:none;}
	.head_apply_btn a:nth-child(1) span:nth-child(2),.head_apply_btn a:nth-child(2) span:nth-child(2){width:100%;font-size: 12px;}
	
	.sanaru_logo img{height: 23px;}
	
	
/*----------MVエリア----------*/
	.intro_bk_top::after {background-position: calc(100% + 7vw) -2vw;}
	.intro_period{padding:4vw 0;}
	.intro_period_wrap{
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
		gap:0;
	}
	.intro_period_title {font-size: 60%;padding: 2px 30px 0;}

	.intro_period_date {line-height: 1.1em;padding-top:1vw;}
	.intro_period_date div:nth-child(2){padding:0 5px;}
	.intro_period_note {font-size: 43%;}
	
	
	.intro_links a {font-size: 4.5vw;padding:0.7em 0 1.4em;}
	.intro_links a:after{bottom: 12px;}
	.intro_links a:nth-child(1){width:30%;}
	.intro_links a:nth-child(2){width:28%;}
	.intro_links a:nth-child(3){width:42%;}
	
/*----------導入文----------*/
	.intro_box{padding:2vw 5vw 10vw;}
	.intro_wrap{padding:6vw 5vw;}
	.intro_inner_textbox{padding:3vw 0 2vw;}
	.intro_inner_textbox p{font-size: 16px;letter-spacing:0;}
	.intro_inner_textbox p span.red {line-height: 1.6em;}
	
	.problems_main_box {padding: 8vw 0;}
	.problems_main{padding:0 5vw}
	.problems_main_text {padding: 5vw 0 0;}
	
	.problems_inner:nth-child(1) div:nth-child(1) {margin-top: -6vw;margin-right: 0;width:calc(90vw * .8);}
	.problems_inner:nth-child(1) div:nth-child(3) {margin-right:0;margin-top:-4.5vw;width:calc(90vw * .9);}
	.problems_inner:nth-child(1) div:nth-child(4){margin-top: -5vw;margin-right: 4%;width:calc(90vw * .73);}
	.problems_inner:nth-child(2) div:nth-child(1) {margin-left:0;width:calc(90vw * .9);}
	.problems_inner:nth-child(2) div:nth-child(3) {margin-left:-4%;margin-top: -5vw;width:calc(90vw * .7);}
	.problems_inner:nth-child(2) div:nth-child(4){margin-left: 0%;margin-top: -5vw;width:calc(90vw * .68);}
	
	.problems_solution{padding: 0 5vw 8vw;}
	.problems_solution_triangle {width:15vw;height:4vw;}
	.problems_solution_h2sub {font-size: 5.4vw;}
	.problems_solution_h2box h2{line-height: 1.1em;}
	
/*--------------------*/
	.course_area {padding: 8vw 5vw 20vw;}
	.course_h2box {padding:2vw 5vw;}
	.course_box h2{line-height:1.2em;font-size:8vw;}
	.course_box h2 span:nth-child(1) {font-size: .65em;line-height: 1em;}
	.course_h2sub{font-size:3vw;}
	
	.course_box {padding: 8vw 4vw;}
	
	.course_wrap{position: relative;z-index:3;}
	.tab_container{padding:3vw 0 0;gap: 5px 3px;}
	
	.tab_item{
		width: calc((100% - (3px * 4)) / 5);padding:8px 0;
		border-width:2px;
	}
	.tab_container input:checked + .tab_item {
		padding-top: 8px;
		padding-bottom:16px;
	}
	#tab1:checked ~ .tab_item[for="tab1"]::after, #tab2:checked ~ .tab_item[for="tab2"]::after, #tab3:checked ~ .tab_item[for="tab3"]::after, #tab4:checked ~ .tab_item[for="tab4"]::after, #tab5:checked ~ .tab_item[for="tab5"]::after{
		border-width:0 2px;left: -2px;height: 15px;bottom: -9px;
	}
	
	.tab_content{padding:3px;border-width:2px;}
	
	.tab_note{font-size:12px;padding: 0 3vw 4vw;}
	
	.course_note{text-align:left;font-size:3.5vw;padding: 2vw 2vw 4vw;}
	
	.course_btn_area {padding:6vw 0 0;}
	
/*--------------------*/
	.applybtn_box{gap:5vw;}
	.applybtn_box a{padding: 4vw 2vw;}

	
/*--------------------*/
	
	.voice_box{padding:0 5vw 10vw;}
	
	.voice_box h2{margin-bottom:3vw;}
	.voice_box h2 img {margin-top: -10vw;}
	
	.voice_list_box{gap:20px;}
	.voice_note{margin-top:-5px;text-align:center;}
	
	.voice_inner{padding:15px;}
	.voice_inner_head{gap:7px;}
	.voice_inner_img {width: calc(25% - 7px);}
	.voice_inner_head h3{font-size:20px;}
	.voice_inner_head h3 span:nth-child(3) i{letter-spacing:-.02em;}
	.voice_inner_text h4{font-size:18px;line-height:1.3em;}
	
	.voice_btn_area{padding:6vw 0 0;}
	
	
/*--------------------*/
	.flow_box{padding:5vw 5vw 0;}
	.flow_main{padding-top:10vw;padding: 0 0 8vw;}
	
	.flow_main h2{font-size:9vw;line-height:1.2em;}
	.flow_list{padding:3vw 0 0;}
	.flow_list_cts_img{width:50%;}
	.flow_list_cts:nth-child(2) .flow_list_cts_text{margin-top:-5vw;padding: 2vw 5vw 0;}
	
	
/*--------------------*/
	.campaign_bk_top::before {background-position: calc(0% - 5vw) -8vw;background-size: 26vw;}
	.campaign_box{padding:16vw 5vw 8vw;}
	
	.campaign_box h2{font-size:8vw;padding-bottom:4vw;}
	
	.campaign_inner{padding:8vw 5vw 4vw;}
	
	.campaign_inner::before{left:50%;transform:translateX(-50%);font-size:18px;padding:5px 25px;}
	.campaign_inner::after{content:none;}
	
	.campaign_inner_h3box::before, .campaign_inner_h3box::after{width:50%;}
	.campaign_inner_h3box h3::after{display:none;}
	.campaign_inner_h3box h3 span{letter-spacing:-.05em;}
	
	.campaign_inner_period{line-height:1.2em;padding:2vw 0;}
	
	.campaign_inner_text{padding:3vw 0 0;}
	.campaign_inner_target {font-size: 20px;}
	.campaign_main{font-size:8vw;}
	
	.campaign_main.chikara{padding:3vw 0 0}
	
	.campaign_main.hi{padding:3vw 0 0}
	.campaign_main.hi span:nth-child(1){padding:0;}
	.campaign_main.hi span:nth-child(2){font-size: 1.7em;}
	.campaign_main.hi span.small{line-height:2em;}
	.campaign_main.hi span:nth-child(4){padding-top:3vw;}
	
	.campaign_inner_note{padding:4vw 3px;}
	.campaign_inner_note p{font-size:12px;}
	
	.campaign_btn_area{padding:6vw 0 0;}

	.campaign_referral_box {font-size: 5.8vw;}
	.campaign_referral_wrap {padding:0 0 2.5vw;border-radius:5px 5px 0 0;}
	.campaign_referral_wrap.card img[src*="card"]{width: 17vw;top: 4vw;right: -2vw;}
	.campaign_referral_target{font-size: .7em;padding: .8vw 2vw;}
	.campaign_referral_num{gap:1vw;}
	.campaign_referral_unit {padding-bottom: 1vw;}
	.campaign_referral_unit{width: 21vw;}
	.campaign_referral_unit .type{}
	
	
	.campaign_referral_highbox {font-size:7vw;}
	.campaign_referral_hightext{font-size:.7em;}
	.campaign_referral_highprice span:nth-child(1) {font-size: 180%;}
	.campaign_referral_highprice span:nth-child(2) {padding-top: 0.3em;}
	
	.campaign_referral_highwrap{gap:4px;}
	.campaign_referral_highwrap.sub{gap:0 5px;}
	.campaign_referral_highwrap.sub > div:nth-child(1){width:100%;line-height:1.2em;padding:.4em 0 .6em;}
	.campaign_referral_highwrap.sub > div:nth-child(1) span{padding: .1em 2em .08em;}
	
	.campaign_referral_high-cur{width:45%;justify-content:center;line-height:1.2em;}
	.campaign_referral_high-cur div:nth-child(1){width:fit-content;font-size: 2.05em;}
	
	.campaign_referral_highwrap.sub div:nth-child(3){width:calc(10% - 10px);}
	
	.campaign_referral_high-new{width:45%;justify-content:center;line-height:1.2em;}
	.campaign_referral_high-new div:nth-child(1){width:fit-content;font-size: 2.05em;}
	
	
		
/*----------ボタン----------*/
	.briefing_banner_area {padding:15vw 5vw 0;}
	.briefing_banner a{padding: .2em 0 .5em;padding-right: 1.6em;filter:drop-shadow(6px 6px 0 rgba(99,73,52,.5));}
	.briefing_banner a::after {width: 1.2em;}
	.briefing_banner a div:nth-child(1) {width: 100%;margin:-1.3em auto -.2em -2vw;padding-left:0;text-align:center;}
	.briefing_banner a div:nth-child(2) {font-size:.65em;margin-top:-.3em;padding-left:0;text-align:center;}
	.briefing_banner a div:nth-child(3) {line-height: 1.2em;}

/*--------------------*/
	.movie_box{padding:15vw 5vw 13vw;}
	.movie_title{margin:3vw auto 0;font-size:6vw;line-height:1.2em;padding:2vw 5vw;}
	.movie_title span{display:block;}
	
/*--------------------*/
	.school_box{padding:max(12vw,55px) 5vw 8vw;}
	.school_main{padding:8vw 5vw;gap: 25px;}
	
	.school_box h2 {font-size:8.5vw;line-height:1.25em;}
	.school_box h2 span{display:block;}
	
	.school_wrap h3{font-size:17px;}
	.school_wrap ul li a{padding:6px 2px;}
	.school_wrap ul li a h4{font-size:15px;padding-left: 1em;letter-spacing:-0.07em;}
	.school_wrap ul li a > div{gap:2px;width:auto;padding:0;}
	.school_wrap ul li a > div span{font-size:10px;padding: .2em 5px 0;}
	
/*--------インスタ-----------*/
	.inst_btn_area{padding:8vw 5vw;}
	.sns_text{margin-bottom:3vw;}
	.sns_text div{padding: 8px 0 6px;}
	.sns_text div p.sns_small{line-height:1.4em;}
	.inst_btn{padding:20px 40px;margin:0 auto 20px;}
	
	
}


@media screen and (max-width: 520px) {
/* ---------トップへ戻るボタン----------- */
	#page-top {
		bottom:25px;
		right:10px;
	}

/*----------ヘッダー----------*/
	
	.top_link{
		font-size: 12px;
		border-width: 1px;
		padding:7px 16px;
		margin:0 20px 0 0;
	}	

	
/*----------Instagram---------*/
	.sns_text div {
    	max-width: 280px;
	}
	.sns_text div p.sns_bold {
    	font-size: 35px;
	}
	
/*--------フッター------------*/
	footer {padding: 60px 0;}

	
}


@media screen and (max-width: 460px) {
	
	.campaign_inner:nth-child(1) .campaign_inner_target{letter-spacing:-0.03em;}
}

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

/* ---------------------------------------------------------
■ アイフォン（小）対応
--------------------------------------------------------- */
@media screen and (max-width: 374px) {
	
	.top_link {
		font-size: 11px;
	    padding: 7px 10px;
		letter-spacing: 0;
   }
	.head_apply_btn a:nth-child(2){display:none;}
	
}