@charset "UTF-8";
/* CSS Document */
body {display: block;margin: 0;}
.pc { display:none; }
.sp { display:block; }

/*topビジュアル*/
.main_voat_top {position: relative;padding-top: 1em;}

.page_title h2.sec-ttl{color:#fff;}
.page_title h2.sec-ttl span{color:#fff;}

.page_title {
position: absolute;
top: 42%;
right: 6%;
letter-spacing: 8px;}

.page_title .sec-ttl .ja {
display: block;
margin-top: 0.2rem;
font-size: 1rem;
font-weight: normal;
line-height: 1.53;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: 2px;}

/*説明*/
.about_wrap {
position: relative;
overflow: hidden;
height: 340px;
padding: 0 3%;}

.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
text-align: center;
font-size: .9rem;
letter-spacing: 6px;
line-height: 1.6;
color: #4d4d4d;}	

.t_blue img {
width: 26%;
position: absolute;
top: 4em;
right: 0em;}

.t_pink img {
width: 27%;
position: absolute;
top: 22em;
left: 0em;}	
	
.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
font-size: 0.7rem;
position: absolute;
text-align: center;
top: 12.5em;
left:1.2em;}


.showcase-explain-sec {margin-bottom: 3em;}
.showcase-explain-sec .sec-ttl {
font-size: 1.2rem;
color: #10A6E8;
font-weight: bold;
font-family: 'Noto Sans JP', sans-serif;}

.showcase-explain-sec .desc {
font-size: .8rem;
line-height: 1.5;
margin-bottom: 1.5em;
font-family: 'Noto Sans JP', sans-serif;}

.showcase-freelesson-sec .sec-ttl {
font-size: 1.5rem;
font-weight: bold;
color: #ED1E79;
margin-bottom: .5em;
font-family: 'Noto Sans JP', sans-serif;}

.showcase-freelesson-sec .desc {
font-size: .8rem;
font-family: 'Noto Sans JP', sans-serif;}

.showcase-freelesson-sec .lead {
font-size: .8rem;
font-family: 'Noto Sans JP', sans-serif;}

.showcase-freelesson-sec a {
display: block;
color: #ED1E79;
padding-top: .5em;
font-weight: bold;
font-size: 1.2em;
font-family: 'Noto Sans JP', sans-serif;}

.showcase-entry-sec .sec-ttl {
font-size: 	1.5rem;
color: #10A6E8;
font-weight: bold;
font-family: 'Noto Sans JP', sans-serif;}

.showcase-entry-sec .lead {
font-size: 1rem;
line-height: 1.5;
font-weight: bold;
text-align: center;
margin-bottom: 14px;
font-family: 'Noto Sans JP', sans-serif;}

.showcase-entry-sec .desc {
font-size: .8rem;
line-height: 1.5;
margin-bottom: 2em;
font-family: 'Noto Sans JP', sans-serif;}

.btnArea {padding: 10px 0;}

.third-btn {
font-size: 1rem;
background: #ED1E79;
border-radius: 50px;
display: block;
padding: 0.8em 0;
text-align: center;
font-weight: bold;
width: 100%;
color: #FFF;
margin-bottom: 2em;
font-family: 'Noto Sans JP', sans-serif;}

.sp-entry-info {
border: solid 1px #ED1E79;
border-radius: 4px;
margin-bottom: 2em;}

.sp-entry-info .lead {
padding: 1em !important;
font-size: 1.4rem !important;
line-height: 1.8 !important;
text-align: left;
margin-bottom: 0!important;
font-family: 'Noto Sans JP', sans-serif;}

.sp-entry-info .contact-info {
background: #FDF5F7;
padding: 1em;
text-align: center;
font-size: 1.4rem;
line-height: 1.5;
border-radius: 0 0 4px 4px;
font-family: 'Noto Sans JP', sans-serif;}

.sp-entry-info .contact-info .desc {margin-bottom: 0!important;}

.pc-entry-info .sp-hide{padding:0 3%;}

.pc-entry-info table {
width: 94%;
background: #fff;
margin-bottom: 1em;}

table {
border-collapse: collapse;
border-spacing: 0;}

.pc-entry-info table th {
background: #efefef;
border-top: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
text-align: center;
font-weight: normal;
padding: 10px;
font-size: 1rem;
font-family: 'Noto Sans JP', sans-serif;}

.pc-entry-info table th, body .pc-entry-info table td {
display: block;
width: 100%;}

.pc-entry-info table td {
border-top: solid 0px #CCCCCC;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
text-align: center;
padding: 20px 10px;
font-size: 1rem;
font-family: 'Noto Sans JP', sans-serif;}

.pc-entry-info table td .tel {
font-size: 1.8rem;
color: #ED1E79!important;
font-weight: 400;}

.pc-entry-info table td .name {
margin-bottom: 6px;
display: block;
font-family: 'Noto Sans JP', sans-serif;}


.pc-entry-info table td:last-child {border-right: solid 1px #CCC;}

.quest {font-family: 'Questrial', sans-serif;}

.pc-entry-info table td a {color: #3FC6D1;}

.audition-link {
background: url(../common/images/pink-arrow-ico.png) no-repeat center right 20px #FDF5F7;
background-size: 9px;
border-radius: 4px;}

.audition-link a {
display: block;
color: #ED1E79;
padding: 15px;
font-family: 'Noto Sans JP', sans-serif;}

.audition-link .thumb {width: 105px;float: left;}
.audition-link .thumb img {border: solid 1px #ED1E79;}

.audition-link .lead {
font-size: 1rem;
line-height: 1.3;
/* padding: 12px 0 0px; */
font-family: 'Noto Sans JP', sans-serif;}

.audition-link .lead .em {font-size: 1.5rem;font-family: 'Noto Sans JP', sans-serif;}

.clearfix:after {
content: '';
display: block;
clear: both;
height: 0;}


/*SP版設定*/
@media screen and (max-width:320px){
.sec-ttl .ja {
display: block;
margin-top: 0.2rem;
font-size: 1rem;
font-weight: normal;
line-height: 1.53;}	
	
.page_title {
position: absolute;
top: 42%;
right: 1%;
letter-spacing: 8px;}	
	
	
.about_wrap {
position: relative;
overflow: hidden;
height: 433px;
padding: 0 3%;}

.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
font-size: 0.5rem;
position: absolute;
text-align: center;
top: 25.5em;
left: .8em;}	
	
.showcase-explain-sec .sec-ttl {
font-size: 1.5rem;
color: #10A6E8;
font-weight: bold;
font-family: 'Noto Sans JP', sans-serif;}		

.showcase-freelesson-sec .sec-ttl {
font-size: 1.5rem;
font-weight: bold;
color: #ED1E79;
margin-bottom: .5em;
font-family: 'Noto Sans JP', sans-serif;}
	
.pc-entry-info table td .tel {
font-size: 1.5rem;
color: #ED1E79!important;
font-weight: 400;}
	
}
@media screen and (min-width:768px){
.pc { display:block; }
.sp { display:none; }
/*topビジュアル*/
.main_voat_top {position: relative;padding-top: 0em;}	
	
.about_wrap {
position: relative;
overflow: hidden;
height: 464px;}
	
.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
text-align: center;
font-size: 1.2em;
letter-spacing: 6px;
line-height: 1.6;}
	
.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1rem;
position: absolute;
text-align: center;
top: 9.5em;
left: 6em;}

.showcase-explain-sec .sec-ttl {font-size: 1.5rem;color: #10A6E8;font-weight: bold;}
.showcase-explain-sec .desc {font-size: 1rem;line-height: 1.5;margin-bottom: 1.5em;}	

.wrap {
padding: 0;
margin: 0 auto;
max-width: 82%;}

.showcase-freelesson-sec .lead {font-size: 1rem;}	
.showcase-entry-sec .lead {
font-size: 1.3rem;
line-height: 1.5;
font-weight: bold;
text-align: center;
margin-bottom: 14px;}

.showcase-entry-sec .desc {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 2em;}	
	
.t_pink img {
width: 27%;
position: absolute;
top: 17em;
left: 0em;}

.pc-entry-info table th, body .pc-entry-info table td {
display: table-cell;
width: auto;}	

.pc-entry-info table th {
background: #efefef;
border: solid 1px #CCCCCC;
text-align: center;
font-weight: normal;
padding: 10px;
font-size: 1rem;}
	
.pc-entry-info table td {
border: solid 1px #CCCCCC;
border-right: dotted 2px #CCC;
text-align: center;
padding: 20px 10px;
font-size: 1.2rem;}
	
.pc-entry-info table td:last-child {border-right: solid 1px #CCC;}
	
.pc-entry-info table {
width: 100%;
background: #fff;
margin-bottom: 1em;}	
	
.pc-entry-info table td .tel {
font-size: 1.5rem;
color: #ED1E79!important;
font-weight: 400;}
	
.audition-link {margin-bottom: 5em;}
	
}

@media screen and (min-width:1024px){
/*topビジュアル*/
.main_voat_top {position: relative;padding-top: 0em;}

.page_title h2.sec-ttl{color:#fff;}
.page_title h2.sec-ttl span{color:#fff;}

.page_title {
position: absolute;
top: 33%;
right: 0%;
left: 0%;
letter-spacing: 8px;}

.page_title .sec-ttl .en {font-size: 2.7rem;letter-spacing: 16px;}	
	
	
/*説明*/
.about_wrap {
position: relative;
overflow: hidden;
height: 530px;}

.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
text-align: center;
font-size: 1.7rem;
letter-spacing: 6px;
line-height: 1.6;
color: #4d4d4d;}	
	
.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1rem;
position: absolute;
text-align: center;
top: 12.5em;
left: 14.5em;}
	
	
.third-btn {
font-size: 1.3rem;
background: #ED1E79;
border-radius: 50px;
display: block;
padding: 0.8em 0;
text-align: center;
font-weight: bold;
width: 100%;
color: #FFF;
margin-bottom: 2em;}


}


@media screen and (min-width:1440px){

.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1rem;
position: absolute;
text-align: center;
top: 12.5em;
left: 26.5em;}	
	
.showcase-explain-sec .sec-ttl {
font-size: 2rem;
color: #10A6E8;
font-weight: bold;}
	
.audition-link a {
display: block;
color: #ED1E79;
padding: 3% 6%;font-family: 'Noto Sans JP', sans-serif;}

.audition-link .thumb {width: 200px;float: left;}
	
.showcase-entry-sec .lead {
font-size: 1.8rem;
line-height: 1.5;
font-weight: bold;
text-align: center;
margin-bottom: 14px;}
	
.audition-link .lead .em {font-size: 3rem;font-family: 'Noto Sans JP', sans-serif;}
.audition-link {margin-bottom: 7em;}
	
	
	
}