@charset "UTF-8";
/* winter2025.css */


/* ▼ index.css ----------------------------- */
/* ====== 余白 ====== */
/* mar */ 
.marXXL_T-vw { margin-top:min(7.321vw,100px) !important; }
.marXL_T-vw  { margin-top:min(5.857vw,80px) !important;  }
.marL_T-vw   { margin-top:min(4.392vw,60px) !important;  }
.marM_T-vw   { margin-top:min(2.928vw,40px) !important;  }
.marS_T-vw   { margin-top:min(2.196vw,30px) !important;  }
.marXS_T-vw  { margin-top:min(1.464vw,20px) !important;  }
.marXXS_T-vw { margin-top:min(0.732vw,10px) !important;  }
.marXXL_B-vw { margin-bottom:min(7.321vw,100px) !important; }
.marXL_B-vw  { margin-bottom:min(5.857vw,80px) !important;  }
.marL_B-vw   { margin-bottom:min(4.392vw,60px) !important;  }
.marM_B-vw   { margin-bottom:min(2.928vw,40px) !important;  }
.marS_B-vw   { margin-bottom:min(2.196vw,30px) !important;  }
.marXS_B-vw  { margin-bottom:min(1.464vw,20px) !important;  }
.marXXS_B-vw { margin-bottom:min(0.732vw,10px) !important;  }
/* pad */
.padXXL_T-vw { padding-top:min(7.321vw,100px) !important; }
.padXL_T-vw  { padding-top:min(5.857vw,80px) !important;  }
.padL_T-vw   { padding-top:min(4.392vw,60px) !important;  }
.padM_T-vw   { padding-top:min(2.928vw,40px) !important;  }
.padS_T-vw   { padding-top:min(2.196vw,30px) !important;  }
.padXS_T-vw  { padding-top:min(1.464vw,20px) !important;  }
.padXXS_T-vw { padding-top:min(0.732vw,10px) !important;  }
.padXXL_B-vw { padding-bottom:min(7.321vw,100px) !important; }
.padXL_B-vw  { padding-bottom:min(5.857vw,80px) !important;  }
.padL_B-vw   { padding-bottom:min(4.392vw,60px) !important;  }
.padM_B-vw   { padding-bottom:min(2.928vw,40px) !important;  }
.padS_B-vw   { padding-bottom:min(2.196vw,30px) !important;  }
.padXS_B-vw  { padding-bottom:min(1.464vw,20px) !important;  }
.padXXS_B-vw { padding-bottom:min(0.732vw,10px) !important;  }

.pad0_T { padding-top:   0 !important; }
.pad0_B { padding-bottom:0 !important; }


/* ===== color ===== */
.bg_snowblue { background-color:#092466; }
.bg_gray     { background-color:#d5deea; }
.bg_blue     { background-color:#053779; }

/* ↓ 中学生 */
#winter_middle .bg_snowblue { background-color:#053779; }
#winter_middle .bg_gray     { background-color:#d9eefc; }
#winter_middle .bg_blue     { background-color:#; }
/* ↑ 中学生 */


/* ===== mv ===== */
#mv {
	position: relative;
	margin-top: 89px;
}
img {
	width: 100%;
}
.mv_btn {
	width: 43.924vw;
	height: auto;
	position: absolute;
	left:   7.321vw;
	bottom: 4.246vw;
}
.mv_link {
	width: 14.641vw; /* デザインに合わせたサイズ */
	width: 18vw;
	height: auto;
	position: absolute;
	right:  0;
	bottom: 0;
}


/* ===== CTA（冬期講習お申し込みボタン） ===== */
.cta_wrap {
	width: 100%;
	height: 14.641vw;
	max-height: 200px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	position: relative;
	background-image: url(../../../img/lp/winter2025/high/cta_pc_bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}
/* ↓ 中学生 */
#winter_middle .cta_wrap {
	background-image: url(../../../img/lp/winter2025/middle/cta_pc_bg.png);
}
/* ↑ 中学生 */

.cta_btn {
	width: 67.35vw;
	max-width: 920px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: min(2.196vw,30px);
	margin: auto;
}
.cta_contact {
	width: 63%;
}
.cta_request {
	width: 35%;
}


/* ===== 料金表 ===== */
.mar_minus {
	margin-top:    -1px;
	margin-bottom: -1px;
}
.list_flex {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.Individual_header li small {
	display: block;
	line-height: 1.7;
}
.Individual h4 small.color {
	color: #00a2e0;
}
.g_header h3 {
	background-color: #c71d48 !important;
}
.g_header ul {
	align-self: center;
}


/* --- 料金表 見出し --- */
h2.h2_icon {
    font-size: 40px;
    font-size: min(4vw,40px);
    font-weight: bold;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #092466;
    margin-bottom: 50px;
}
h2.h2_icon:before {
    content: "";
    min-width:  2em;
    min-height: 2em;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 20px;
}
.h2_price:before {
	background-image: url(../../../img/lp/winter2025/common/icon_price.svg);
}

/* --- 料金表 共通部分 色 --- */
.innerBox > h2 {
	color: #092466;
}
.Group_guidance_price > .price_table > table > thead > tr > th,
.Group_guidance_price > .price_table > table > tbody > tr > td,
.Individual_price > .price_table > table,
.Individual_price > .price_table > table > thead > tr > th,
.Individual_price > .price_table > table > tbody > tr > td {
	color: #000;
    border: 1.5px solid #092466;
}
.Group_guidance_price > .price_table > table > thead > tr > th,
.Individual_price > .price_table > table > thead > tr > th {
    background-color: #d5deea;
}
.Group_guidance_price > .price_table > table,
.Individual_price > .price_table > table {
    background-color: #fff;
}
/* --- 集団指導 料金 色 --- */
.Group_guidance_header > h3 {
	color: #fff;
    background-color: #c71d48;
}
/* --- 個別指導 料金 色 --- */
.Individual_header > h3 {
	color: #fff;
	background-color: #a08c5d;
}
.Individual_price > .price_table > p.comments > span {
    color: red;
}


/* ===== 料金表 whitebox ===== */
.white_box {
	padding: 80px 100px;
	padding: min(5.857vw,80px) min(7.321vw,100px);
	background-color: #fff;
}
.pricetable_wrap {
	width: 100%;
	position: relative;
	overflow-x: scroll;
}
.pricetable_wrap img {
	width:  100%;
	height: auto;
	display: block;
}
@media screen and (max-width:768px) {
	.pricetable_wrap img {
		width: 700px;
		min-width: 700px;
	}
}



/* ===== 料金表 ===== */
#winter_middle .Group_guidance_price > .price_table > table > thead > tr > th,
#winter_middle .Individual_price > .price_table > table > thead > tr > th {
	background-color: #eff7fa;
}
#winter_middle .Individual_header > h3 {
	background-color: #509fd2;
}

/* ===== よくあるご質問 ===== */
#sec_faq  {
	background-color: #fff;
}
#winter_middle #sec_faq li {
	background-color: #d9eefc;
}












@media screen and (max-width:768px) {
	/* ====== 余白 ====== */
	.marXXL_T-vw { margin-top:min(13.333vw,50px); }
	.marXL_T-vw  { margin-top:min(10.667vw,40px); }
	.marL_T-vw   { margin-top:min(8vw,30px);      }
	.marM_T-vw   { margin-top:min(5.333vw,20px);  }
	.marS_T-vw   { margin-top:min(2.667vw,10px);  }
	.marXS_T-vw  { margin-top:min(1.464vw,20px);  }
	.marXXS_T-vw { margin-top:5px; }
	.marXXL_B-vw { margin-bottom:min(13.333vw,50px); }
	.marXL_B-vw  { margin-bottom:min(10.667vw,40px); }
	.marL_B-vw   { margin-bottom:min(8vw,30px);      }
	.marM_B-vw   { margin-bottom:min(5.333vw,20px);  }
	.marS_B-vw   { margin-bottom:min(2.667vw,10px);  }
	.marXS_B-vw  { margin-bottom:min(1.464vw,20px);  }
	.marXXS_B-vw { margin-bottom:5px; }
	/* pad */
	.padXXL_T-vw { padding-top:min(13.333vw,50px); }
	.padXL_T-vw  { padding-top:min(10.667vw,40px); }
	.padL_T-vw   { padding-top:min(8vw,30px);      }
	.padM_T-vw   { padding-top:min(5.333vw,20px);  }
	.padS_T-vw   { padding-top:min(2.667vw,10px);  }
	.padXS_T-vw  { padding-top:min(1.464vw,20px);  }
	.padXXS_T-vw { padding-top:min(0.732vw,10px);  }
	.padXXL_B-vw { padding-bottom:min(13.333vw,50px); }
	.padXL_B-vw  { padding-bottom:min(10.667vw,40px); }
	.padL_B-vw   { padding-bottom:min(8vw,30px);      }
	.padM_B-vw   { padding-bottom:min(5.333vw,20px);  }
	.padS_B-vw   { padding-bottom:min(2.667vw,10px);  }
	.padXS_B-vw  { padding-bottom:min(1.464vw,20px);  }
	.padXXS_B-vw { padding-bottom:min(0.732vw,10px);  }

	.pad0_T-SP { padding-top:   0 !important; }
	.pad0_B-SP { padding-bottom:0 !important; }


	/* ===== mv ===== */
	#mv {
		margin-top: 54px;
	}
	.mv_btn {
		width: 45.333vw;
		height: auto;
		position: absolute;
		left:   10.667vw;
		bottom: 10.667vw;
	}


	/* ===== CTA（冬期講習お申し込みボタン） ===== */
	.cta_wrap {
		width: 100%;
		height: 81.333vw;
		max-height: inherit;
		position: relative;
		background-image: url(../../../img/lp/winter2025/high/cta_sp_bg.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}
	/* ↓ 中学生 */
	#winter_middle .cta_wrap {
		background-image: url(../../../img/lp/winter2025/middle/cta_sp_bg.png);
	}
	/* ↑ 中学生 */

	.cta_btn {
		width: 81.067vw;
		max-width: inherit;
		display: inline-block;
		position: absolute;
		bottom: 8vw;
		margin: auto;
	}
	.cta_contact,
	.cta_request {
		width: 100%;
		display: block;
	}
	.cta_contact {
		margin-bottom: 2.5vw;
	}


	/* ===== 目標に合わせた指導スタイル ===== */
	.sp_nowrap {
		width: 100% !important;
		max-width: inherit;
	}


	/* ===== アイコン付き見出し（料金表・FaQ） ===== */
	h2.h2_icon {
		font-size: 24px;
		flex-direction: column;
		margin-bottom: 40px;
	}
	h2.h2_icon:before {
		min-width:  3em;
		min-height: 3em;
		margin-right: 0;
		margin-bottom: .5em;
	}
	.price_about_list li {
		font-size: 13px;
	}
	.price_about_list li span,
	.comments span {
		font-size: 13px;
		letter-spacing: .1em;
	}
	.price_about_list li + li {
		margin-top: 1em;
	}
}