@charset "utf-8";

:root {
	--coursePage_base_hex01: #DEDBF3;
	--coursePage_base_hex02: #C353C7;
	--coursePage_base_grad01: linear-gradient(90deg, #C353C7, #DEDBF3);
}
#fv {
	--fv_bg: url(../../images/course/total_entertainment/fv_bg_1.jpg);
	.titli_box {
		> h2 {
			line-height: 1.25;
		}
		.link_box {
			a.link_btn {
				width: fit-content;
				padding-right: min(12vw, 3rem);
			}
		}
	}
}
#course_kv {
	--courseBg_grad01: var(--coursePage_base_grad01);
	.slick_box_d {
		margin-top: min(7.5vw, 6rem);
		picture {
			img {
				border-radius: min(3vw, 0.75rem);
			}
		}
	}
}
#skill_check {
	.course_major {
		background-size: 120% auto;
	}
}
#feature {
	--feature_title: url(../../images/course/total_entertainment/feature_logo_1.png);
	.timetable {
		--tableGraph_th_bg: #F7D68D;
		--tableGraph_tdTh_bg: var(--coursePage_base_grad01);
	}
	.choice {
		.flex {
			.box {
				&.box_2 {
					background: url(../../images/course/total_entertainment/about_bg_13.png) center center / cover no-repeat;
					border: 1px solid #fff;
				}
			}
		}
	}
}
#pick_up {
	--pickup_title: url(../../images/course/total_entertainment/pick_up_logo_1.png);
	--pickUpTeacher_bg: url(../../images/course/total_entertainment/pick_up_bg_12.png);
	--teacher_label_bg: var(--coursePage_base_grad01);
	.feature_3 {
		.flex {
			.tt_box {
				h5 {
					span {
						font-size: 52px;
					}
				}
			}
		}
	}
}
#voice .title {
	--pickup_title: url(../../images/course/total_entertainment/voice_ttl.png);
	background-size: contain;
}
@media (min-width: 768px) {
	/*PC*/
	#course_kv {
		--course_bg: url(../../images/course/total_entertainment/fv_bg_3.jpg);
		.text_box_inner {
			.text_box {
				width: fit-content;
				justify-items: flex-end;
				> p {
					width: 704px;
				}
			}
		}
		
	}
	#skill_check {
		--course_major_bg: url(../../images/course/total_entertainment/skill_check_bg_2.jpg);
	}
	#feature {
		.choice {
			background: url(../../images/course/total_entertainment/about_bg_1.jpg) center center / cover no-repeat;
		}
	}
}
@media (max-width: 767px) {
	/*SP*/
	#course_kv {
		--course_bg: url(../../images/course/total_entertainment/fv_bg_3_sp.jpg);
	}
	#skill_check {
		--course_major_bg: url(../../images/course/total_entertainment/skill_check_bg_2_sp.jpg);
	}
	#feature {
		.choice {
			background: url(../../images/course/total_entertainment/about_bg_1_sp.jpg) center center / cover no-repeat;
		}
	}
	#pick_up {
		.feature_3 {
			.flex {
				.tt_box {
					h5 {
						span {
							line-height: 1.25;
						}
					}
				}
			}
		}
	}
}