@charset "utf-8";

:root {
	--coursePage_base_hex01: #AFBBB7;
	--coursePage_base_hex02: #758A84;
	--coursePage_base_grad01: linear-gradient(90deg, #758A84, #AFBBB7);
}
#fv {
	--fv_bg: url(../../images/course/entertainment/fv_bg_1.jpg);
	.titli_box {
		> h2 {
			line-height: 1.25;
			margin-block: min(3vw, 1rem);
		}
		.link_box {
			.link_btn {
				width: fit-content;
				padding-inline: min(3vw, 1rem);
			}
		}
	}
}
#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;
		.course_box {
			.text_box {
				h5 {
					span.label {
						font-size: min(3vw, 1rem);
						background: var(--majorBg_color01);
						border-radius: min(1vw, 0.25rem);
						padding-inline: min(3vw, 1rem);
						padding-block: min(2vw, 0.15rem);
					}
				}
				.label_list {
					display: flex;
					flex-wrap: wrap;
					gap: min(3vw, 1.5rem);
				}
				
			}
			#courseMajor_actor {
				--majorBg_color01: #FCD582;
			}
			#courseMajor_generalEntertainment {
				--majorBg_color01: #DBDFF5;
			}
			#courseMajor_dance {
				--majorBg_color01: #FF578A;
			}
			#courseMajor_kpop {
				--majorBg_color01: #FFD5F9;
			}
			#courseMajor_virtual {
				--majorBg_color01: #C9F9D0;
			}
			#courseMajor_musician {
				--majorBg_color01: #9AEDFC;
			}
		}
	}
}
#feature {
	--feature_title: url(../../images/course/entertainment/feature_logo_1.png);
	.timetable {
		--tableGraph_th_bg: #FFC379;
		--tableGraph_tdTh_bg: var(--coursePage_base_grad01);
	}
	.choice {
		.flex {
			.box {
				&.box_2 {
					background: url(../../images/course/entertainment/about_bg_13.png) center center / cover no-repeat;
					border: 1px solid #fff;
				}
			}
		}
	}
}
#pick_up {
	--pickup_title: url(../../images/course/entertainment/pick_up_logo_1.png);
	--pickUpTeacher_bg: url(../../images/course/entertainment/pick_up_bg_12.png);
	--teacher_label_bg: var(--coursePage_base_grad01);
	[class^="pick_up_img"] {
		background: var(--coursePage_base_hex02);
		mask: url( ../../images/course/parts/project/weare_circle.svg ) center / contain no-repeat;
		img {
			opacity: 0;
		}
	}
	.feature_3 {
		.flex {
			.tt_box {
				h5 {
					span {
						font-size: 52px;
					}
				}
			}
		}
	}
	.senior_photobox {
		margin-block: min(6vw, 2.5rem) 0;
		> .senior_profile {
			display: flex;
			flex-direction: column;
			justify-items: center;
			align-items: center;
			gap: min(3vw, 1rem);
			.name {
				background: var(--coursePage_base_grad01);
				color: #fff;
				font-size: min(4.5vw, 1.15rem);
				font-weight: 700;
				padding: min(1vw, 0.25rem) min(6vw, 2.5rem);
			}
			.desc {
				line-height: 1.75;
			}
		}
	}
}
#voice .title {
	--pickup_title: url(../../images/course/entertainment/voice_ttl.png);
	background-size: contain;
}
@media (min-width: 768px) {
	/*PC*/
	#course_kv {
		--course_bg: url(../../images/course/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/entertainment/skill_check_bg_2.png);
		.course_major {
			.course_box {
				.text_box {
					> h5 {
						display: flex;
						flex-direction: column;
						gap: min(3vw, 1rem);
						> * {
							width: fit-content;
						}
					}
				}
			}
		}
	}
	#feature {
		.choice {
			background: url(../../images/course/entertainment/about_bg_1.jpg) center center / cover no-repeat;
		}
	}
	#pick_up {
		.senior_photobox {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: min(6vw, 2.5rem);
			> .photobox {
				&.swiper {
					.swiper-wrapper {
						display: flex;
						justify-content: center;
						gap: min(6vw, 2.5rem);
						.swiper-slide {
							flex: 1;
						}
					}
				}
			}
		}
	}
}
@media (max-width: 767px) {
	/*SP*/
	#course_kv {
		--course_bg: url(../../images/course/entertainment/fv_bg_3_sp.jpg);
	}
	#skill_check {
		--course_major_bg: url(../../images/course/entertainment/skill_check_bg_2_sp.png);
		.course_major {
			.course_box {
				.box {
					display: flex;
					flex-direction: column-reverse;
					gap: min(6vw, 3rem);
					.text_box {
						padding-top: 0;
					}
				}
			}
		}
		
	}
	#feature {
		.choice {
			background: url(../../images/course/entertainment/about_bg_1_sp.jpg) center center / cover no-repeat;
		}
	}
	#pick_up {
		.feature_3 {
			.flex {
				.tt_box {
					h5 {
						span {
							line-height: 1.25;
						}
					}
				}
			}
		}
		.senior_photobox {
			width: 100%;
			> .senior_profile {
				margin-block: 6vw 0;
				.desc {
					font-size: 4vw;
				}
			}
		}
	}
}