@charset "utf-8";

@media screen and (max-width: 1500px) {
	.method_h2inner h2{padding:2.5vw 0 0}
}
@media screen and (max-width: 1360px) {
	.campaign_detail img[src*="ambassador"]{top: -4%;right: -9%;width: 33%;}
}

@media screen and (max-width: 1260px) {
/* ---------------------------------------------------------
■ サナルの学び
--------------------------------------------------------- */
	.manabi_inner h3{font-size:24px;}
	.manabi_inner h4{font-size:100%;}
	
}


@media screen and (max-width: 1200px) {
/* ---------------------------------------------------------
■ 準備中
--------------------------------------------------------- */
	.preparation_mv{
		padding:0;
		height:auto;
		aspect-ratio:16 / 9;
		font-size:8vw;
	}
}


@media screen and (max-width: 1100px) {
/*-----------------------------------------
 平日本科コース
 -----------------------------------------*/
	
	.course_h2box h2 > span:nth-child(2) > span{font-size:4vw;}
	.course_inner{margin:auto;max-width:800px;gap:0;}
	.course_textbox{display:contents;}
	.course_textbox h3{order:1;width:100%;}
	.course_imbbox{box-shadow:none;order:2;width:100%;}
	.course_textbox h4{order:3;width:100%;}
	.course_textbox > div{order:4;width:100%;}
	
/*-----------------------------------------
 キャンペーン
 -----------------------------------------*/
	.campaign_main h2{margin:auto;max-width:600px;justify-content: center;}
	.campaign_main h2 img:nth-child(1){width:85%;margin-bottom:-3%;}
	.campaign_main h2 img:nth-child(2){width:100%;margin-left:0;}
	
	.campaign_area {padding: 120px 30px 120px;background-size: 130%;}
	.campaign_period{width:60%;padding: 15px 0 0;}
	
	
/*-----------------------------------------
 申し込みボタン
 -----------------------------------------*/
	.apply_button_box{padding:20px 0 50px;}
	.apply_button_box a span:nth-child(1) {width: calc(35% - 10px);}
	.apply_button_box a span:nth-child(2) {font-size: 25px;}
	
	
/*-----------------------------------------
 合格実績
 -----------------------------------------*/
	.result_h2box{padding:70px 20px 40px;}
	
	.result_h2box h2{margin:auto;max-width:560px;justify-content: center;gap:15px;}
	.result_h2box h2 img[src*="badge"]{width:33%;}
	.result_h2box h2 img[src*="text"] {width:100%;}
	
	.result_area::before{width:70%;}
	.result_area::after{width:64%;}
	
	.result_button a{max-width:640px;font-size:26px;}
	
/*-----------------------------------------
スタイル
 -----------------------------------------*/
	.method_inner:nth-child(2) .method_textbox img[src*="tablet"]{bottom:-12%;}
	.method_inner:nth-child(2) > img[src*="ambassador"]{right:1%;transform: rotate(9deg);}
	
	.method_textbox h3{font-size:30px;}
	
/* ---------------------------------------------------------
■ サナルの学び
--------------------------------------------------------- */
	.manabi_list{max-width: 800px;}
	.manabi_inner{width:calc((100% - 20px) / 2);;}
	.manabi_inner h3{font-size:30px;}
	.manabi_inner h4{font-size:120%;}
	.manabi_text p{font-size:90%;}
	
	.bottom_banner_area{padding-top:0;}
	
}


@media screen and (max-width:870px) {
	.map_inner .img-area img{width:100%;}
	
}



@media screen and (max-width: 767px) {
	
/* ---------------------------------------------------------
■ 準備中
--------------------------------------------------------- */
.preparation_mv{
	aspect-ratio:16 / 12;
}

header {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  background-color: #002b69;
  overflow: hidden;
  padding: 8px;
}

header img {
	width: 180px;
}
	
.head-02.open {
	transform: translateX(0px);
}
.head-wrap {
	height: 35px;
	padding-top: 0;
}
.head-nav .head-logo{
	width: 165px;
}
.head-items {
	display: none;
	color: #dadada;
}
.lp-header__trigger{
	top: 7px;
	right: 5px;
	display: block;
}

	.head_apply_btn{
		margin-top:-4px;
		margin-left: auto;
		margin-right:40px;
	}
	.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);}


/* ---------------------------------------------------------
■ フッター
--------------------------------------------------------- */
footer {
	width: 100%;
	margin: 50px 0 0;
	text-align: center;
  background-color:#002B69;
}
/* ---------------------------------------------------------
■ ライトボックス
--------------------------------------------------------- */
.lightbox img{ width: 100%;}
 
	
	
/* ---------------------------------------------------------
■ 平日本科コース
--------------------------------------------------------- */
	.course_box{padding:51px 0 0;}
	.course_main{padding: 60px 30px 40px;}
	
	.course_h2box h2{justify-content:center;gap:10px 5px;}
	.course_h2box h2 > span:nth-child(1){width:calc(12% - 5px);}
	.course_h2box h2 > span:nth-child(2){width:88%;}
	.course_h2box h2 > span:nth-child(3){width:34%;display:flex;flex-wrap:wrap;}
	.course_h2box h2 > span:nth-child(3) img{margin:auto;}
	.course_h2box h2 > span:nth-child(3) img[src*="202"]{width:54%;padding-bottom:0;}
	.course_h2box h2 > span:nth-child(3) img[src*="year"] {width:40%;}
	
	
/* ---------------------------------------------------------
■ キャンペーン
--------------------------------------------------------- */
	.campaign_detail img[src*="ambassador"]{top:0;}
	.campaign_area{padding: 100px 30px 90px;}
	.campaign_period{width:55%;}
	.campaign_note{font-size:13px;}
	
	
/* ---------------------------------------------------------
■ 申し込みボタン　アンバサダー
--------------------------------------------------------- */
	.apply_button_box{width:95%;padding:20px 0 25px;}
	.apply_button_box a{border:none;}
	.apply_button_box a[href*="data-hope=admission"] svg {width:40px;}
	.apply_button_box a[href*="data-hope=data"] svg {width:34px;}
	
	
/* ---------------------------------------------------------
■ 合格実績
--------------------------------------------------------- */
	.result_h2box h2 {max-width: 400px;}
	.result_h2box h2 img[src*="badge"] {width: 40%;}
	.imgline_inner {width: 250px;}
	
	.result_button{padding: 40px 30px 180px;}
	.result_button a {font-size: 22px;}
	
	
/* ---------------------------------------------------------
■ 指導スタイル
--------------------------------------------------------- */
	.method_main {padding: 30px 30px 100px;}
	.method_h2inner{padding:0 15px;}
	.method_h2inner > img[src*="ambassador"] {width: 35%;top:11%;}
	.method_h2inner h2 img[src*="sub"] {width: 78%;top: 2%;left:-12%;transform: rotate(-11deg);}
	
	.method_inner{gap:0;}
	
	.method_inner:nth-child(1){padding-bottom: 60px;}
	.method_inner:nth-child(1) .method_textbox{position:relative;width:100%;top:0;padding:40px;}
	.method_inner:nth-child(1) .method_imgbox{width:100%;}
	
	.method_inner:nth-child(2) .method_textbox{position:relative;width:100%;top:0;padding:40px;}
	.method_inner:nth-child(2) .method_imgbox{width:60%;margin:-60px auto 0;}
	.method_inner:nth-child(2) > img[src*="ambassador"]{display:none;}
	.method_inner:nth-child(2) .method_textbox img[src*="tablet"]{bottom:-24%;width:25%;transform: rotate(-6deg);}
	
	.method_inner:nth-child(3) .method_textbox{position:relative;width:100%;top:0;padding:40px;}
	.method_inner:nth-child(3) .method_imgbox{width:100%;}
	
	
	
	.school_box{padding:60px 20px 30px;}
	
/* ---------------------------------------------------------
■ ボタン
--------------------------------------------------------- */
	.button_area {padding: 20px 30px;}
	.normal_button{max-width:500px;}
	.normal_button a{width:100%;}
	
/* ---------------------------------------------------------
■ サナルの学び
--------------------------------------------------------- */
	.manabi_h2box h2{font-size:27px;}

	.manabi_inner{width:100%;display:flex;flex-wrap:wrap;}
	.manabi_img{width:35%;}
	
	.manabi_main_textinner{padding:0 0 0 15px;}
	.manabi_main_text{width:65%;}
	.manabi_inner h3{text-align:left;font-size:20px;padding:2px 20px;}
	.manabi_text{text-align:left;}
	.manabi_inner h4{margin-bottom:0;}
	.manabi_text p{display:inline;}
	.manabi_link{display:inline-block;width:auto;border:none;padding:0 20px 0 0;border-bottom: dotted 1px #aaa;}
	.manabi_link:after{content:" 》";border:none;transform:rotate(0);height:auto;right:3px;}
	
}


@media screen and (max-width:670px) {
	
/* ---------------------------------------------------------
■ キャンペーン
--------------------------------------------------------- */
	.campaign_period{width:80%;max-width:400px;}
	
	
/* ---------------------------------------------------------
■ 申し込みボタン　アンバサダー
--------------------------------------------------------- */

	.apply_imgbox{width:50%;}
	.apply_textbox{width:50%;}
	
	.apply_button_box a[href*="data-hope=admission"] svg{width:36px;}
	.apply_button_box a[href*="data-hope=data"] svg {width:30px;}
	
	.apply_button_box a span:nth-child(2){font-size:18px;}
	
	
/* ---------------------------------------------------------
■ 合格実績
--------------------------------------------------------- */
	.result_button a {font-size: 19px;}
	
	
/* ---------------------------------------------------------
■ 校舎検索
--------------------------------------------------------- */
	.map_box{padding:0 2rem;}
	.map_box > div:nth-child(1){width:100%;border-right:none;border-bottom:1px solid #7f7f7f;}
	.map_box > div:nth-child(2){width:100%;padding-top:2rem;}
	.map_box .shizuoka .title-area{margin-bottom:0;}
}


@media screen and (max-width:580px) {
	
	.head_apply_btn a{padding:1px 8px;}
	
	
/* ---------------------------------------------------------
■ 準備中
--------------------------------------------------------- */
	.preparation_mv{font-size:12.5vw;}
	.preparation_mv > div div:nth-child(2){display:flex;flex-wrap:wrap;margin-right:0;}
	.preparation_mv > div div:nth-child(2) span{display:block;width:100%;line-height:1em;}
	.preparation_mv > div div:nth-child(2) span:nth-child(2){margin-left:.45em;}
	.preparation_text {font-size:20px;}
	
/* ---------------------------------------------------------
■ 平日本科コース
--------------------------------------------------------- */
	.course_h2box{padding:9vw 5vw 8.5vw;}
	.course_h2box h2 > span:nth-child(1){width:18%;}
	.course_h2box h2 > span:nth-child(2){width:100%;}
	.course_h2box h2 > span:nth-child(2) > span{font-size:6.4vw;text-align:center;letter-spacing:0.05em;padding-bottom:.5vw;}
	
	.course_main{padding:7vw 5vw;}
	.course_inner{padding-bottom:7vw;}
	
	.course_textbox h4{font-size:24px;line-height:1.3em;padding:5px 0;}
	.course_textbox > div{padding:0;}
	.course_textbox p{margin-bottom:13px;}
	
/* ---------------------------------------------------------
■ キャンペーン
--------------------------------------------------------- */
	.campaign_area{background-size:170%;padding:calc(50px + 3vw) 5vw 12vw;overflow-x: hidden;}
	
/* ---------------------------------------------------------
■ スタイル
--------------------------------------------------------- */
	.method_textbox h3{padding:10px 0 10px;}
	.method_textbox h3 span{line-height:.9em;}
	
/* ---------------------------------------------------------
■ 申し込みボタン　アンバサダー
--------------------------------------------------------- */
	.apply_box{padding:0;}
	.apply_imgbox img[src*="chance"]{right:-65%;}
	.apply_imgbox img[src*="ambassador"]{width:115%;margin-left:-4%;}
	.apply_textbox{position:relative;z-index:3;margin: auto 0;}
	
/* ---------------------------------------------------------
■ サナルの学び
--------------------------------------------------------- */
	.manabi_list{padding:20px 0;}
}



@media screen and (max-width: 520px){
	
	
	.top_banner_area{padding-bottom:0;}
	
/* ---------------------------------------------------------
■ 平日本科コース
--------------------------------------------------------- */
	.course_textbox h4{text-align:center;padding:8px 0;}
	
/* ---------------------------------------------------------
■ キャンペーン
--------------------------------------------------------- */
	.campaign_period{width:96%;}
	.campaign_detail img[src*="ambassador"]{top:-6vw;}
	
/* ---------------------------------------------------------
■ 申し込みボタン　アンバサダー
--------------------------------------------------------- */
	.apply_imgbox{width:35%;}
	.apply_imgbox img[src*="chance"] {right:-130%;width: 130%;}
	.apply_imgbox img[src*="ambassador"]{width:150%;margin-left:-8%;}
	
	.apply_textbox{width:65%;margin:auto 0 0;}
	.apply_button_box{gap:10px;width:100%;padding:2vw 4vw 3vw;}
	.apply_button_box a[href*="data-hope=admission"] svg{width:9vw;}
	.apply_button_box a[href*="data-hope=data"] svg{width:8vw;}
	.apply_button_box a span:nth-child(2){font-size:5vw;}
	.apply_button_box a::after{right:5vw;}

	
/* ---------------------------------------------------------
■ 合格実績
--------------------------------------------------------- */
	.result_h2box{padding:calc(51px + 2vw) 6vw 3vw;}
	.result_h2box h2 img[src*="badge"] {width: 35%;}
	.result_h2box h2 img[src*="text"]{width:90%;}
	
	.imgline_inner {width:170px;padding:4px;}

	.result_button{padding:5vw 3vw 25vw;}
	.result_button a{font-size:4vw;border:3px solid #fff;}
	
	.result_button a span:nth-child(3){font-size:130%;}
	
	
/* ---------------------------------------------------------
■ 指導スタイル
--------------------------------------------------------- */
	.method_main{padding:2vw 4vw 10vw;}
	
	.method_inner:nth-child(1){padding-bottom:8vw;}
	.method_inner:nth-child(1) .method_textbox{padding:5vw 7vw;}
	
	.method_inner:nth-child(2){padding-bottom:8vw;}
	.method_inner:nth-child(2) .method_textbox{padding:5vw 7vw 10vw;}
	.method_inner:nth-child(2) .method_textbox img[src*="tablet"]{right:4%;bottom:-17%;width:30%;}
	.method_inner:nth-child(2) .method_imgbox{margin:-8vw auto 0;width:75%;padding-right:10%}
	
	.method_inner:nth-child(3) .method_textbox{padding:5vw 7vw;}
	
	.method_textbox h3{font-size:8vw;}
	.method_text p{margin-bottom:10px;line-height:1.4em;}
	.method_text p:last-child{margin-bottom:0;}
	
	
/* ---------------------------------------------------------
■ 校舎検索
--------------------------------------------------------- */
	
	.school_box{padding:7vw 4vw;}
	.map_area{padding:5vw 0 0;}
	
	.map_box{border:none;padding:0;}
	
	
/* ---------------------------------------------------------
■ ボタン
--------------------------------------------------------- */
	.button_area{padding:2vw 6vw;}
	
	.normal_button a span:nth-child(1){width: calc(30% - 10px);}
	.normal_button a[href*="data-hope=admission"] svg{width:11vw;}
	.normal_button a[href*="data-hope=data"] svg{width:9.2vw;}
	
	.normal_button a span:nth-child(2){width:70%;font-size:6.6vw;letter-spacing:0.05em;padding-left:3vw;}
	.normal_button a::after{right:7vw;}
	
	
/* ---------------------------------------------------------
■ サナルの学び
--------------------------------------------------------- */
	.manabi_box{padding:12vw 0 0;}
	.manabi_h2box{padding:3vw 6vw;}
	.manabi_h2box h2 span:nth-child(2){line-height:1.3em;}
	
	.manabi_list{padding:8vw 5vw;}
	
	.manabi_inner{padding-bottom:6vw;}
	
	.manabi_img{width:100%;}
	.manabi_main_text{display:contents;}
	.manabi_inner h3{width:100%;text-align:center;font-size:7vw;padding:.5vw 0 0;}
	.manabi_main_textinner{width:100%;padding:5px 0;}
	.manabi_text{line-height:1.3em;}
	.manabi_grade{padding:0;}
	
/* ---------------------------------------------------------
■ フッター
--------------------------------------------------------- */
footer {margin:0 0 0;}
	
	
}


@media screen and (max-width:370px) {
	
	.preparation_text {font-size:18px;}
}