@charset "utf-8";
:root {
	--coursePage_base_hex01: #4640E6;
	--coursePage_base_hex02: #CB136D;
	--coursePage_base_grad01: linear-gradient(90deg, #CB136D, #4640E6);
}
/* ----------------------------- #skill_check ------------------------------- */
#skill_check{padding: 133px 0 0; position: relative; overflow: hidden;}
#skill_check .skill_check_bg{background: url(../../images/k-pop/skill_check_bg_1.jpg) no-repeat center center; background-size: cover; max-width: 1600px; margin: 0 auto; padding: 0 0 82px;}
#skill_check .skill_check_bg .title{background: url(../../images/k-pop/skill_check_logo_1.svg) no-repeat center top -20px; background-size: 1392px; text-align: center;padding: 101px 0 0; }
#skill_check .skill_check_bg .title p{font-size: 18px; line-height: 195%; font-family: 'Noto-Sans-JP-Medium'; padding: 20px 0 0; margin: 0 auto; text-align: left;}
#skill_check .skill_check_bg .skill_check_img_1{margin: 0 auto; width: 100%; max-width: 1280px; height: auto; padding: 32px 0 0;}
#skill_check .skill_check_bg .skill_check_img_1 img{width: 100%; height: auto}
#skill_check .skill_check_bg .box{background: linear-gradient(transparent 15%, #fff 15%); width: 1100px; height: auto; margin: 0 auto; padding: 0 29px 29px;align-items: flex-end}
#skill_check .skill_check_bg .box .text_box{width: calc(100% - 232px); height: auto; margin: 0 0 0 auto; }
#skill_check .skill_check_bg .box h4{font-size: 14px; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 600; font-style: normal; line-height: 160%;}
#skill_check .skill_check_bg .box h4 span{font-size: 24px; font-family: 'Noto-Sans-JP-Bold'; line-height: 159%; display: inline-block; padding: 4px 0 0; }
#skill_check .skill_check_bg .box p{font-size: 14px; font-family: 'Noto-Sans-JP-Medium';line-height: 190%; padding: 14px 0 0;}

@media (min-width: 768px) {
	/*PC*/
	#fv {
		--fv_bg: url(../../images/k-pop/fv_bg_1.jpg);
		--fv_titlebox_bg: url(../../images/k-pop/course_bg_4.jpg);
	}
	#course_kv {
		--course_bg: url(../../images/k-pop/fv_bg_3.jpg);
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
	/* ----------------------------- #skill_check ------------------------------- */
	#skill_check .skill_check_bg .title p {padding:20px 50px 0;}
	#skill_check .course_major .course_box{padding: 50px;}
}

@media (max-width: 767px) {
	/*SP*/

	/* ----------------------------- #skill_check ------------------------------- */
	#skill_check{padding: 60px 0 0; }
	#skill_check .skill_check_bg{background: url(../../images/k-pop/skill_check_bg_1_sp.jpg) no-repeat center center; background-size: cover; padding: 0 0 41px; margin: 0 auto; width: 90%; position: relative;}
	#skill_check .skill_check_bg .title{background: url(../../images/k-pop/skill_check_logo_1_sp.svg) no-repeat center top -1%; background-size: 90%; padding: 18% 0 100%; }
	#skill_check .skill_check_bg .title p{font-size: 15px; padding: 20px 0 0; }
	#skill_check .skill_check_bg .skill_check_img_1{ padding: 0; width: 120%; position: absolute; left: 50%; transform: translate(-50%,-50%); top: 46%;}
	#skill_check .skill_check_bg .box{ width: 90%; padding: 19px 18px 29px; flex-direction: column;align-items: center; margin: 15% auto 0; background: #fff;}
	#skill_check .skill_check_bg .box .img_flex{align-items: center}
	#skill_check .skill_check_bg .box .text_box{width: 100%; height: auto; margin: 20px 0 0; }
	#skill_check .skill_check_bg .box picture{width: 80%; height: auto;}
	#skill_check .skill_check_bg .box picture img{width: 100%; height: auto;}
	#skill_check .skill_check_bg .box h4{font-size: 13px; width: calc(100% - 5px); margin: 0 0 0 17px;}
	#skill_check .skill_check_bg .box h4 span{font-size: 20px; padding: 1px 0 0; }
	#skill_check .skill_check_bg .box p{font-size: 14px; padding: 0;}
	
	
}