@charset "utf-8";


/* couse
-------------------------------------------------------------------------------------------------------- */
/*
.pagetitle.course-idx		{ background-image:url(../images/course/idx/title_bg.jpg); }
.pagetitle.kids					{ background-image:url(../images/course/kids/title_bg.jpg); }
.pagetitle.elementary-a	{ background-image:url(../images/course/elementary-a/title_bg.jpg); }
*/


.course-name			{ margin-bottom:3rem; text-align:center; color:#3670B9; font-size:2.4rem; font-weight:bold; }
.course-name span		{ padding:1.5rem 2rem 1.2rem; margin-left:3rem; font-size:1.6rem; font-weight:bold; border:#3670B9 1px solid; border-radius:3rem; }
.course-target			{ margin-bottom:5rem; text-align:center; font-size:2.0rem; font-weight:bold; }
.link-btn02				{ margin:8rem 0 0;}
.link-btn02 a			{ display:block; margin:0 auto; text-align:center; width:36rem; border:#3670B9 2px solid; background:#FFFFFF; padding:3rem 10rem; color:#3670B9; font-weight:bold; }
.cn						{ text-align:center; padding:3rem; background:#FBFBF3; margin:8rem;}
@media screen and (max-width: 600px) {
.course-name			{ color:#3670B9; font-size:2.0rem; }
.course-name span		{ display:block;  padding:1.0rem 0 0.8rem; margin:1rem 0; font-size:1.4rem; }
.course-target			{ margin-bottom:3rem; font-size:1.6rem; }
.link-btn02 a			{ width:auto;  padding:2rem 0;}
}


.flow-inbox				{ margin-bottom:10rem; padding:6rem; background:#fff; border-radius:1rem; text-align: center; }
.flow-inbox.bg-clr01	{ background:#FBFBF3;  }
@media screen and (max-width: 768px) {
.flow-inbox				{ margin-bottom:8rem; padding:2rem; }
}
@media screen and (max-width: 600px) {
.flow-inbox				{ margin-bottom:4rem; padding:2rem 1rem; }
}


.movie-wrap { width: 66rem; margin: 0 auto 12rem; padding: 0 1.5rem;}
.movie-wrap-lead { margin-bottom: 2rem; text-align: center; font-size: 2rem;}
.movie-wrap-lead span { color: #ccc; font-size: 1.4rem;}
.movie-wrap iframe { position: static; height: 37.5rem; margin: 0 auto;}

@media screen and (max-width: 600px) {
.movie-wrap { width: 100%; margin: 0 auto 6rem; }
.movie-wrap-lead { margin-bottom: 1rem; font-size: 1.3rem;}
.movie-wrap-lead span { font-size: 1rem;}
.movie-wrap iframe { height: 17rem;}

}



/* +casting
-------------------------------------------------------------------------------------------------------- */

.lead .caution			{ color: #FF8F42;}
.lay-pagelead p			{ padding: 0 0 5rem;}
.lay-pagelead figure	{ width: 46rem; margin: 0 auto;}
#formBox .caution			{ color: #FF8F42;}
@media screen and (max-width: 768px) {
.lay-pagelead p			{ padding: 0 0 3rem;}
.lay-pagelead figure	{ width: auto; padding: 0 1rem;}


}


/* +シニアコース
-------------------------------------------------------------------------------------------------------- */

.bunner-wrap { margin-top: 6rem; text-align: center;}
@media screen and (max-width: 767px) {
.bunner-wrap { margin-top: 3rem; }

}

/* +シニア歌手デビュー
-------------------------------------------------------------------------------------------------------- */

.fl-ptbox .inBox .title.cen { text-align: center;}
.fl-ptbox .inBox .link-btn { margin: 30px auto 0 0;}
.fl-ptbox .inBox .link-btn a { font-weight: normal; font-size: 16px;}

.check-box {}
.check-box p { position: relative; margin-top: 2px; background: #FBFBF3; border-radius: 10px; }
.check-box input { position: absolute; top: 50%; right: 20px; transform: translate(0,-65%); }
.check-box label { position: relative; display: inline-block; padding: 15px 60px 15px 70px; font-weight: bold; width: 100%; cursor: pointer;}
.check-box label span { position: absolute; top: 50%; left: 20px; transform: translate(0,-50%); display: inline-block; margin-right: 5px; color: #3670B9; font-weight: bold; }
.check-answ { margin-top: 30px; padding: 20px; border: #ccc 1px solid; text-align: center; font-weight: bold; }
.check-lead-txt { text-align: center; font-weight: bold; line-height: 2;}
.check-lead-txt span { text-decoration: underline; font-weight: bold;}
.course-name-ex { margin: -10px 0 30px 0; color: #3670B9; font-size: 14px; font-weight: bold; text-align: center;}

.bn-box { position: relative; max-width: 670px; margin: 0 auto; border: #3670B9 2px solid;}
.bn-box a { display: flex; height: 280px; }
.bn-box .bn-box-pic { width: 280px;  }
.bn-box .inBox { width: 386px; padding: 30px;  }
.bn-box .inBox .title { padding-bottom: 10px; font-weight: bold; color: #3670B9; border-bottom: #3670B9 1px solid;  }
.bn-box .inBox .txt   { margin: 20px 0 15px;}
.bn-box .inBox .txt + p   { line-height: 1.6;}
.bn-box .inBox .link-btn  { width: 150px; margin: 15px 0 0; padding: 10px; background-color: #3670B9; color: #fff; text-align: center; font-weight: bold;}
.bn-box-ico { position: absolute; top: 0; right: 0;}


@media screen and (max-width: 767px) {
.check-box label { font-size: 14px;}
.check-answ { margin-top: 30px; padding: 20px; font-size: 16px; }
.check-lead-txt { text-align: left; font-size: 16px; line-height: 2;}

.bn-box a { flex-direction: column-reverse; height: auto; }
.bn-box .bn-box-pic { width: auto;  }
.bn-box .inBox { width: auto; }
.bn-box-ico { top: -20px; right: -20px;}


}