@charset "utf-8";


/* orientation
-------------------------------------------------------------------------------------------------------- */
.tit-sect									{ margin:3rem 0 3rem; }
.cn											{ text-align:center; margin-bottom:2rem; }
.lay-sect									{ padding:2rem 0 4rem; }
.fl-exbox									{ padding:5rem 0 0; }
.fl-exbox .box								{ margin:0 2rem 4rem; }
.flow-inbox									{ margin-bottom:0;  }
.lesson-nav ul li							{ width:calc(100% / 5 - 2rem); margin:0 1rem 5rem; text-align:center; }

.banner >*									{ text-align: center; max-width: 1110px; margin: 0 auto 5rem; }
.banner figure:nth-child(2)					{ max-width: 800px;}
.title										{ font-size:2.8rem;  margin-bottom:2rem; font-weight:bold; text-align:center; }
.title span									{ font-size:1.8rem; color:#3670B9; }
.fl-ptbox									{ padding: 8rem 0 0;}


#kids										{ border-bottom:#D7D7D7 1px solid;  background:#FBFBF3; padding:10rem 0 ; }
#elementary-a								{ padding:10rem 0 ; border-bottom:#D7D7D7 1px solid; background:#FBFBF3; }
#elementary-a .flow-inbox					{ border:#FBFBF3 10px solid; }
#price										{ border-bottom:#D7D7D7 1px solid;  padding:10rem 0 ; }

@media screen and (max-width: 600px) {
.banner >*					{ margin:0 0 2rem; text-align:center; }

.title						{ font-size:2.8rem;  margin-bottom:2rem; font-weight:bold; text-align:center; }
.title span					{ font-size:1.2rem; color:#3670B9; }

.tit-sect					{margin:1rem 0 1rem; }

.fl-exbox					{  padding:2rem 0 0; }
.lay-sect					{ padding:2rem 0 2rem; }
.lesson-nav ul li			{ width:calc(49% - 1rem); margin:0 0.5rem 3rem; font-size:1.2rem; }


#kids								{  padding:4rem 0 ; }
#elementary-a						{ padding:4rem 0 ;  }
#elementary-a .flow-inbox			{ border:#FBFBF3 10px solid; }

#price								{ padding:6rem 0 ; }
}





/* form
-------------------------------------------------------------------------------------------------------- */

#form										{ border-bottom:#D7D7D7 1px solid;  padding:10rem 0 ; background:#FBFBF3;}
#form .inner								{ max-width: 96rem; }

#form .title 								{ font-size: 2.8rem; margin-bottom: 2rem; font-weight: bold; text-align: center;}
#form .lead									{ padding-bottom: 2rem; }

#form #formBox								{ border-bottom:#E8E8E8 1px solid; border-top:#E8E8E8 1px solid; }
#form #formBox table						{  }
#form #formBox table tr						{ display: -webkit-flex; display: flex; padding:4.5rem 0;  border-bottom:#E8E8E8 1px dashed;  }
#form #formBox table tr >*					{ }
#form #formBox table tr th					{ width:21rem; }
#form #formBox table tr th span				{ color: #C1272D;}
#form #formBox table tr td					{ width: auto; flex: 1; padding-left: 3rem;  }
#form #formBox table tr:last-child th		{ border-bottom:none; }
#form #formBox table tr:last-child td		{ border-bottom:none; }
#form #formBox table td span.note			{ color:#999; font-size:0.875em; }
#form #formBox table td input[type=text]	{ width:100%; height:5rem; border: #ccc 1px solid; }
#form #formBox table td input[type=text].w20{ width:20%; margin-right: 1rem; }
#form #formBox table td input[type=text].w30{ width:30%; margin:0 0 2rem 1rem; }
#form #formBox table td input[type=radio]	{ vertical-align:baseline; }
#form #formBox table td input[type=email]	{ width: 100%; height: 5rem; border: #ccc 1px solid; }
#form #formBox table td label				{ display: block; margin-bottom: 0.5rem; }
#form #formBox table td textarea			{ width:100%; min-height:12rem; border:#ccc 1px solid; }
#form #formBox table td p+p 				{ margin-top: 10px; }
#form .addBtn								{ margin:6rem auto 5rem; max-width:34rem; text-align:center; }
#form .addBtn a								{ display:block; padding:2rem 0; color:#fff; text-decoration:none; font-size:1.8rem; font-weight:bold; background:#3670B9; }

#form .error					{ color: #FF8F42; margin: 2rem 0;}
#form .error li					{ margin-top: 1rem;}
#form .thx-title				{ margin-top: 6rem; color: #3670B9; font-size: 2.4rem;}
#form .thx-txt					{ margin: 2rem 0 4rem;}
#form .addBtn				{ text-align:center; margin:20px auto;}
#form .addBtn a,
#form .submit input[type="submit"]{ display:inline-block; color:#FFFFFF; padding:2rem; width:24rem; background-color: #3670B9; margin:0 auto; border:none; cursor: pointer;}
.mw_wp_form .error{ font-size:16px; display: block; color:red; margin:0 auto; margin-top:5px;}

/* 入力内容を変更する ボタン外側 */
.mw_wp_form_confirm .addBtn .back			{ display: block; margin-top: 1em; }

/* 入力内容を変更する ボタン */
.mw_wp_form_confirm .addBtn .back input[type="submitBack"] { display: block; color: #3670B9; padding: 1rem; width: 20rem; margin: 0 auto; border: none; font-size: 1.3rem; cursor: pointer; border-radius: 4rem;}

/* 確認画面では非表示にする */
.mw_wp_form_confirm .form_notice 		{display: none;}

.mw_wp_form .horizontal-item			{margin-right: 15px;}
.mw_wp_form .vertical-item				{ display: block; line-height: 2; margin-right: 15px;}

/* セレクト */
#form select 							{ height: 4rem; padding: 0.5rem;background: #fff; border: #ccc 1px solid;}


@media screen and (max-width: 1023px) {

#form #formBox table tr						{ display: -webkit-block; display: block; padding: 3rem 0;  }
#form #formBox table tr >*					{ display: block;  }
#form #formBox table tr th					{ width: 100%; }
#form #formBox table tr td					{ width: 100%; flex: initial; padding: 1rem 0 0 0;   }


}
@media screen and (max-width: 600px) {

#form #formBox table tr th					{}
#form #formBox table tr td					{ }


}








/* show181104
-------------------------------------------------------------------------------------------------------- */
#show181104				{}
#show181104 .lay-sect	{}
#show181104 .join		{ padding: 8rem 0 3rem; text-align: center;}
@media screen and (max-width: 768px) {
#show181104 .join		{ padding: 6rem 10rem 1rem; }
}

@media screen and (max-width: 375px) {
#show181104 .join		{ padding: 3rem 4rem 1rem; }
}



/* inBox01 */
#show181104 .inBox01				{ margin-top: 8rem;}
@media screen and (max-width: 768px) {
#show181104 .inBox01				{ margin-top: 4rem;}
}

@media screen and (max-width: 375px) {
#show181104 .inBox01				{ margin-top: 2rem;}

}


/* inBox02 */
#show181104 .inBox02 						{ margin: 8rem 0 0; padding: 4rem; border-radius: 1rem; background: #FFFFFF;}
#show181104 .inBox02 .row					{ -webkit-display: flex; display: flex; margin: 0 -20px;}
#show181104 .inBox02 .row .left				{ width:546px; margin: 0 20px;}
#show181104 .inBox02 .row .right			{ width:460px; margin: 2rem 20px 0;}

@media screen and (max-width: 768px) {
#show181104 .inBox02 						{ margin: 5rem 0 0; }
#show181104 .inBox02 .row .left				{ width:calc(50% - 20px); margin: 0 10px;}
#show181104 .inBox02 .row .right			{ width:calc(50% - 20px); margin: 0 10px;}
}

@media screen and (max-width: 375px) {
#show181104 .inBox02 						{ margin: 2rem 0 0; padding: 1.5rem; }
#show181104 .inBox02 .row					{ -webkit-display: block; display: block; margin: 0;}
#show181104 .inBox02 .row .left				{ width:100%; margin: 0;}
#show181104 .inBox02 .row .right			{ width:100%; margin: 1rem 0 0 0;}

}






/* festival181112
-------------------------------------------------------------------------------------------------------- */

#festival181112 								{ }
#festival181112 h2 .only-pc				{ margin:0 auto; }
@media screen and (max-width: 768px) {

}
/* kids */

#festival181112 .title_bg 						{ padding: 3.8rem 0; background-color: #5dc6e2; text-align: center;}
#festival181112 .ttl-coler						{ text-align: center; color: #3670b9; font-weight: bold; font-size: 2.6rem;}
#festival181112 .link							{ width: 300px;}
#festival181112 .link a							{ display: block; padding: 1.5rem; border: #3670b9 1px solid; color: #3670b9; background:url(../images/common/btn_arr.png) no-repeat right 10% center #FFFFFF; background-size: 0.5rem; text-align: center;}

@media screen and (max-width: 768px) {
#festival181112 .title_bg 						{ padding: 1rem 3rem;}
#festival181112 .ttl-coler						{ font-size: 1.6rem;}

#festival181112 .link							{ width: auto;}
#festival181112 .link a							{ }

#festival181112 .lay-sect						{ padding: 3rem 0 5rem; }
#festival181112 .bg-clr01						{ padding: 0 0 5rem; }

}


/* lay-sect */
#festival181112 .lay-sect						{ padding: 10rem 0;}
#festival181112 .lay-sect .inner				{ max-width: 960px;}
#festival181112 .lay-sect .row					{ -webkit-display: flex; display: flex; justify-content: space-between;}

@media screen and (max-width: 768px) {
#festival181112 .lay-sect						{ padding: 2rem 0;}
#festival181112 .lay-sect .row					{ flex-wrap: wrap; margin: 0 2rem;}

}




/* kids */
#festival181112 .kids-main						{ margin-top: 7rem; text-align: center;}
#festival181112 .box01							{ display: none; margin-top: 3.5rem;}
#festival181112 .box01 .row-box					{ margin-top: 4rem; padding: 3rem 10rem; background-color: #FFFFFF; }
#festival181112 .box01 ul 						{ -webkit-display: flex; display: flex; flex-wrap: wrap; margin: 0 -2.7rem;  }
#festival181112 .box01 ul li					{ width: 33.3%; padding: 0 2.7rem; text-align: center;  }
#festival181112 .box01 ul li:nth-child(n+4)		{ margin-top: 2.7rem; }

#festival181112 .box02							{ display: none; margin-top: 10rem; }
#festival181112 .box02 .inBox					{ position: relative; padding: 5rem 0 5rem 5rem; background-color: #FFFFFF;}
#festival181112 .box02 .inBox:after				{ content: ""; width: 560px; height: 860px; background: url(../images/festival181112/kids_p01.png) no-repeat; background-size: contain; position: absolute; top: -80px; right: 0; visibility: visible;}
#festival181112 .box02 .b01						{}
#festival181112 .box02 .b01 .ttl-coler			{ text-align: left;}
#festival181112 .box02 .b01.last .ttl-coler		{ margin-top: 6rem;}
#festival181112 .box02 .b01 ul					{ margin-top: 3rem;}
#festival181112 .box02 .b01 ul li				{ font-size: 2.4rem;}
#festival181112 .box02 .b01 .link				{ margin-top: 4rem;}

#festival181112 .contact						{ padding: 15rem 0 12rem; text-align: center;}
#festival181112 .contact .lead					{ font-weight: bold; font-size: 2.4rem;}
#festival181112 .contact .link					{ width: 500px; margin: 5rem auto 0;}
#festival181112 .contact .link a				{ padding: 2rem 0; color: #FFFFFF; background:#3670b9; font-weight: bold; font-size: 2.6rem;}

@media screen and (max-width: 940px) {
#festival181112 .box02 .inBox:after				{ width: 420px; height: 640px; top: -60px;}
}
@media screen and (max-width: 820px) {
#festival181112 .box02 .inBox:after				{ width: 320px; height: 490px;}
}
@media screen and (max-width: 750px) {
#festival181112 .box02 .inBox:after				{ width: 180px; height: 300px;}
}



@media screen and (max-width: 768px) {

#festival181112 .kids-main						{ margin-top: 2rem;}
#festival181112 .box01							{ margin-top: 2rem;}
#festival181112 .box01 .row-box					{ margin-top: 1rem; padding: 1rem; }
#festival181112 .box01 ul 						{ margin: 0 -0.5rem;  }
#festival181112 .box01 ul li					{ width: 50%; padding: 0 0.5rem; }
#festival181112 .box01 ul li:nth-child(n+4)		{ margin-top: 0; }
#festival181112 .box01 ul li:nth-child(n+3)		{ margin-top: 1rem; }

#festival181112 .box02							{ margin-top: 5rem; }
#festival181112 .box02 .inBox					{ padding: 2rem; background-color: #FFFFFF;}
#festival181112 .box02 .inBox:after				{ width: 150px; height: 230px; }
#festival181112 .box02 .b01						{}
#festival181112 .box02 .b01 .ttl-coler			{ text-align: left;}
#festival181112 .box02 .b01.last .ttl-coler		{ margin-top: 3rem;}
#festival181112 .box02 .b01 .link				{ margin-top: 1rem;}
#festival181112 .box02 .b01 ul					{ margin-top: 1rem;}
#festival181112 .box02 .b01 ul li				{ font-size: 1.2rem;}

#festival181112 .contact						{ padding: 3rem 1rem 1rem;}
#festival181112 .contact .lead					{ font-size: 1.4rem; text-align: left;}
#festival181112 .contact .link					{ width: auto; margin-top: 2rem;}
#festival181112 .contact .link a				{ font-size:1.6rem;}

}


/* suneeds */

#festival181112 .suneeds						{ }
#festival181112 .suneeds .row					{ -webkit-display: flex; display: flex; justify-content: space-between; margin-top: 70px;}
#festival181112 .suneeds .row .info-box			{ width: 50%;}
#festival181112 .suneeds .row .s_bg				{ display: flex; justify-content: right; padding: 1rem 4rem 4rem;  background:#ff931e}
#festival181112 .suneeds .row .s_bg .inner			{ max-width: 657px; margin: 0 ; }
#festival181112 .suneeds .row .logo				{ width: 50%; margin: 0 0 0 4rem; }

#festival181112 .suneeds .other-box				{ width: 545px; margin: 3rem 0 0 auto;}
#festival181112 .suneeds .other-box .u_line		{ display: inline-block; background: linear-gradient(transparent 70%, #ffd4a5 70%); background: -webkit-linear-gradient(transparent 70%, #ffd4a5 70%); font-size: 4rem;   }
#festival181112 .suneeds .other-box .u_line span{ font-size: 2.8rem; }
#festival181112 .suneeds .other-box .bg							{ margin-top: 2.5rem; text-align: left;}
#festival181112 .suneeds .other-box .bg a						{ display: block; padding: 1rem 2rem 1rem 7rem; border:#666666 1px solid; font-size: 1.6rem; }
#festival181112 .suneeds .other-box .bg a .row-box				{ -webkit-display: flex; display: flex; justify-content: space-between;  }
#festival181112 .suneeds .other-box .bg a .row-box .pic			{ width: 80px; }
#festival181112 .suneeds .other-box .bg a .row-box .txt			{ }
#festival181112 .suneeds .other-box .bg a .row-box .txt span		{ font-size: 2rem; font-weight: bold; }


@media screen and (max-width: 768px) {

#festival181112 .suneeds						{}
#festival181112 .suneeds .row					{ flex-wrap: wrap; margin-top: 0;}
#festival181112 .suneeds .row .info-box			{ width: 100%;}
#festival181112 .suneeds .row .s_bg				{ padding:1rem 4rem 3rem 0; background: #ff931e;}
#festival181112 .suneeds .row .logo				{ width: 100%; margin: 1rem 1rem 0 2rem; }

#festival181112 .suneeds .other-box				{ width: auto; margin: 0 1rem; text-align: center;  }
#festival181112 .suneeds .other-box .u_line		{ font-size: 2rem; }
#festival181112 .suneeds .other-box .u_line span{ font-size: 1.6rem; }
#festival181112 .suneeds .other-box .bg			{ margin-top: 2rem; }
#festival181112 .suneeds .other-box .bg a		{ padding: 1rem; font-size: 1.2rem; }
#festival181112 .suneeds .other-box .bg a .row-box			{ -webkit-display: flex; display: flex; justify-content: space-between;  }
#festival181112 .suneeds .other-box .bg a .row-box .pic		{ width: 60px; }
#festival181112 .suneeds .other-box .bg a .row-box .txt		{ }
#festival181112 .suneeds .other-box .bg a .row-box .txt span		{ font-size: 1.4rem; }

}




/* schedule */

#festival181112 .schedule .link			{ width: 300px; margin: 6rem auto 10rem;}
#festival181112 .schedule .link a		{ display: block; padding: 1.5rem; border: #ff931e 1px solid; color: #ff931e; background:none; background-size: 0.5rem; text-align: center;}
@media screen and (max-width: 768px) {
#festival181112 .schedule .link			{ margin: 2rem auto 10rem;}
}








/* tour_model
-------------------------------------------------------------------------------------------------------- */

/*概要*/
#tour_model .row-box							{ -webkit-display: flex; display: flex; }
#tour_model .lay-sect 							{ padding: 8rem 0 12rem; }
#tour_model .lay-sect .main-box					{ margin-top: 7rem;  }
#tour_model .lay-sect .main-box .pic			{ width: 560px; margin:0 2.5rem 0 -8rem;  }
#tour_model .lay-sect .main-box .txt-box		{ width: 590px; margin:60px 0 0 2.5rem;  }
#tour_model .lay-sect .main-box .txt-box .sub	{ margin:3rem 0 0;  }

#tour_model .lay-sect .join						{ margin:10rem 0 0; padding: 5rem 2rem 5rem 5rem; background-color: #fcfbf3;  }
#tour_model .lay-sect .join .row-box			{ justify-content: space-between;}
#tour_model .lay-sect .join .row-box .pic		{ margin-top: -12rem;}
#tour_model .lay-sect .join .row-box .txt-box	{ }
#tour_model .lay-sect .join .row-box .txt-box .main	{ margin: -9rem 0 0 -3rem; }
#tour_model .lay-sect .join .row-box .txt-box .sub	{ margin-top: 2rem; font-size: 1.8rem; font-weight: bold; }
#tour_model .lay-sect .join .row-box .txt-box dl	{ margin-top: 1rem; -webkit-display: flex; display: flex;  }
#tour_model .lay-sect .join .row-box .txt-box dl dt	{ width: 70px; }



@media screen and (max-width: 768px) {
#tour_model .row-box							{ flex-direction: column;}
#tour_model .lay-sect 							{ padding: 2rem 0 3rem; }
#tour_model .lay-sect .main-box					{ position: relative; margin: 3rem 0 12rem;  }
#tour_model .lay-sect .main-box .pic			{ width: 40%; margin: 0 22.5rem 0 0;  }
#tour_model .lay-sect .main-box .txt-box		{ position: absolute; top: 0; left: 0; width: 100%; margin:0;  }
#tour_model .lay-sect .main-box .txt-box .main	{ width: 60%; margin: 0 0 0 auto; }
#tour_model .lay-sect .main-box .txt-box .sub	{ margin:6rem 0 0;  }

#tour_model .lay-sect .join						{ margin:0; padding: 2rem 0 4rem; }
#tour_model .lay-sect .join .row-box			{ flex-direction: column-reverse;}
#tour_model .lay-sect .join .row-box .pic		{ margin: -10rem 2rem 2rem;}
#tour_model .lay-sect .join .row-box .txt-box .main	{ margin: -1rem 0 0 0; }
#tour_model .lay-sect .join .row-box .txt-box .sub	{ margin-top: 1rem; padding:0 2rem 0 ; font-size: 1.6rem;  }
#tour_model .lay-sect .join .row-box .txt-box dl	{ margin-top: 1.5rem; padding:0 2rem 0 ; font-size: 1.2rem;  }

}




/*学習分野*/
#tour_model .fl-exbox .box					{ width:  calc(50% - 4rem);}
#tour_model .fl-exbox .box:nth-child(n+3)	{ width:  calc(25% - 4rem);}
#tour_model .fl-exbox .box .title			{ font-size: 1.8rem;}


#tour_model .about							{ margin-top: 8rem; padding: 7rem 4rem; border-top: #b8b8b8 1px dotted; border-bottom: #b8b8b8 1px dotted;}
#tour_model .about .row-box					{ justify-content: space-between; }
#tour_model .about .row-box .txt-box .main	{ color: #009589; font-weight: bold; font-size: 2rem;}
#tour_model .about .row-box .txt-box .txt	{ margin-top: 1.5rem;}
#tour_model .about .row-box .link			{ width: 430px; }
#tour_model .about .row-box .link a			{ display: block; padding: 4.2rem 4rem 3.8rem; font-size: 2rem; color: #FFFFFF; background: url(../images/common/ico_ar_wh.png) no-repeat right 5% center #009589;}

@media screen and (max-width: 768px) {
#tour_model .fl-exbox 						{ -webkit-display: flex; display: flex; margin: 0 -1rem;}
#tour_model .fl-exbox .box					{ width: 100%; margin: 0 1rem; text-align: center;}
#tour_model .fl-exbox .box:nth-child(n+3)	{ width:  calc(50% - 2rem); margin: 0 1rem;}
#tour_model .fl-exbox .box .title			{ font-size: 1.2rem; margin-bottom: 1.5rem;}

#tour_model .about							{ margin-top: 4rem; padding: 2rem 0;}
#tour_model .about .row-box .txt-box .main	{ font-size: 1.6rem;}
#tour_model .about .row-box .txt-box .txt	{ margin-top: 1rem;}
#tour_model .about .row-box .link			{ width: auto; margin-top: 2rem; }
#tour_model .about .row-box .link a			{ padding: 2rem 2rem 1.8rem; font-size: 1.4rem; background: url(../images/common/ico_ar_wh.png) no-repeat right 5% center #009589;}

}



/* music_audition
-------------------------------------------------------------------------------------------------------- */

/* main */
#music_audition						{}
#music_audition .main				{ height: 80rem; padding: 5rem 0; background: url("../images/music_audition/main_bg.jpg") no-repeat center center; background-size: cover;}
#music_audition .main div			{ text-align: center;}
#music_audition .main div+div		{ margin-top: 14rem;}
#music_audition .main ul			{ -webkit-display: flex; display: flex; justify-content: center; flex-wrap: wrap; margin-top: 6rem; }
#music_audition .main ul li			{ display: inline-block; margin: 1rem; padding: 1rem 3rem; font-size: 1.8rem; font-weight: bold; color: #ffffff; border: #ffffff 1px solid;}
#music_audition .main ul li span	{ font-size: 1.4rem; font-weight: bold; color: #ffffff;}

@media screen and (max-width: 1023px) {
#music_audition .main				{ height: auto; padding: 8rem 0; }
#music_audition .main div+div		{ }
#music_audition .main div.pic01		{ max-width: 25rem; margin: 0 auto;}
#music_audition .main div.pic02		{ max-width: 56rem; margin: 5rem auto 0;}
#music_audition .main ul			{ margin-top: 3rem; }
}
@media screen and (max-width: 767px) {
#music_audition .main				{ padding: 5rem 0; }
#music_audition .main div.pic01		{ max-width: 18rem; }
#music_audition .main div.pic02		{ margin: 2rem auto 0;}
#music_audition .main ul			{ margin-top: 2rem; }
#music_audition .main ul li			{ display: block; width: 100%; margin: 1.5rem 0 0; padding: 1rem 0; font-size: 1.4rem; }
#music_audition .main ul li span	{ font-size: 1.2rem;}

}




/* sec01
#music_audition .sec01						{ padding: 7rem 0 ; background: #224777;}
#music_audition .sec01 .row					{ -webkit-display: flex; display: flex; }
#music_audition .sec01 .row div				{ width: 50%; }
#music_audition .sec01 .row div+div			{ border-left: #ffffff 1px solid;}

@media screen and (max-width: 1023px) {
#music_audition .sec01						{ margin-top: -2px; }

}

@media screen and (max-width: 767px) {
#music_audition .sec01						{ padding: 3rem 0 5rem; background: #224777;}
#music_audition .sec01 .row					{ -webkit-display: initial; display: initial; }
#music_audition .sec01 .row div				{ width: 100%; }
#music_audition .sec01 .row div+div			{ margin-top: 2rem; border-left:none;}
}
*/




/* sec02 */
#music_audition .sec02										{ padding: 12rem 0 ; /*background-image: url("../images/music_audition/sec01_bg.png"); background-position:  center top; background-size: contain; background-repeat: no-repeat;*/}
#music_audition .sec02 .inBox 								{ margin-top: 6rem; }
#music_audition .sec02 .inBox p								{ margin: 2rem 0; font-weight: bold; text-align: center; }
#music_audition .sec02 .inBox dl							{ }
#music_audition .sec02 .inBox dl+dl							{ margin-top: 3rem; }
#music_audition .sec02 .inBox dl dt							{ padding: 1.5rem; font-size: 1.8rem; font-weight: bold; color: #3670b9; text-align: center; border: #3670b9 2px solid; }
#music_audition .sec02 .inBox dl dd							{ }
#music_audition .sec02 .inBox dl dd ul						{ display: -webkit-flex; display: flex; flex-wrap: wrap; margin-top: 1.5rem;}
#music_audition .sec02 .inBox dl dd ul li					{ }
#music_audition .sec02 .inBox dl dd ul li::after			{ content: "/"; padding: 0 0.5rem; color: #b8b8b8; }
#music_audition .sec02 .inBox dl dd ul li:last-child::after	{ content: ""; padding: 0; }
#music_audition .sec02 .inBox ul li span					{ }
#music_audition .sec02 .inBox dl dd ul li span::before		{ content: "/"; padding: 0 0.5rem; color: #b8b8b8; }

@media screen and (max-width: 1023px) {
#music_audition .sec02 .inBox 							{ margin-top: 0; }
#music_audition .sec02 .inBox dl+dl						{ margin-top: 2rem; }
#music_audition .sec02 .inBox dl dt						{ padding: 1rem; font-size: 1.5rem;}
#music_audition .sec02 .inBox dl dd ul						{ margin-top: 1rem;}

}
@media screen and (max-width: 767px) {
#music_audition .sec02					{ padding: 5rem 0 3rem ;}
#music_audition .sec02 .inBox 			{ margin-top: 2rem; }
#music_audition .sec02 .inBox dl dt		{ padding: 1rem; font-size: 1.4rem;}

}




/* sec03 */
#music_audition .sec03						{ padding: 6rem 0 12rem; background: url("../images/music_audition/sec03_bg.jpg") no-repeat center center; background-size: cover;}
#music_audition .sec03 .tit-sect.wh			{ margin: 0 0 8rem; padding: 0; color: #ffffff; background: none; }
#music_audition .sec03 .tit-sect.wh:after	{ content: ""; display: block; width: 5rem; height: 2px; margin: 1.5rem auto 0; background: #ffffff; }
#music_audition .sec03 .box3				{ -webkit-display: flex; display: flex; justify-content: center; margin: 0 -20px; }
#music_audition .sec03 .box3 >*				{ width: calc(33.33% - 40px); margin: 0 20px; padding: 1rem; border: #ffffff 2px solid;}

@media screen and (max-width: 1023px) {
#music_audition .sec03						{ padding: 7rem 0 ; }
#music_audition .sec03 .box3				{ margin: 0 -10px; }
#music_audition .sec03 .box3 >*				{ width: calc(33.33% - 20px); margin: 0 10px; }

}

@media screen and (max-width: 767px) {
#music_audition .sec03						{ padding: 5rem 0 6rem; }
#music_audition .sec03 .tit-sect.wh			{ margin: 0 0 4rem;}
#music_audition .sec03 .box3				{ -webkit-display: initial; display: initial; margin: 0; }
#music_audition .sec03 .box3 >*				{ width:100%; margin: 2rem 0 0; padding: 0 3rem; }



}



/* sec04 */
#music_audition .sec04								{ padding: 3rem 0 12rem; }
#music_audition .sec04 .inBox						{ padding: 5rem 2rem 9rem ;}
#music_audition .sec04 .box3						{ -webkit-display: flex; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -15px; }
#music_audition .sec04 .box3 >*						{ width: calc(50% - 30px); margin: 0 15px; }
#music_audition .sec04 .box3 div:nth-child(2)		{ width: 100%; margin: 30px 15px 0; }

@media screen and (max-width: 767px) {
#music_audition .sec04 .inBox					{ padding: 2rem 2rem 4rem ;}
#music_audition .sec04 .box3					{ -webkit-display: initial; display: initial; margin: 0; }
#music_audition .sec04 .box3 >*					{ width:100%; margin: 2rem 0 0; }



}