@charset "utf-8";
h3{position: relative; text-align: center;font-size:49px;font-family: 'Noto-Sans-JP-Bold'; color: #000;display: inline-block; position: relative; z-index: 1;line-height: 134%;}


.inner_2{width: 1100px; margin: 0 auto;}
.inner_3{width: 1200px; margin: 0 auto;}


 p.feature_tt{font-family: neue-haas-grotesk-display, sans-serif; font-weight: 600; font-style: normal; font-size: 20px; border: 1px solid #000; border-radius: 100px; width: 211px; height: auto; padding:8px 0 6px 22px; display: flex;align-items: center; background: #fff;}
 p.feature_tt span{font-family: neue-haas-grotesk-display, sans-serif; font-weight: 600; font-style: normal; font-size: 40px; display: inline-block; padding: 0 0 0 10px; line-height: 110%;}
.thanks_link { margin-bottom: min(6vw, 5rem); }
/* ----------------------------- #fv ------------------------------- */
#fv{background: var(--fv_bg, url(../../images/k-pop/fv_bg_1.jpg)) no-repeat center center; background-size: cover;width: 100%; height: auto; position: relative; padding: 94px 0 185px; overflow: hidden;}
#fv .mover_box{position: absolute; top: 60%; right: 0px; transform: translateY(-50%); width: calc(100% - 586px); height: auto; max-width: 1014px; height: auto; }
#fv .mover_box img{width: 100%; height: auto;}

#fv .fv_bg{max-width: 1600px; height: auto; margin: 0 auto; position: relative;z-index: 1;}
#fv .titli_box{padding: 139px 158px 0; position: relative; z-index: 10;}
#fv .titli_box p{font-size: 24px; line-height: 167%; font-family: 'Noto-Sans-JP-Bold'; color: #fff; }
#fv .titli_box h2{font-size: 84px; line-height: 167%; font-family: 'Noto-Sans-JP-Bold'; color: #fff; margin: 0 auto; display: inline-block;position: relative; z-index: 1;}
#fv .titli_box .link_box > .link_btn:not(:last-child){margin: 0 0 13px;}
#fv .titli_box .link_box > .link_btn{position: relative; width: 263px; height: auto; border-radius: 100px; background: rgba(0,0,0,0.18); color: #fff;font-size: 20px; line-height: 160%; font-family: 'Noto-Sans-JP-Bold'; display: block; padding: 6px 9px 5px 18px;}
#fv .titli_box .link_box > .link_btn span{border-radius: 100px; width: 24px; height: 24px; border: 1px solid #fff; top: 50%; transform: translateY(-50%); position: absolute; right: 9px;display: block;transition: 0.5s;}
#fv .titli_box .link_box > .link_btn span:before{content: ""; display: block; width: 5px; height: 5px; top: 50%; left: 50%; transform: translate(-50%,-50%) rotateZ(45deg);position: absolute; border-bottom: 1px solid #fff; border-right: 1px solid #fff;z-index: 1;}

#fv .titli_box .link_box > .link_btn span:after{content: ""; display: block;  background: var(--fv_titlebox_bg, url(../../images/k-pop/course_bg_4.jpg)) no-repeat center center; background-size: 100% 100%; transition: 0.5s;border-radius: 100px; width: 100%; height: 100%; opacity: 0; transition: 0.5s;}
#fv .titli_box .link_box > .link_btn.thumb-hover span:after{ opacity: 1; transition: 0.5s;}

#fv .logo_box{position: absolute; bottom: -18px; height: auto; width: 100%; overflow: hidden;}

#fv .logo_box .flex{width: 100%; height: auto; animation: logo_box_scrollX_1 30s linear infinite; -webkit-animation: logo_box_scrollX_1 30s linear infinite;}
#fv .logo_box .flex .logo{min-width: 1517px; padding-right: 30px;}


@keyframes logo_box_scrollX_1 {
	0% { transform: translateX(0); }
	100% { transform: translateX(-1517px); }
}
@-webkit-keyframes logo_box_scrollX_1 {
	0% { transform: translateX(0); }
	100% { transform: translateX(-1517px); }
}
/* ----------------------------- #course_kv ------------------------------- */
#course{padding: 118px 0 0;}
#course_kv .course_bg{background: var(--course_bg, url(../../images/k-pop/fv_bg_3.jpg)) no-repeat right top 80%;background-size: calc(100% - 295px) 40%;}

#course_kv .course_bg .box{max-width: 1600px; margin: 0 auto; position: relative;}
#course_kv .course_bg .box .img{width: calc(100% - 640px); height: auto; max-width: 800px;}
#course_kv .course_bg  .text_box_inner{ position: absolute; transform: translateX(-50%);left: 50%;width: 1200px;}
#course_kv .course_bg .text_box{width: 704px; height: auto; margin: 39px 0 0 auto;}
#course_kv .course_bg .text_box h3{text-align: left; line-height: 140%;}
#course_kv .course_bg .text_box h3 span{font-family: 'Noto-Sans-JP-Bold'; font-size: 49px; background: var(--courseBg_grad01, linear-gradient(90deg,#CB136D,#4640E6)); color: #fff; display: inline-block; line-height: 140%; padding: 0px 44px 0 20px; clip-path: polygon(0px 0, 100% 0%, 95% 100%, 0% 100%); }
#course_kv .course_bg .text_box h3 span.SP{display: none;}
#course_kv .course_bg .text_box h3 span.last{margin: 10px 0 0;}
#course_kv .course_bg .text_box p{line-height: 195%; font-size: 18px; font-family: 'Noto-Sans-JP-Medium'; padding: 65px 0 0 208px;}
#course_kv .course_bg .slick_1_box{overflow: hidden; width: 100%; height: auto;}
#course_kv .course_bg .slick_1_box .flex{animation: slick_box_2_scrollX_1 30s linear infinite; }
#course_kv .course_bg .slick_1_box .slick_1{padding: 100px 0 0;display: flex; width: 100%; min-width: 2215px;}
#course_kv .course_bg .slick_1_box .slick_1 img{margin: 0 0 0 30px; height: auto; }
@keyframes slick_box_2_scrollX_1 {
	0% { transform: translateX(0); }
	100% { transform: translateX(-2215px); }
}

#course_kv .accordion_box{border: 1px solid #707070; border-radius: 30px; margin: 94px auto 0; width: 1100px;background: #EFEFEF;cursor: pointer;}
#course_kv .accordion_box h3{font-family: 'Noto-Sans-JP-Bold'; font-size: 30px; line-height: 140%; text-align: center; padding: 15px 0 19px;width: 100%; position: relative;}
#course_kv .accordion_box h3 span{width: 26px; height: 26px; position: absolute; top: 50%; right: 36px; transform: translateY(-50%);}
#course_kv .accordion_box h3 span:before,
#course_kv .accordion_box h3 span:after{content: ""; display: block;  background: #000; position: absolute;top: 50%; left: 50%;}
#course_kv .accordion_box h3 span:before{transform: translate(-50%,-50%); width: 2px; height: 100%;transition: 0.5s;}
#course_kv .accordion_box h3 span:after{ transform: translate(-50%,-50%);width: 100%; height: 2px;}
#course_kv .accordion_box h3.plas span:before{ transform: translate(-50%,-50%) rotateZ(90deg); transition: 0.5s;}

#course_kv .accordion_box ul{flex-wrap: wrap; padding: 20px 0 49px 41px;}
#course_kv .accordion_box ul li{width: 509px; height: auto; border-left: 4px solid #6137CF; margin: 30px 0 0 ;}
#course_kv .accordion_box ul li p{color: #6C6C6C; font-size: 15px; font-family: 'Noto-Sans-JP-Regular'; line-height: 160%; margin: 0 0 0 12px; }
#course_kv .accordion_box ul li p span.big{font-family: 'Noto-Sans-JP-Bold'; font-size: 18px;line-height: 160%; color: #000;}
#course_kv .accordion_box p span.mini{display: inline-block;width: 65px; height: auto;border-radius: 5px; background: #FFD5F9; font-size: 12px;font-family: neue-haas-grotesk-display, sans-serif; font-weight: 500; font-style: normal; color: #000; text-align: center;line-height: 160%; margin: 0 0 0 15px;}

#course_kv .accordion_box .box{background: #fff; display: none;border-radius: 0 0 30px 30px; }
#course_kv .accordion_box .box .explanation{padding: 10px 41px 49px; align-items: center;}
#course_kv .accordion_box .box .explanation p.mini{position: relative; display: inline-block;width: 65px; height: auto;border-radius: 5px; background: #FFD5F9; font-size: 12px;font-family: neue-haas-grotesk-display, sans-serif; font-weight: 500; font-style: normal; color: #000; text-align: center;line-height: 160%; }
#course_kv .accordion_box .box .explanation p.mini:before{content: ""; display: block; position: absolute; width: 27px; height: 1px; border: 1px dotted #000;right: -35px; top: 50%; transform: translateY(-50%);}
#course_kv .accordion_box .box .explanation p.tt{font-family: neue-haas-grotesk-display, sans-serif; font-weight: 500; font-style: normal; font-size: 13px; padding: 0 0 0 44px;}


#course_kv .course_bg .slick_box_d{overflow: hidden; width: 100%; }
#course_kv .course_bg .slick_box_d img{box-shadow: 0 0 15px 5px rgba(0,0,0,0.1);}
#course_kv .course_bg .slick_box_d .img_box img:not(:first-child){padding: 28px 0 0;}
#course_kv .course_bg .slick_box_d .slick_box_2{animation: slick_box_2_scrollX_1 90s linear infinite; padding: 85px 0 0;-webkit-animation: slick_box_2_scrollX_1 90s linear infinite;}
#course_kv .course_bg .slick_box_d .slick_box_3{animation: slick_box_2_scrollX_2 90s linear infinite; -webkit-animation: slick_box_2_scrollX_2 90s linear infinite;}
#course_kv .course_bg .slick_box_d .slick_box_2 .flex{min-width: 4350px; width: 100%; height: auto; }
#course_kv .course_bg .slick_box_d .slick_box_2 img{ margin: 15px;}
#course_kv .course_bg .slick_box_d .slick_box_3 .flex{width: 100%; min-width: 3915px; height: auto;}
#course_kv .course_bg .slick_box_d .slick_box_3 img{ margin: 15px;}
@keyframes slick_box_2_scrollX_1 {
	0% { transform: translateX(0); }
	100% { transform: translateX(-4350px); }
}
@-webkit-keyframes slick_box_2_scrollX_1 {
	0% { transform: translateX(0); }
	100% { transform: translateX(-4350px); }
}
@keyframes slick_box_2_scrollX_2 {
	0% { transform: translateX(-3915px); }
	100% { transform: translateX(0); }
}
@-webkit-keyframes slick_box_2_scrollX_2 {
	0% { transform: translateX(-3915px); }
	100% { transform: translateX(0); }

}
/* ----------------------------- #skill_check ------------------------------- */
#skill_check .course_major{background: var(--course_major_bg, url(../../images/k-pop/skill_check_bg_2.png)) no-repeat center center; background-size: 1811px; padding: 104px 0 0;}
#skill_check .course_major h4{font-size: 24px; font-family: 'Noto-Sans-JP-Bold'; line-height: 159%; text-align: center;}
#skill_check .course_major h4 span{font-size: 49px; font-family: 'Noto-Sans-JP-Bold'; line-height: 159%;}
#skill_check .course_major .course_box{padding: 50px 0;}
#skill_check .course_major .course_box .box{background: #fff; box-shadow: 0 0 30px 5px rgba(0,0,0,0.2); align-items: center; padding: 54px 51px}
#skill_check .course_major .course_box .box:not(:first-child){margin: 51px auto 0;}
#skill_check .course_major .course_box .box .text_box{width: calc(100% - 464px); padding: 0 0 0 60px;}
#skill_check .course_major .course_box .box .text_box h5{font-size: 14px; line-height: 140%;font-family: neue-haas-grotesk-display, sans-serif; font-weight: 600; font-style: normal;}
#skill_check .course_major .course_box .box .text_box h5 span{font-size: 34px; font-family: 'Noto-Sans-JP-Bold'; line-height: 159%; padding: 10px 0 0; display: inline-block;}
#skill_check .course_major .course_box .box .text_box p{line-height: 195%;font-size: 18px; font-family: 'Noto-Sans-JP-Medium'; padding: 30px 0 0;}


/* ----------------------------- #feature ------------------------------- */
#feature{padding: 62px 0 0}
#feature .title{text-align: center;}
#feature .title h3{position: relative; padding: 53px 0 47px; background: var(--feature_title, url(../../images/k-pop/feature_logo_1.png)) no-repeat center center; background-size: 962px; width: 100%; height: auto;}
#feature .feature_1{padding: 130px 0; max-width: 1600px; height: auto; margin: 0 auto; width: 100%; position: relative; margin: 90px auto 0;}
#feature .feature_1 .text_box{margin: 0 auto;}

#feature .feature_1 h4{line-height: 156%; font-size: 36px; font-family: 'Noto-Sans-JP-Bold'; padding: 29px 0 0;}
#feature .feature_1 img{position: absolute; transform: translateY(-50%); top: 50%; width: calc(100% - 430px); max-width: 991px; right: 0px; box-shadow: 0 0 30px 5px rgba(0,0,0,0.2);}

#feature .choice{ margin: 150px auto 0;}

#feature .timetable{padding: 104px 0 0;}
#feature .timetable h4{font-size: 49px;font-family: 'Noto-Sans-JP-Bold'; color: #000; line-height: 160%; text-align: center;}
#feature .timetable .table_block{position: relative;}
#feature .timetable .table_block .slick_box{display: none;}
#feature .timetable .table_box{padding: 38px 0 0; width: 982px; margin: 0 auto;}
#feature .timetable .table_box tr.top th{color: #fff; line-height: 195%;font-size: 18px; font-family: 'Noto-Sans-JP-Regular'; width: 163px; padding: 15px 0 14px;}
#feature .timetable .table_box tr.top th:not(:first-child){background: var(--tableGraph_th_bg, #FFB1D3); border: 4px solid #fff; }
#feature .timetable .table_box tr th.data{background: var(--tableGraph_tdTh_bg, linear-gradient(130deg, #8F5DDB , #C375E5)); color: #fff;border: 4px solid #fff;line-height: 146%;font-size: 13px; font-family: 'Noto-Sans-JP-Regular'; padding: 20px 0 19px;}
#feature .timetable .table_box tr th.data span{line-height: 145%;font-size: 18px; font-family: 'Noto-Sans-JP-Medium'; display: inline-block; padding: 0 0 5px;}
#feature .timetable .table_box tr td{border: 4px solid #fff;  background: #F5F5F5; color: #000; text-align: center; font-size: 16px; line-height: 160%; position: relative;font-family: 'Noto-Sans-JP-Regular';}
#feature .timetable .table_box tr td:empty:before,
#feature .timetable .table_box tr td.border:before{content: ""; display: block; height: 2px; width: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #000;}
#feature .timetable .table_box p{line-height: 200%; font-size: 16px; font-family: 'Noto-Sans-JP-Light'; padding: 14px 0 0;}

/* ----------------------------- #pick_up ------------------------------- */
#pick_up{padding: 136px 0 0; position: relative;}
#pick_up .feature_tt{margin: 0 auto;}
#pick_up .feature_3 h4,
#pick_up .feature_4 h4{line-height: 140%;font-size: 44px; font-family: 'Noto-Sans-JP-Bold'; text-align: center;}
#pick_up .feature_3 h4 span,
#pick_up .feature_4 h4 span{line-height: 159%;font-size: 24px; font-family: 'Noto-Sans-JP-Bold'; display: inline-block; padding: 0 15px; position: relative;}
#pick_up .feature_3 h4 span:before,
#pick_up .feature_4 h4 span:before,
#pick_up .feature_3 h4 span:after,
#pick_up .feature_4 h4 span:after{content: ""; display: block; width: 2px; height: 28px; background: #000; position: absolute;top: 50%;}
#pick_up .feature_3 h4 span:before,
#pick_up .feature_4 h4 span:before{left: 0px; transform: rotateZ(-25deg) translateY(-50%); }
#pick_up .feature_3 h4 span:after,
#pick_up .feature_4 h4 span:after{right: 0px; transform: rotateZ(25deg) translateY(-50%);}

#pick_up .title{background: var(--pickup_title, url(../../images/k-pop/pick_up_logo_1.png)) no-repeat center center; background-size: 827px; text-align: center;height: auto; width: 100%; padding: 24px 0;}
#pick_up .title h3{line-height: 140%;font-size: 44px; font-family: 'Noto-Sans-JP-Bold';}
#pick_up .title h3 span{line-height: 159%;font-size: 24px; font-family: 'Noto-Sans-JP-Bold'; display: inline-block; padding: 0 15px; position: relative;}
#pick_up .title h3 span:before,
#pick_up .title h3 span:after{content: ""; display: block; width: 2px; height: 28px; background: #000; position: absolute;top: 50%;}
#pick_up .title h3 span:before{left: 0px; transform: rotateZ(-25deg) translateY(-50%); }
#pick_up .title h3 span:after{right: 0px; transform: rotateZ(25deg) translateY(-50%);}

#pick_up .pick_up_box{flex-wrap: wrap; max-width: 1600px; margin: 0 auto; padding: 75px 50px 0;}
#pick_up .pick_up_box .box{width: 49%; height: auto; position: relative;margin-bottom: 46px;}
#pick_up .pick_up_box .box:not(:nth-child(2n)){margin-right: 2%;}
#pick_up .pick_up_box .box .main_img{position: relative; width: 100%; height: auto;z-index: 1;}
#pick_up .pick_up_box .box .bg_img{position: absolute; width: 100%; height: auto; bottom: -3%; right: -2%;}
#pick_up .pick_up_box .box .text_box{position: absolute; z-index: 3; text-align: left; bottom: 0px;padding: 35px 40px;}
#pick_up .pick_up_box .box .text_box h4{line-height: 159%;font-size: 24px; font-family: 'Noto-Sans-JP-Bold'; color: #fff;}
#pick_up .pick_up_box .box .text_box p{line-height: 172%;font-size: 14px; font-family: 'Noto-Sans-JP-Medium'; color: #fff; padding: 10px 0 0;}

#pick_up .feature_2{max-width: 1600px; margin: 80px auto 0; background: var(--pickUpTeacher_bg, url(../../images/k-pop/pick_up_bg_12.png)) no-repeat center right; background-size: calc(100% - 354px) 100%; padding: 102px 0 128px;}
#pick_up .feature_2 h4{text-align: center;line-height: 159%;font-size: 44px; font-family: 'Noto-Sans-JP-Bold'; padding: 10px 0 0;}
#pick_up .feature_2 .slick_2{overflow: hidden; width: calc(100% - 180px); margin: 57px 0 0 auto; padding: 0 0 0 20px; cursor: pointer;}
#pick_up .feature_2 .slick_2 .slide-arrow{ border-radius: 100%; width: 43px; height: 43px; border: 1px solid #000; display: block; background: #fff; position: absolute; z-index: 1; transform: translateY(-50%);top: 20%; left: 0px;}
#pick_up .feature_2 .slick_2 .next-arrow{top: 30%;}
#pick_up .feature_2 .slick_2 .slide-arrow:before{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(-45deg); content: ""; display: block; width: 6px; height: 6px; border-bottom: 1px solid #000; border-right: 1px solid #000; z-index: 2; transition: 0.5s;left: 45%;}
#pick_up .feature_2 .slick_2 .next-arrow:before{transform: translate(-50%, -50%) rotateZ(135deg); left: 55%;}

#pick_up .feature_2 .slick_2 .box{width: 393px; height: 483px; padding :0 50px 0 0;}
#pick_up .feature_2 .slick_2 .box .img_box{position: relative;}
#pick_up .feature_2 .slick_2 .box .img_box h5{font-size: 20px;font-family: 'Noto-Sans-JP-Bold'; line-height: 159%; color: #fff; background: var(--teacher_label_bg, url(../../images/k-pop/course_bg_4.jpg) no-repeat center center); background-size: 100% 100%; clip-path: polygon(0% 0, 95% 0%, 100% 100%, 0% 100%); width: auto; display: inline-block; padding: 0 22px 0 18px; position: absolute; bottom: 14px; left: -6px;}
#pick_up .feature_2 .slick_2 .box p{font-size: 14px; line-height: 186%; font-family: 'Noto-Sans-JP-Medium'; padding: 20px 0 0;}

#pick_up .feature_3{ overflow: hidden; padding: 164px 0 175px;}
#pick_up .feature_3 .flex{align-items: flex-end; justify-content: space-between; margin: 51px auto 0; position: relative;z-index: 1;}
#pick_up .feature_3 .flex .tt_box{width: 472px; height: auto; margin: 0 0 0 50px;}
#pick_up .feature_3 .flex .tt_box h5{font-size: 20px;font-family: 'Noto-Sans-JP-Bold'; line-height: 170%;}
#pick_up .feature_3 .flex .tt_box h5 span{font-size: 54px;font-family: 'Noto-Sans-JP-Bold'; line-height: 180%; display: inline-block;}
#pick_up .feature_3 .flex .tt_box p{font-size: 18px; line-height: 186%; font-family: 'Noto-Sans-JP-Medium'; padding: 15px 0 0;}

#pick_up .feature_3 .inner_3{position: relative;}
#pick_up .feature_3 .pick_up_img_12{position: absolute; left: -97px; bottom: -94px;}
#pick_up .feature_3 .pick_up_img_13{position: absolute; right: -280px; top: -177px;}
#pick_up .feature_3 .pick_up_img_12,
#pick_up .feature_3 .pick_up_img_13{animation: rotate_1 30s linear infinite; -webkit-animation: rotate_1 30s linear infinite;}
@keyframes rotate_1 {
	0% { transform: rotateZ(0deg); }
	100% { transform: rotateZ(360deg); }
}
#pick_up .feature_3 [class^="pick_up_img"] {
	background: var(--coursePage_base_hex02); mask: var(--pickUpCircle_path, url( ../../images/course/parts/project/weare_circle.svg )) center / contain no-repeat;
}
#pick_up .feature_3 [class^="pick_up_img"] img { opacity: 0; }
#pick_up .feature_3 [class^="pick_up_img"].circleType_so_on { --pickUpCircle_path: url( ../../images/course/parts/project/so_on_circle.svg ); }
#pick_up .feature_3 [class^="pick_up_img"].circleType_weare { --pickUpCircle_path: url( ../../images/course/parts/project/weare_circle.svg ); }
#pick_up .feature_3 [class^="pick_up_img"].circleType_gateway { --pickUpCircle_path: url( ../../images/course/parts/project/gateway_circle.svg ); }
#pick_up .feature_3 [class^="pick_up_img"].circleType_soonLav { --pickUpCircle_path: url( ../../images/course/parts/project/lav_circle.svg ); }

#pick_up .feature_4{background:  url(../../images/k-pop/pick_up_bg_1.jpg)no-repeat center top; background-size: 100%; }
#pick_up .feature_4 .feature_4_box{position: relative; margin: 0 auto; max-width: 1600px;padding: 109px 0 0;}
#pick_up .feature_4 .feature_4_box:before{content: ""; display: block; width: 157px; height: 2273px; background: url(../../images/k-pop/pick_up_logo_2.svg) no-repeat center center; background-size: 157px; position: absolute; left: 0px; top: 48px; right: auto; bottom: auto;}
#pick_up .feature_4 .curriculum_flex{align-items: center; justify-content: space-between; margin: 86px auto 0; position: relative; z-index: 1;}
#pick_up .feature_4 .curriculum_flex .box{width: 472px; height: auto; padding: 13px 14px 15px 15px;}
#pick_up .feature_4 .curriculum_flex .box p{font-size: 20px;font-family: 'Noto-Sans-JP-Bold'; line-height: 133%; color: #fff; text-align: center; border: 1px solid #fff;}
#pick_up .feature_4 .curriculum_flex .box p span{font-size: 36px;font-family: 'Noto-Sans-JP-Bold'; line-height: 133%;}
#pick_up .feature_4 .curriculum_flex .box.main_major{background: url(../../images/k-pop/pick_up_bg_2.jpg) no-repeat center center; background-size: cover;}
#pick_up .feature_4 .curriculum_flex .box.w_major{background: url(../../images/k-pop/pick_up_bg_3.jpg) no-repeat center center; background-size: cover;}

#pick_up .feature_4 .curriculum_flex .box.main_major p{padding: 44px 0 42px;}
#pick_up .feature_4 .curriculum_flex .box.w_major p{padding: 18px 0 22px; }
#pick_up .feature_4 .curriculum_flex .box.w_major p span{display: inline-block;padding: 0 0 20px;}

#pick_up .feature_4 .curriculum_flex .close{width: 34px; height: 34px; position: relative;}
#pick_up .feature_4 .curriculum_flex .close .rigth{width: 4px; height: 100%; background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#pick_up .feature_4 .curriculum_flex .close .left{width: 100%; height: 4px; background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

#pick_up .feature_4 .recommendation{width: 100%; border: 1px solid #BCBCBC; text-align: center;background: #fff; margin: 52px auto 0; position: relative; z-index: 1;}
#pick_up .feature_4 .recommendation p{background: #E9F82B; border-radius: 0 0 15px 15px; color: #000;font-size: 20px;font-family: 'Noto-Sans-JP-Bold'; line-height: 133%; display: inline-block; padding: 12px 18px 12px 19px;}
#pick_up .feature_4 .recommendation ul{padding: 23px 0px 26px 49px; display: flex; flex-wrap: wrap; }
#pick_up .feature_4 .recommendation ul li{text-align: left; position: relative;font-size: 14px;font-family: 'Noto-Sans-JP-Bold'; line-height: 100%; padding: 0 0 0 20px; height: auto; margin-bottom: 18px;}
#pick_up .feature_4 .recommendation ul li:nth-child(1),
#pick_up .feature_4 .recommendation ul li:nth-child(3){ width: 519px;}
#pick_up .feature_4 .recommendation ul li:not(:nth-child(2n)){margin-right: 50px;}
#pick_up .feature_4 .recommendation ul li:before{content: ""; display: block; border-radius: 100%; background: #6137CF; width: 11px; height: 11px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
#pick_up .feature_4 .curriculum_list{margin: 131px auto 0; flex-wrap: wrap; position: relative; z-index: 1;}
#pick_up .feature_4 .curriculum_list .box{width: 525px; height: auto; background: #fff; box-shadow: 0px 0px 9px rgba(0,0,0,0.2);margin-bottom: 101px; position: relative; padding: 101px 43px 41px;}
#pick_up .feature_4 .curriculum_list .box:not(:nth-child(2n)){margin-right: 50px;}
#pick_up .feature_4 .curriculum_list .box h5{font-size: 26px;font-family: 'Noto-Sans-JP-Bold'; line-height: 150%; text-align: center; color: #fff; width: 439px; height: 125px; position: absolute; transform: translateX(-50%); left: 50%; top: -51px;}
#pick_up .feature_4 .curriculum_list .box .tt_box{width: 188px; height: auto;margin: 0 26px 0 0;}
#pick_up .feature_4 .curriculum_list .box .tt_box p{background: #FAFFB7; font-size: 18px;font-family: 'Noto-Sans-JP-Bold'; line-height: 100%; text-align: center; padding: 33px 0; position: relative;}
#pick_up .feature_4 .curriculum_list .box .tt_box p span{display: block; position: absolute; text-align: center; border-radius: 100px;background: #1898FF; color: #fff; font-size: 14px; color: #fff; padding: 6px 0;transform: translateX(-50%); left: 50%; top: -10px; width: 95px;}

#pick_up .feature_4 .curriculum_list .box .close{width: 18px; height: 18px; position: relative; margin: 18px auto 31px;}
#pick_up .feature_4 .curriculum_list .box .close .rigth{width: 2px; height: 100%; background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#pick_up .feature_4 .curriculum_list .box .close .left{width: 100%; height: 2px; background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

#pick_up .feature_4 .curriculum_list .box:nth-child(1) h5{background: url(../../images/k-pop/pick_up_bg_5.png) no-repeat center center; background-size: 100%; padding: 14px 0 35px;}
#pick_up .feature_4 .curriculum_list .box:nth-child(2) h5{background: url(../../images/k-pop/pick_up_bg_6.png) no-repeat center center; background-size: 100%; padding: 34px 0 55px;}
#pick_up .feature_4 .curriculum_list .box:nth-child(3) h5{background: url(../../images/k-pop/pick_up_bg_7.png) no-repeat center center; background-size: 100%; padding: 34px 0 55px;}
#pick_up .feature_4 .curriculum_list .box:nth-child(4) h5{background: url(../../images/k-pop/pick_up_bg_8.png) no-repeat center center; background-size: 100%; padding: 14px 0 35px;}
#pick_up .feature_4 .curriculum_list .box:nth-child(5) h5{background: url(../../images/k-pop/pick_up_bg_9.png) no-repeat center center; background-size: 100%; padding: 14px 0 35px;}
#pick_up .feature_4 .curriculum_list .box:nth-child(6) h5{background: url(../../images/k-pop/pick_up_bg_10.png) no-repeat center center; background-size: 100%; padding: 14px 0 35px;}

/* ----------------------------- introduction ------------------------------- */
.introduction{padding: 0;}
.introduction .btn{padding: 96px 0 0;}
/* ----------------------------- footer ------------------------------- */
footer{margin: 100px auto 0;}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
	/* ----------------------------- #course_kv ------------------------------- */
	#course_kv .course_bg .box .img {  width: 50%;}
	
	/* ----------------------------- #skill_check ------------------------------- */
	#skill_check .course_major .course_box{padding: 50px;}
	
	/* ----------------------------- #feature ------------------------------- */
	#feature .feature_1 { padding:130px 50px;}
	#feature .choice .study_speciality { padding:58px 25px 73px;}
}


@media only screen and (max-width: 768px) {
	h3{font-size:30px;}
	.inner_2{width: 90%;}
	.inner_3{width: 90%; }
	
	
	 p.feature_tt{font-size: 16px; width: 170px; justify-content: center; padding:4px 0 2px; }
	 p.feature_tt span{font-size: 30px; padding: 0 0 0 10px; }
	 
	 
	 .thanks_link{padding:19px 0px 0; width: 90%; margin: 0 auto 3vw;}
	 .thanks_link li a,
	 .thanks_link li{font-size: 11px;}
	img{width: 100%; height: auto;}
	/* ----------------------------- #fv ------------------------------- */
	#fv{background: var(--fv_bg, url(../../images/k-pop/fv_bg_1.jpg)) no-repeat center center; background-size: cover; padding: 60px 0 73px;}
	#fv .mover_box{top: auto; width: calc(100% - 5%); position: relative; margin: 30px 0 0 auto; transform: none;}
	#fv .fv_bg { display: flex; flex-direction: column-reverse;}
	#fv .titli_box{padding: 0; width: 90%; margin: 20px auto 0;}
	#fv .titli_box p{font-size: 18px; }
	#fv .titli_box h2{font-size: 50px; line-height: 150%;}
	#fv .titli_box .link_box{padding: 10px 0 0;}
	#fv .titli_box .link_box > .link_btn:not(:last-child){margin: 0 0 13px;}
	#fv .titli_box .link_box > .link_btn{ width: 226px; font-size: 14px; padding: 10px 9px 10px 18px;}
	#fv .titli_box .link_box > .link_btn span{width: 24px; height: 24px; right: 9px; transition: 0.5s;}
	#fv .titli_box .link_box > .link_btn span:before{ width: 5px; height: 5px;  transition: 0.5s;}

	#fv .logo_box{bottom: -2px; display: flex; }
	#fv .logo_box .flex{animation: logo_box_scrollX_2 30s linear infinite; -webkit-animation: logo_box_scrollX_2 30s linear infinite;}
	#fv .logo_box .flex .logo{min-width: 911px; width: 100%; height: auto; }
	
	@keyframes logo_box_scrollX_2 {
		0% { transform: translateX(0); }
		100% { transform: translateX(-911px); }
	}
	@-webkit-keyframes logo_box_scrollX_2 {
		0% { transform: translateX(0); }
		100% { transform: translateX(-911px); }
	}
	/* ----------------------------- #course_kv ------------------------------- */
	#course{padding: 60px 0 0;}
	#course_kv .course_bg{ background: var(--course_bg, url(../../images/k-pop/fv_bg_3_sp.jpg)) no-repeat right top 80%; background-size: calc(100% - 110px) }
	
	#course_kv .course_bg .box{padding: 0; flex-direction: column;}
	#course_kv .course_bg .box .inner_3{width: 100%;}
	#course_kv .course_bg .box .img{width: 95%; height: auto; left: auto; top: 0px; right: 0px; position: absolute;}
	#course_kv .course_bg .text_box_inner {position: relative; transform: none; left: auto; width: 100%;}
	#course_kv .course_bg .text_box{width: 100%; height: auto; margin: 0px;position: relative; right: auto; z-index: 1;padding: 65% 0 0;}
	#course_kv .course_bg .text_box h3 {line-height: 100%; width: 95%; margin: 0 auto; display: block; }
	#course_kv .course_bg .text_box h3 span{font-size: 30px; padding: 0px 22px 0 10px; }
	#course_kv .course_bg .text_box h3 span.PC{display: none;}
	#course_kv .course_bg .text_box h3 span.SP{display: inline-block;}
	#course_kv .course_bg .text_box h3 span.last{margin: 10px 0 0;}
	#course_kv .course_bg .text_box p{line-height: 195%; font-size: 16px; padding: 14px 0 0; width: 90%; margin: 0 auto;}
	
	#course_kv .course_bg .slick_1_box .flex{animation: slick_box_2_scrollX_1 30s linear infinite; }
	#course_kv .course_bg .slick_1_box .slick_1 img{margin: 0 0 0 15px; height: 280px; width: auto; }
	#course_kv .course_bg .slick_1_box .slick_1{padding: 50px 0 0; min-width: 1869px;}
	@keyframes slick_box_2_scrollX_1 {
		0% { transform: translateX(0); }
		100% { transform: translateX(-1869px); }
	}
	
	#course_kv .accordion_box{border-radius: 15px; margin: 40px auto 0; width: 100%;}
	#course_kv .accordion_box h3{font-size: 18px; padding: 10px 15px 14px;width: 100%; text-align: left;}
	#course_kv .accordion_box h3 span{width: 18px; height: 18px; right: 15px; }
	#course_kv .accordion_box ul{ padding: 30px 20px 0;}
	#course_kv .accordion_box ul li{width: 100%; border-left: 2px solid #6137CF; margin: 0 0 20px;}
	#course_kv .accordion_box ul li p{font-size: 12px; margin: 0 0 0 12px; }
	#course_kv .accordion_box ul li p span.big{font-size: 15px;}
	#course_kv .accordion_box p span.mini{width: 56px; font-size: 11px; margin: 0 0 0 10px;}
	
	#course_kv .accordion_box .box .explanation{padding: 15px 20px 20px;}
	#course_kv .accordion_box .box .explanation p.mini{width: 56px; font-size: 11px;}
	#course_kv .accordion_box .box .explanation p.mini:before{width: 20px; right: -45%;}
	#course_kv .accordion_box .box .explanation p.tt{ font-size: 11px; padding: 0 0 0 34px; line-height: 140%; width: calc(100% - 56px);}
	
	#course_kv .course_bg .slick_box_d .slick_box_2{animation: slick_box_2_scrollX_1_2 90s linear infinite;padding: 40px 0 0;-webkit-animation: slick_box_2_scrollX_1_2 90s linear infinite;}
	#course_kv .course_bg .slick_box_d .slick_box_3{animation: slick_box_2_scrollX_2_2 90s linear infinite; -webkit-animation: slick_box_2_scrollX_2_2 90s linear infinite;}
	#course_kv .course_bg .slick_box_d .slick_box_2 .flex{min-width: 2420px; width: 100%; height: auto; }
	#course_kv .course_bg .slick_box_d .slick_box_2 img{ margin: 8px; width: 225px; height: auto;}
	#course_kv .course_bg .slick_box_d .slick_box_3 .flex{width: 100%; min-width: 2178px; height: auto; }
	#course_kv .course_bg .slick_box_d .slick_box_3 img{ margin: 8px 8px 20px; width: 225px; height: auto;}
	@keyframes slick_box_2_scrollX_1_2 {
		0% { transform: translateX(0); }
		100% { transform: translateX(-2410px); }
	}
	@-webkit-keyframes slick_box_2_scrollX_1_2 {
		0% { transform: translateX(0); }
		100% { transform: translateX(-2410px); }
	}
	@keyframes slick_box_2_scrollX_2_2 {
		0% { transform: translateX(-2169px); }
		100% { transform: translateX(0); }
	}
	@-webkit-keyframes slick_box_2_scrollX_2_2 {
		0% { transform: translateX(-2169px); }
		100% { transform: translateX(0); }
	}
	/* ----------------------------- #skill_check ------------------------------- */
	#skill_check .course_major{background: var(--course_major_bg, url(../../images/k-pop/skill_check_bg_2_sp.png)) no-repeat center center; background-size: 100% 100%; padding: 52px 0 ;}
	#skill_check .course_major h4{font-size: 18px; }
	#skill_check .course_major h4 span{font-size: 37px; }
	#skill_check .course_major .course_box{padding: 25px 0;}
	#skill_check .course_major .course_box .box{ flex-direction: column; padding: 27px 20px; }
	#skill_check .course_major .course_box .box:not(:first-child){margin: 30px auto 0;}
	#skill_check .course_major .course_box .box .text_box{padding: 30px 0 0; width: 100%;}
	#skill_check .course_major .course_box .box .text_box h5 span{font-size: 27px; padding: 5px 0 0; }
	#skill_check .course_major .course_box .box .text_box p{font-size: 15px; padding: 15px 0 0;}

	/* ----------------------------- #feature ------------------------------- */
	#feature{padding: 0;}
	#feature .title h3{position: relative; padding: 10% 0 0%; background: var(--feature_title, url(../../images/k-pop/feature_logo_1_sp.png)) no-repeat center top; background-size: 90%; width: 100%; height: auto;}
	#feature .feature_1{padding: 0; width: 100%; margin: 40px auto 0; flex-direction: column-reverse;}
	#feature .feature_1 .text_box{margin: 30px auto 0; }
	#feature .feature_1 h4{font-size: 28px; padding: 15px 0 0;}
	#feature .feature_1 img{ width: 95%; position: relative; transform: none; top: auto; margin: 0 auto;}
	#feature .choice{margin: 50px auto 0;}
	
	#feature .choice .study_speciality { padding:33px 0 60px;}
	#feature .choice .flex .box { width: 100%; padding: 21px 10px 25px;}
	#feature .choice .flex .close { width: 120px; height: 120px;}
	#feature .choice .flex .close p {padding: 29px 0;}

	#feature .timetable{padding: 52px 0 0;}
	
	#feature .timetable .table_block .slick_box{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; width: 80px; height: 80px; background: rgba(255,255,255,0.8); border-radius: 15px; text-align: center; transition: 0.5s; padding: 10px 5px;}
	#feature .timetable .table_block .slick_box.active{opacity: 1;}
	#feature .timetable .table_block .slick_box .triangle {width: 40px;height: auto; margin: 0 auto;}
	#feature .timetable .table_block .slick_box .triangle img{width: 100%; height: auto;}
	#feature .timetable .table_block .slick_box p{ padding: 5px 0 0; font-size: 14px; font-family: 'Noto-Sans-JP-Regular';}
	
	#feature .timetable h4{font-size: 30px;}
	#feature .timetable .table_box_scroll{overflow-x: scroll;}
	#feature .timetable .table_box{padding: 20px 0 0; width: 100%; margin: 0 auto; width: 700px;}
	#feature .timetable .table_box .table{}
	#feature .timetable .table_box tr.top th{font-size: 18px; width: 117px; padding: 9px 0 8px;}
	#feature .timetable .table_box tr.top th:not(:first-child){border: 2px solid #fff; }
	#feature .timetable .table_box tr th.data{ border: 2px solid #fff; font-size: 11px; padding: 15px 0 14px;}
	#feature .timetable .table_box tr th.data span{line-height: 145%;font-size: 14px; padding: 0 0 5px;}
	#feature .timetable .table_box tr td{border: 2px solid #fff; font-size: 13px;}
	#feature .timetable .table_box tr td.border:before{height: 2px; width: 16px; }
	#feature .timetable .table_box p{font-size: 13px; padding: 14px 0 0;}
	
	/* ----------------------------- #pick_up ------------------------------- */
	#pick_up{padding: 68px 0 0; }
	#pick_up .feature_3 h4,
	#pick_up .feature_4 h4{font-size: 26px; margin: 10px 0 0;}
	#pick_up .feature_3 h4 span,
	#pick_up .feature_4 h4 span{font-size: 18px; padding: 0 15px;}
	#pick_up .feature_3 h4 span:before,
	#pick_up .feature_4 h4 span:before,
	#pick_up .feature_3 h4 span:after,
	#pick_up .feature_4 h4 span:after{height: 24px;}
	#pick_up .feature_3 h4 span:before,
	#pick_up .feature_4 h4 span:before{left: 0px; transform: rotateZ(-25deg) translateY(-50%); }
	#pick_up .feature_3 h4 span:after,
	#pick_up .feature_4 h4 span:after{right: 0px; transform: rotateZ(25deg) translateY(-50%);}
	
	#pick_up .title{background: var(--pickup_title, url(../../images/k-pop/pick_up_logo_1_sp.png)) no-repeat center top; background-size: 95%; padding: 4% 0 0%;}
	#pick_up .title h3{font-size: 30px; }
	#pick_up .title h3 span{font-size: 19px; padding: 0 15px; }
	#pick_up .title h3 span:before,
	#pick_up .title h3 span:after{width: 2px; height: 24px; top: 50%;}
	
	#pick_up .pick_up_box{flex-direction: column; padding: 38px 0 0; width: 90%; margin: 0 auto;}
	#pick_up .pick_up_box .box{width: 100%; margin-bottom: 30px;}
	#pick_up .pick_up_box .box:not(:nth-child(2n)){margin-right: 0%;}
	#pick_up .pick_up_box .box .bg_img{bottom: -3%; right: -2%;}
	#pick_up .pick_up_box .box .text_box{padding: 10px 15px;}
	#pick_up .pick_up_box .box .text_box h4{font-size: 20px; }
	#pick_up .pick_up_box .box .text_box p{font-size: 12px; padding: 5px 0 0;}
	
	#pick_up .feature_2{ margin: 40px auto 0; background: var(--pickUpTeacher_bg, url(../../images/k-pop/pick_up_bg_12.png)) no-repeat center right; background-size: calc(100% - 70px) 100%; padding: 51px 0 32px;}
	#pick_up .feature_2 h4{font-size: 30px; padding: 10px 0 0;}
	#pick_up .feature_2 .slick_2{overflow: hidden; width: calc(100% - 5%); margin: 30px 0 0 auto;padding: 0;}
	#pick_up .feature_2 .slick_2 .box{width: 328px; height: 455px; padding :0 0 0 12px;}
	#pick_up .feature_2 .slick_2 .box .img_box{position: relative;}
	#pick_up .feature_2 .slick_2 .box .img_box h5{font-size: 20px; padding: 0 22px 0 18px; bottom: 14px; left: -6px;}
	#pick_up .feature_2 .slick_2 .box p{font-size: 14px; padding: 10px 0 0;}
	#pick_up .feature_2 .slick_2 .slide-arrow{ width: 43px; height: 43px; top: 30%; right: 10px;left: auto;}
	#pick_up .feature_2 .slick_2 .next-arrow{top: 45%;}
	#pick_up .feature_2 .slick_2 .slide-arrow:before{ width: 7px; height: 7px;}
	
	#pick_up .feature_3{ padding: 50px 0 86px;}
	#pick_up .feature_3 .flex{flex-direction: column-reverse; margin: 30px auto 0; position: relative; z-index: 1;}
	#pick_up .feature_3 .flex .tt_box{width: 100%; height: auto; margin: 25px 0 0;}
	#pick_up .feature_3 .flex .tt_box h5{font-size: 16px;}
	#pick_up .feature_3 .flex .tt_box h5 span{font-size: 40px;}
	#pick_up .feature_3 .flex .tt_box p{font-size: 14px; padding: 8px 0 0;}
	
	#pick_up .feature_3 .pick_up_img_12{width: 57%; height: auto; left: -20%; bottom: -15%;}
	#pick_up .feature_3 .pick_up_img_13{width: 75%; height: auto; right: -22%; top: 7%;}
	
	#pick_up .feature_4{background: url(../../images/k-pop/pick_up_bg_1_sp.png)no-repeat center top; background-size: 100%; }
	#pick_up .feature_4 .feature_4_box{padding: 55px 0 0;}
	#pick_up .feature_4 .feature_4_box:before{width: 22%; height: 100%; background: url(../../images/k-pop/pick_up_logo_2.svg) no-repeat left top; background-size: 100%; top: 24px; }
	#pick_up .feature_4 .curriculum_flex{flex-direction: column; margin: 43px auto 0; }
	#pick_up .feature_4 .curriculum_flex .box{width: 80%; height: auto; padding: 13px 14px 15px 15px;}
	#pick_up .feature_4 .curriculum_flex .box p{font-size: 16px;}
	#pick_up .feature_4 .curriculum_flex .box p span{font-size: 24px;}
	
	#pick_up .feature_4 .curriculum_flex .box.main_major p{padding: 22px 0 21px;}
	#pick_up .feature_4 .curriculum_flex .box.w_major p{padding: 9px 0 11px; }
	#pick_up .feature_4 .curriculum_flex .box.w_major p span{display: inline-block;padding: 0 0 10px;}
	
	#pick_up .feature_4 .curriculum_flex .close{width: 26px; height: 26px; margin: 20px 0;}
	#pick_up .feature_4 .curriculum_flex .close .rigth{width: 2px; }
	#pick_up .feature_4 .curriculum_flex .close .left{ height: 2px;}
	
	#pick_up .feature_4 .recommendation{margin: 35px auto 0;}
	#pick_up .feature_4 .recommendation p{font-size: 16px;padding: 5px 14px 6px 15px; border-radius: 0 0 10px 10px;}
	#pick_up .feature_4 .recommendation ul{padding: 12px 20px 13px; }
	#pick_up .feature_4 .recommendation ul li{font-size: 11px;padding: 0 0 0 10px; height: auto; margin-bottom: 18px;width: 100%; line-height: 160%;} 
	#pick_up .feature_4 .recommendation ul li:nth-child(1),
	#pick_up .feature_4 .recommendation ul li:nth-child(3){ width: 100%;}
	#pick_up .feature_4 .recommendation ul li:not(:nth-child(2n)){margin-right: 0px;}
	#pick_up .feature_4 .recommendation ul li:before{width: 6px; height: 6px; }
	#pick_up .feature_4 .curriculum_list{margin: 90px auto 30px;}
	#pick_up .feature_4 .curriculum_list .flex_box{align-items: center}
	#pick_up .feature_4 .curriculum_list .box{width: 100%;padding: 60px 21px 20px;margin-bottom: 0px}
	#pick_up .feature_4 .curriculum_list .box:not(:nth-child(2n)){margin-right: 0;}
	#pick_up .feature_4 .curriculum_list .box:not(:last-child){margin-bottom: 70px;}
	#pick_up .feature_4 .curriculum_list .box h5{font-size: 18px;width: 260px; height: auto; top: -13%;line-height: 140%;}
	#pick_up .feature_4 .curriculum_list .box .tt_box{width: 40%; height: auto;margin: 0 5% 0 0;}
	#pick_up .feature_4 .curriculum_list .box picture{width: calc(100% - 45%); height: auto; margin: 0 0 0 auto;}
	#pick_up .feature_4 .curriculum_list .box .tt_box p{font-size: 13px;padding: 18px 0 15px; line-height: 130%;}
	#pick_up .feature_4 .curriculum_list .box .tt_box p span{ font-size: 11px; padding: 6px 0;width: 70px;}
	
	#pick_up .feature_4 .curriculum_list .box .close{width: 18px; height: 18px; margin: 18px auto 25px;}
	
	#pick_up .feature_4 .curriculum_list .box:nth-child(1) h5{background: url(../../images/k-pop/pick_up_bg_5.png) no-repeat center center; background-size: 100%; padding: 8px 0px 16px;}
	#pick_up .feature_4 .curriculum_list .box:nth-child(2) h5{background: url(../../images/k-pop/pick_up_bg_6.png) no-repeat center center; background-size: 100%; padding: 18px 0px 32px;}
	#pick_up .feature_4 .curriculum_list .box:nth-child(3) h5{background: url(../../images/k-pop/pick_up_bg_7.png) no-repeat center center; background-size: 100%; padding: 18px 0px 32px;}
	#pick_up .feature_4 .curriculum_list .box:nth-child(4) h5{background: url(../../images/k-pop/pick_up_bg_8.png) no-repeat center center; background-size: 100%; padding: 8px 0px 16px;}
	#pick_up .feature_4 .curriculum_list .box:nth-child(5) h5{background: url(../../images/k-pop/pick_up_bg_9.png) no-repeat center center; background-size: 100%; padding: 8px 0px 16px;}
	#pick_up .feature_4 .curriculum_list .box:nth-child(6) h5{background: url(../../images/k-pop/pick_up_bg_10.png) no-repeat center center; background-size: 100%; padding: 8px 0px 16px;}
	
	/* ----------------------------- introduction ------------------------------- */
	.introduction{padding: 0;}
	.introduction .btn{padding: 70px 0 0;}
	/* ----------------------------- footer ------------------------------- */
	footer{margin: 50px auto 0;}
}




/* 速度を一定にするCSS記述 */
.slideSideBySideItem.slideSpeedUniform .swiper-wrapper {
	transition-timing-function: linear;
}

#voice {
	.voice_databox {
		margin-block: min(10vw, 5rem);
		> [class^="databox_box"] {
			> [class^="databox_title"] {
				position: relative;
				font-size: min(6.5vw, 2rem);
				font-weight: 500;
				text-align: center;
				padding-block: 0 min(3vw, 1rem);
				&:after {
					position: absolute;
					bottom: 0;
					left: 50%;
					transform: translate(-50%, 100%);
					content: "";
					width: min(10vw, 5rem);
					height: min(2vw, 0.5rem);
					background: url(../../images/course/dance/ttl_icon.svg) center / contain no-repeat;
				}
			}
			> [class^="databox_content"] {
				margin-top: min(15vw, 10rem);
			}
		}
	}
	.voice_list {
		display: flex;
		flex-direction: column;
		gap: min(15vw, 5rem);
		> [class^="voice"] {
			display: flex;
			gap: min(6vw, 3rem) min(6vw, 5rem);
			> .photobox {
				display: flex;
				flex-direction: column;
				gap: min(3vw, 1rem);
				picture {
					img {
						border: min(2vw, 6px) solid var(--coursePage_base_hex01);
						box-shadow: 0 0 5px 0 rgba(0,0,0, 0.25);
					}
				}
				.voice_name {
					display: flex;
					flex-direction: column;
					gap: min(2vw, 0.5rem);
				}
				.name {
					background: var(--coursePage_base_grad01);
					color: #fff;
					font-size: min(4.25vw, 1.15rem);
					font-weight: 700;
					padding: min(2vw, 0.5rem) min(3vw, 1rem);
					clip-path: polygon(0 0, calc(100% - min(3vw, 1rem)) 0, 100% 100%, 0 100%);
				}
				.course_name {
					font-size: min(3vw, 0.85rem);
					line-height: 1.5;
					padding-inline: min(3vw, 1rem);
				}
			}
			> .txtbox {
				display: flex;
				flex-direction: column;
				gap: min(3vw, 2rem);
				.voice_title {
					font-size: min(5vw, 2rem);
					padding-inline: min(2vw, 0.5rem);
				}
				.descbox {
					display: flex;
					flex-direction: column;
					gap: min(3vw, 1.5rem);
					.txt {
						font-size: min(3.5vw, 1.15rem);
						font-weight: 300;
						line-height: 1.75;
					}
				}
			}
		}
	}
}
@media (min-width: 768px) {
	/*PC*/
	#voice {
		.voice_list {
			> [class^="voice"] {
				> .photobox {
					flex: 1;
				}
				> .txtbox {
					flex: 2.75;
				}
				&:nth-child(even) {
					flex-direction: row-reverse;
				}
			}
		}
	}
}
@media (max-width: 768px) {
	/*SP*/
	#voice {
		.voice_list {
			> [class^="voice"] {
				flex-direction: column;
				> .photobox {
					width: 65%;
					margin-inline: auto;
				}
				> .txtbox {
				}
			}
		}
	}
}