@charset "utf-8";

:root {
	--coursePage_base_hex01: #F27E24;
	--coursePage_base_hex02: #F7AE31;
	--coursePage_base_grad01: linear-gradient(90deg, #F7AE31, #F27E24);
}
#fv {
	--fv_bg: url(../../images/course/talent/fv_bg_1.jpg);
	.titli_box {
		.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/talent/feature_logo_1.png);
	.timetable {
		--tableGraph_th_bg: #FF2EB5;
		--tableGraph_tdTh_bg: var(--coursePage_base_grad01);
	}
	.choice {
		.flex {
			.box {
				&.box_2 {
					background: url(../../images/course/talent/about_bg_13.png) center center / cover no-repeat;
					border: 1px solid #fff;
				}
			}
		}
	}
}
#pick_up {
	--pickup_title: url(../../images/course/talent/pick_up_logo_1.png);
	--pickUpTeacher_bg: url(../../images/course/talent/pick_up_bg_12.png);
	--teacher_label_bg: var(--coursePage_base_grad01);
}
#voice .title {
	--pickup_title: url(../../images/course/talent/voice_ttl.png);
	background-size: contain;
}
@media (min-width: 768px) {
	/*PC*/
	#course_kv {
		--course_bg: url(../../images/course/talent/fv_bg_3.jpg);
	}
	#skill_check {
		--course_major_bg: url(../../images/course/talent/skill_check_bg_2.jpg);
	}
	#feature {
		.choice {
			background: url(../../images/course/talent/about_bg_1.jpg) center center / cover no-repeat;
		}
	}
	#pick_up .feature_3 .flex .tt_box h5 span {
		font-size: 50px;
	}
}
@media (max-width: 767px) {
	/*SP*/
	#course_kv {
		--course_bg: url(../../images/course/talent/fv_bg_3_sp.jpg);
	}
	#skill_check {
		--course_major_bg: url(../../images/course/talent/skill_check_bg_2_sp.jpg);
	}
	#feature {
		.choice {
			background: url(../../images/course/talent/about_bg_1_sp.jpg) center center / cover no-repeat;
		}
	}
	#pick_up .feature_3 .flex .tt_box h5 span {
		font-size: 36px;
	}
}