@charset "utf-8";

:root {
	--coursePage_base_hex01: #1B7DDE;
	--coursePage_base_hex02: #59D0D1;
	--coursePage_base_grad01: linear-gradient(90deg, #59D0D1, #1B7DDE);
}
#fv {
	--fv_bg: url(../../images/course/musician/fv_bg_1.jpg);
	.titli_box {
		> h2 {
			line-height: 1.25;
		}
		.link_box {
			display: flex;
			flex-wrap: wrap;
			gap: min(3vw, 1rem);
			a.link_btn {
				width: fit-content;
				padding-right: min(12vw, 3rem);
				margin-bottom: 0 !important;
			}
		}

	}
}
#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/musician/feature_logo_1.png);
	.timetable {
		--tableGraph_th_bg: #9AEDFC;
		--tableGraph_tdTh_bg: var(--coursePage_base_grad01);
	}
	.choice {
		.flex {
			.box {
				&.box_2 {
					background: url(../../images/course/musician/about_bg_13.png) center center / cover no-repeat;
					border: 1px solid #fff;
				}
			}
		}
	}
}
#pick_up {
	--pickup_title: url(../../images/course/musician/pick_up_logo_1.png);
	--pickUpTeacher_bg: url(../../images/course/musician/pick_up_bg_12.jpg);
	--teacher_label_bg: var(--coursePage_base_grad01);
}
#voice .title {
	--pickup_title: url(../../images/course/musician/voice_ttl.png);
	background-size: contain;
}
@media (min-width: 768px) {
	/*PC*/
	#fv {
		.titli_box {
			.link_box {
				width: min(50%, 400px);
			}
		}
	}
	#course_kv {
		--course_bg: url(../../images/course/musician/fv_bg_3.jpg);
	}

	#skill_check {
		--course_major_bg: url(../../images/course/musician/skill_check_bg_2.png);
	}
	#feature {
		.choice {
			background: url(../../images/course/musician/about_bg_1.jpg) center center / cover no-repeat;
		}
	}
}
@media (max-width: 767px) {
	/*SP*/
	#course_kv {
		--course_bg: url(../../images/course/musician/fv_bg_3_sp.jpg);
		.course_bg {
			.text_box {
				> h3 {
					span {
						font-size: 27px;
					}
				}
			}
		}
	}
	#skill_check {
		--course_major_bg: url(../../images/course/musician/skill_check_bg_2_sp.png);
	}
	#feature {
		.choice {
			background: url(../../images/course/musician/about_bg_1_sp.jpg) center center / cover no-repeat;
		}
	}
}