@charset "utf-8";

@media screen and (max-width: 1400px) {
	.voice_inner_titletext h3{font-size:41px;}
	.voice_inner_titletext h3 span{display:block;}
	.voice_inner_titletext h3 span:nth-child(2){font-size:80%;}
	.voice_inner_titletext h3::after{right:-1.8em;height:60%;}
}

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

/*--------オススメです～-----------*/
	.recommend_text p{font-size:5vw;}
	
/*--------特長3選-----------*/
	.merit_list_main.merit_list03{padding-top:40px;}
	.merit_list_logo {max-width: 180px;}
	
}

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


@media screen and (max-width: 1100px) {
	
	.head_apply_btn a{font-size:90%;}
	
/*--------特長3選-----------*/
	.merit_title_box{padding:0 2vw;}
	.merit_title{gap:2vw;}
	.merit_title_img{width:calc(63% - 2vw);}
	.merit_title h2{gap:1vw;}
	.merit_h2_text{font-size:7.5vw;width: calc(50% - 1vw);}
	
	.merit_list02-02 .merit_list_img{padding:0;}
	
	.merit_list02-03 .merit_list_text{width: calc(100% - 270px);}
	.merit_list02-03 .merit_list_img{width:240px;}
	
	.merit_list02-04 .merit_list_text{width: calc(100% - 270px);}
	.merit_list02-04 .merit_list_img{width:240px;}
	
	
	
/*--------合格実績-----------*/
	.result_ambassador_box::before, .result_ambassador_box::after {background-size: 160%;}
	
/*--------合格者の声-----------*/
	.voice_title{font-size:4.8vw;}
	
	.voice_list{max-width:700px;}
	.voice_inner{width:100%;}
	.voice_inner_titleimg {width: 80px;}
	.voice_inner_titletext{width:calc(100% - 100px);}
	.voice_inner_titletext h3{font-size:45px;}
	
	.voice_inner_titletext h3 span{display:inline;}
	.voice_inner_titletext h3::after{right:-1.8em;height:100%;}
	
	
/*--------講座申込-----------*/
	.apply_imgbox{width:50%;}
	.apply_textbox {width: calc(50% - 10px);}
	
	.apply_textbox_atwill{font-size:30px;}
	.apply_textbox_atwill.course{font-size:30px;}
	.apply_textbox_atwill.course {font-size:43px;}
	.apply_textbox_button a{font-size:26px;}

/*---------冬期講座---------*/
	
	.winter_flow_h3term {max-width: 400px;}
	.winter_flow_h3text{line-height:1.3em;padding:15px 0 8px;}
	
}



/*--------2025年 ブレイクポイントPC-TB-----------*/
@media screen and (max-width: 960px) {

/*--------導入-----------*/
	.intro_wrap{padding: 40px 20px 70px;max-width:780px;}
	.intro_img {width: 130px;}
	.intro_text p{font-size:28px;}
	
/*--------特長3選-----------*/
	.merit_list_main{justify-content:center;gap:10px;}
	
	.merit_list_h3num{font-size:16vw;}
	.merit_list_h3text{font-size:6vw;}

	/*背景ピンクタイトル*/
	.merit_list_main_title h4{font-size:6vw;padding:0 .5em;margin-bottom:0;}
	.merit_list_main_title h4::before{width:15px;}
	
	.merit_list02-01{padding-top:20px;}
	.merit_list01 .merit_list_img{width:100%;max-width:580px;}
	.merit_list01 .merit_list_text{width:100%;padding:0;}
	
	.merit_list_main.merit_list02-01{gap:0;}
	.merit_list02-01 .merit_list_img{width:100%;max-width:580px;padding-bottom:30px;}
	.merit_list02-01 .merit_list_text{width:100%;padding:0;}
	.text_iio h5{text-align:center;}
	.text_iio div:nth-child(2){text-align:center;}
	.text_iio div:nth-child(3){text-align:center;}
	.text_iio div:nth-child(4){text-align:center;}
	.text_iio div:nth-child(5){margin:auto;max-width:620px;}
	.text_iio div:nth-child(5) br{display:none;}
	
	
/*--------合格実績-----------*/
	.result_and_img{width:250px;}
	.result_title h2 {max-width:530px;padding:0 40px;}
	.result_title::before, .result_title::after{width: calc((100% - 530px) / 2);}
	.result_ambassador {max-width: 530px;}
	.result_ambassador_box::before, .result_ambassador_box::after {width: calc((100% - 530px) / 2);background-size: 260%;}
	.result_list_box li{}
	.result_list_box li img{position:relative;width:108%;left:50%;transform: translateX(-50%);}
	
	
/*----------冬期講座申し込み---------*/
	.apply_wrap{max-width:540px;gap:0;padding:40px 0;}
	.apply_textbox{display:contents;}
	
	.apply_textbox_atwill{order:1;margin:auto;width:100%;}
	.apply_textbox_now{order:2;margin:auto;width:100%;}
	.apply_imgbox{width:100%;order:3;padding:0 20px;}
	.apply_textbox_button{order:4;margin:auto;padding:0;width:100%;}
	.apply_textbox_button a{display:block;}
	
}

@media screen and (max-width: 767px) {
	
/*--------TOPに戻るボタン-----------*/
	#page-top {bottom: 120px;}
	
	
/*--------TOP申込ボタン-----------*/
	.head_apply_btn{
		margin-top:2px;
		margin-left: auto;
	}
	.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);}
	
	.header_after {height:50px;}
	
/*--------MVエリア-----------*/
	.mv_box{background-image:url("../images/mv_box_bk_sp.webp");background-size:120%;}
	.mv_main{padding-top:5vw;max-width:600px;}
	.mv_main_img{width:100%;aspect-ratio:6 / 7;}
	.mv_main h1{width:100%;right:0;transform:none;top:auto;bottom:5vw;}
	.mv_main h1 img{width:90%;}
	
	.mv_record_text{width:90%;padding:2vw 0;}
	
	
/*--------導入-----------*/
	.intro_wrap{justify-content:center;padding: 40px 20px 40px;}
	.intro_img{position:relative;z-index:2;}
	.intro_text{width:100%;margin-top:-5vw;}
	.intro_text p{font-size:24px;padding-bottom:15px;}
	
	.recommend_wrap{
		max-width:600px;
		justify-content:center;
		flex-direction:column-reverse;
	}
	.recommend_img{
		margin: auto;
		position: relative;
		width:75%;
		height: auto;
		aspect-ratio: 12 / 11;
		overflow: hidden;
	}
	.recommend_text{width:100%;}
	.recommend_text p {font-size: 7vw;}
	
	
/*--------特長-----------*/
	
	.merit_list_area {padding: 60px 40px;}
	.merit_list_h3num {font-size:16vw;}
	.merit_list_h3text{font-size:5.5vw;}
	
	.merit_list_main_title h4::before{width:.35em;}
	
	.merit_list01 .merit_list_text h4{font-size:4vw;}
	.merit_list_main_titlesub{font-size:4vw;}
	
	.merit_list_main.merit_list02-02{display:block;clear:both;}
	.merit_list02-02 .merit_list_text{display:contents;}
	.merit_list02-02 .merit_list_img {float:left;width:40%;}
	
	.merit_list02-03 .merit_list_main_title{justify-content: flex-end;}
	.merit_list02-03 .merit_list_main_titlesub{text-align:right;}
	
	.merit_list02-03 .merit_list_main_title h4::before{left:auto;right:0;}
	
	.merit_list02-03 .merit_list_text{width:100%;padding:0;}
	.merit_list02-03 .merit_list_img{width:100%;}
	
	.merit_list02-04 .merit_list_text{width:100%;padding:0;}
	.merit_list02-04 .merit_list_img{width:100%;}
	
	.listbox03 .merit_list_h3text{width:auto;}
	.merit_list03 .merit_list_text{max-width:520px;padding: 0 0 40px;}
	
	.merit_list_logo{width:30%;}
	.merit_list_logo::before{left:-15vw;}
	.merit_list_logo::after{right:-15vw;}
	
	

/*--------合格実績-----------*/
	
	.result_ambassador img[src*="comment"] {right: -11%;width: 43%;}
	.result_ambassador_box::before, .result_ambassador_box::after {background-size:300px;}
	
	.result_num_area{margin-top: -15vw;}
	
	.result_list_area{padding:30px 20px 50px;}
	.result_list_box{justify-content:center;}
	.result_list_box li {width:50%;}
	.result_list_box li:nth-child(1){width:60%;}
	.result_list_box li img{width:100%;}
	
	
/*--------冬期----------*/
	.winter_mv {padding:40px 20px;}
	
	.winter_detail ul{max-width:500px;}
	.winter_detail ul li{border-bottom:none;}
	.winter_detail ul li > div:nth-child(1){width:100%;}
	.winter_detail ul li > div:nth-child(2){width:100%;padding:0;text-align:center;font-size: 30px;}
	
	.winter_benefits_box{margin:auto;max-width:600px;}
	.winter_benefits_img{margin:auto;max-width:370px;}
	.winter_benefits_detailtitle{line-height:1.5em;padding:5px 0;}
	
	.winter_flow_wrap{padding:30px 0;}
	.winter_flow_wrap ul {padding:0 0 20px;}
	.winter_flow_wrapimg {width:100px;padding:10px;}
	.winter_flow_wraptext {width: calc(100% - 100px - 20px);}
	
	.winter_apply_button a{font-size:40px;padding:10px 70px;}
	
	
/*--------フッター----------*/
	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) {
	
}

@media screen and (max-width: 680px) {
	
	.head-nav .head-logo{height: 30px;}
	
	
	.merit_list_text {font-size: 16px;}
	
	.result_ambassador img[src*="comment"] {top: 14%;right:0;width:34%;transform:rotate(-10deg);}

	/*----------冬期講座申し込み---------*/
	.apply_box {background: linear-gradient(120deg, #fae51a 2%, #32cae8, #548df6, #32cae8);}
	.apply_textbox_button a{color:#3c9de8;}
	.apply_textbox_button a::after{border-color:#3c9de8;}
	
}



@media screen and (max-width: 630px) {
/*--------POPUP部分-----------*/
	.lightbox {padding: 15px;}
	
}



@media screen and (max-width: 580px) {
	
/*----------準備中---------*/
	.preparation_box{font-size:20px;}
	
/*----------MV---------*/
	.mv_box {background-size: 150%;}
	.mv_main {padding-top: 3vw;}
	.mv_main_img{aspect-ratio: 7 / 8;}
	.mv_record_text {width: 96%;padding: 3vw 0;}
	.mv_record_main img.left,.mv_record_main img.right{opacity:.7;}
	.mv_record_main img.left{left:-8vw;}
	.mv_record_main img.right {right:-8vw;}
	
	
/*----------導入---------*/
	.intro_wrap{padding:6vw 0 3vw;}
	.intro_img {width: 100px;}
	.intro_text{padding:3vw 0 8vw;margin-top:0;background-size:120%;}
	.intro_text p {font-size: 5.5vw;line-height:1.25em;padding-bottom:.8em;}
	.intro_text p i.r{line-height:1em;}
	
	.recommend_triangle{font-size:8vw;width:160%;height:25vw;transform:translateX(-20%);}
	
	.recommend_wrap{margin-top:-11.5vw;}
	.recommend_text p {font-size: 9vw;}
	.recommend_img{width:90%;}
	
	
/*----------特長---------*/
	.merit_title_box {padding:2vw;}
	.merit_list_area{padding:6vw 5vw 8vw;}
	.merit_list_contents{
		border-radius:5vw;
		margin: 0 auto 10vw -9vw;padding:7vw 6vw 7vw 9vw;
	}
	.merit_list_contents.rtl {
		margin: 0 -9vw 10vw auto;padding:7vw 9vw 7vw 6vw;
	}
	
	.merit_list_title{gap:2vw;}
	.rtl .merit_list_title {flex-direction:row;}
	.rtl .merit_list_h3text {text-align:left;}
	
	.merit_list_h3num{letter-spacing:-0.05em;font-size: 14vw;margin-top:0;}
	.merit_list_h3text{font-size:6vw;}
	.merit_list_main_titlesub {font-size:4.7vw;}
	
	.merit_list_main_title h4 {font-size: 9vw;}
	.merit_list_main_title h4::before{bottom: 2px;border-radius: 2px;}
	.merit_list_text p {line-height: 1.6em;letter-spacing: 0.08em;}
	
	.merit_list01{padding-top:4vw;}
	.merit_list01 .merit_list_text h4 {font-size:5vw;}
	
	.merit_list02-01{padding-top:4vw;}
	.merit_list02-01 .merit_list_img{padding-bottom:7vw;}
	.text_iio h5{font-size: 14vw;}
	.text_iio h5 span::before {top:-4vw;font-size: 3vw;width: 100%;}
	.text_iio div:nth-child(2){font-size:4.5vw;}
	.text_iio div:nth-child(3){font-size:6vw;}
	
	.merit_list02-02 .merit_list_img{padding-right:2vw;}
	
	.merit_list_main.merit_list03{padding-top: 4vw;}
	.merit_list_logo_text{font-size:5vw;}
	.merit_list03 .merit_list_text{padding: 0 0 4vw;}
	.merit_list03 .merit_list_text p{padding-bottom:14px;}
	.merit_list03 .merit_list_text p:last-child{padding-bottom:0;}
	
	.merit_list_hr{padding:10vw 0;}
	
	
/*----------合格実績---------*/
	.result_and_img{width:58%;margin:-7vw auto 0;}
	.result_title{padding:4vw 0;}
	.result_title::before, .result_title::after{
		width: calc((100% - 75vw) / 2);
		height:25%;
		background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 2vw, #fff 0, #fff 4vw);
	}
	.result_title h2{max-width:none;padding:0 4vw;width:75vw;}

	.result_ambassador_box{padding:0;}
	.result_ambassador_box::before,.result_ambassador_box::after{width:17%;z-index:1;background-position: right bottom;}
	.result_ambassador img[src*="ambassador"]{position:relative;z-index:4;}
	.result_num_year{display:none;}
	
	.result_num_area{margin:0 auto;}
	.result_num_box{background:#fff;}
	.result_num_img{padding:4vw 5vw 5vw;}
	
	.result_list_area{padding:5vw 2vw 10vw;}
	.result_list_box{gap:2vw 0;}
	.result_list_box li img {width:110%;}
	
	
/*----------合格者の声---------*/
	.voice_box{padding:8vw 5vw;}
	.voice_title {font-size:6.8vw;padding-bottom:7vw;}
	.voice_title div:nth-child(1) {line-height:1.2em;}
	.voice_title div:nth-child(2){font-size:150%;letter-spacing:-0.02em;}
	.voice_title h2{padding-top:3vw;font-size:170%;}
	
	.voice_inner_title{gap:0 5%;}
	.voice_inner_titleimg{width:20%;}
	.voice_inner_titletext{width:75%;}
	.voice_inner_titletext h3{font-size:10vw;}
	.voice_name{font-size:18px;}
	.voice_inner_text h4{font-size:22px;padding-bottom:2vw;}
	
	
/*----------冬期講座申込---------*/
	.apply_wrap{padding-top:8.5vw;}
	.apply_textbox_atwill{line-height:1.5em;font-size:7vw;}
	.apply_textbox_atwill i::before{top:-.65em;}
	.apply_textbox_atwill.course{font-size:9vw;}
	.apply_textbox_now{font-size:10vw;line-height:1.2em;padding:3vw 0 0;}
	.apply_imgbox_comment{font-size:5vw;padding-top:5vw;}
	.apply_textbox_button a{font-size:min(28px,6.5vw);}
	.apply_imgbox{padding:0;}
	
/*----------バナーエリア---------*/
	.banner_box{
		gap:6vw;
		padding:10vw 0;
	}
	
/*----------冬期講座---------*/
	.winter_mv{padding:7vw 5vw 8vw;}
	
	.winter_detail{padding:8vw 5vw;}
	.winter_detail ul li > div:nth-child(1){font-size:8vw;line-height:1.4em;}
	.winter_detail ul li > div:nth-child(2){font-size:8vw;}
	.winter_detail ul li:nth-child(3) > div:nth-child(2) span:nth-child(1){font-size:5vw;line-height:1.2em;padding-top:6px;}

	.winter_benefits_box{padding:6vw 5vw 12vw;}
	.winter_benefits_wrap{padding: 0 5vw 7vw;}
	.winter_benefits_wrap h3{
		margin: -7vw auto 0;
		font-size:12vw;
		padding:1vw 1vw 1vw calc(1vw + 0.1em);
		letter-spacing:0.1em;
	}
	.winter_benefits_text {padding-top:5vw;}
	.winter_benefits_img {max-width: 240px;}
	.winter_benefits_detailtitle{font-size:5vw;}
	.winter_benefits_detailp p{font-size:13px;}
	
	.winter_flow_box {padding:8vw 5vw;}
	.winter_flow_box h3{font-size:15vw;line-height:1.2em;}
	.winter_flow_h3term{padding:2vw;}
	.winter_flow_h3term div:nth-child(1){font-size:7vw;}
	.winter_flow_h3term div:nth-child(2){font-size:7vw;padding:1vw 5vw;}
	.winter_flow_h3text{font-size:8vw;padding:3vw 0 4vw;}
	.winter_flow_h3text br.tbwide{display:none;}
	
	.winter_flow_wrap{padding:8vw 0;}
	.winter_flow_wrap li{gap:0;padding-bottom:4vw;}
	.winter_flow_wrapimg{margin:auto;}
	.winter_flow_wraptext{width:100%;}
	.winter_flow_wraptext h4{font-size:10vw;text-align:center;}
	.winter_flow_wraptext p{font-size:16px;}
	
	.winter_apply_box{padding:8vw 5vw;}
	.winter_apply_button a{font-size:8vw;letter-spacing:0.05em;padding: 2vw 10vw;}
	.winter_apply_button a::after{right:2vw;width: 3vw;height: 3vw;}
	
	.winter_apply_text{font-size:5vw;padding:2vw 0 7vw;line-height:1.4em;}
	.winter_flow_arrow {width: 90px;height: 30px;}
	
	.winter_apply_note p {font-size: 12px;}
	
}




@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: 45px;}
	
	.head_apply_btn a {font-size: 75%;}
	

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

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

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

}