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

.res-img {
width: 100%;
height: auto;
vertical-align: bottom!important;}

/*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: 13%;
letter-spacing: 4px;}

/*説明*/
.about_wrap {
position: relative;
overflow: hidden;
height: 75px;}

/*.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 1.1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;}*/

.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
font-size: 0.6rem;
padding: 2% 5%;
letter-spacing: 1.1px;}	

/*guidance*/
.sec {margin-bottom: 2.5rem;}

.web-reserve span.pict2 img {width: 45px;}
.tel-reserve span.pict2 img {width: 30px;}	

.guidance-entrance-sec .sec-ttl {
font-size: 1.5rem;
margin-bottom: .5em;
font-weight: bold;
font-family: 'Noto Sans JP', sans-serif;}

.wrap {padding: 0 4%;}

.guidance-entrance-sec .lead {
font-size: .8rem;
line-height: 1.5;
margin-bottom: 1em;
text-align:center;
font-family: 'Noto Sans JP', sans-serif;}

.contact-desc {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 1em;
font-weight: bold;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;}

.reserved-box .pict {text-align: center;margin-bottom: 1.5em;}
.web-reserve .pict img {width: 45px;}

.reserved-box .title {
font-size: 1.5rem;
color: #ED1E79;
font-weight: bold;
margin-bottom: 8px;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;}

.reserved-box .desc {
font-size: .8rem;
line-height: 1.5;
margin-bottom: 1em;
text-align:center;
font-family: 'Noto Sans JP', sans-serif;}

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

.reserved-box .pict {text-align: center;margin-bottom: 1.5em;}
.tel-reserve .pict img {width: 30px;}

.sp-entry-info {
border: solid 1px #fc5087d9;
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;}

.sp-entry-info .lead .tel-icon {
background: #fc5087d9;
width: 30px;
height: 30px;
display: inline-block;
padding: 2px;
margin: 0 5px 2px;
text-align: left;}

.sp-entry-info .lead .tel-icon img {max-width: 100%;}

.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;}

.pc-entry-info table {
width: 100%;
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;}

.pc-entry-info table th,.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: 1.5rem;
font-family: 'Noto Sans JP', sans-serif;}

.pc-entry-info table td .name {margin-bottom: 6px;display: block;}
.pc-entry-info table td .tel {
font-size: 2.0rem;
color: #fc5087d9!important;
font-weight: 400;
font-family: 'Noto Sans JP', sans-serif;}

.quest {font-family: 'Questrial', sans-serif;}
.pc-entry-info table td a {color: #3FC6D1;}

.guidance-entrance-sec .need {margin-bottom: 2em;}
.guidance-entrance-sec .need .need-ttl {
background: #f6f6f6;
font-size: 1.5rem;
border: solid 1px #CCC;
padding: .6em 0;
text-align: center;
font-weight: bold;
font-family: 'Noto Sans JP', sans-serif;}	

.guidance-entrance-sec .need .need-ttl .em {
font-weight: normal;
font-size: 1rem;
display: block;
padding-top: .2em;
font-family: 'Noto Sans JP', sans-serif;}

.guidance-entrance-sec .need .flex {
display: -webkit-flex;
display: -ms-flex;
display: flex;
text-align: center;
align-items: center;
border-right: solid 1px #CCC;
border-left: solid 1px #CCC;
padding: .8em;}

.guidance-entrance-sec .need .flex .pict {
display: block;
width: 41px;
margin: 0;}

.guidance-entrance-sec .need .flex .txt {
width: calc( 100% - 41px );
font-size: 1.2rem;
font-weight: bold;
font-family: 'Noto Sans JP', sans-serif;}

.guidance-entrance-sec .need .flex+.flex {
border-top: dotted 1px #CCC;
border-bottom: dotted 1px #CCC;}

.guidance-entrance-sec .need .flex .txt {
width: calc( 100% - 41px );
font-size: 1.4rem;
font-weight: bold;
font-family: 'Noto Sans JP', sans-serif;}

.guidance-entrance-sec .need .notice {
padding: .8em;
font-size: .8rem;
display: block;
text-align: left;
border: solid 1px #CCC;
border-top: none;}

.guidance-entrance-sec .join-campaign-box {
border: 4px solid #ED1E79;
/*padding: 1em;*/
text-align: center;
font-size: 1.2rem;
line-height: 1.4;
background-color: #fff;
font-weight: bold;
font-family: 'Noto Sans JP', sans-serif;}

.guidance-entrance-sec .campaignprice {
color: #ED1E79;
display: block;
font-weight: bold;
font-family: 'Noto Sans JP', sans-serif;}

.guidance-entrance-sec .bigprice {
font-weight: bold;
font-size: 2.4rem;
font-family: 'Noto Sans JP', sans-serif;}

/*course*/
.course-intro-sec .desc {font-size: .8rem;line-height: 1.5;text-align:center;font-family: 'Noto Sans JP', sans-serif;}
.course-intro-sec .desc .common-course {color: #3FC6D1;}
.course-intro-sec .desc .pro-course {color: #fc5087d9;}

.course-common-sec {
padding: 3em 0 0;
border-top: solid 1px #3FC6D1;
background: #F5FFFF;
margin-bottom: 0;}

.course-common-sec .sec-ttl {margin-bottom: 1em;text-align: center;}
.course-common-sec .sec-ttl .ja {
color: #3FC6D1;
font-size: 2rem;
font-weight: bold;
font-family: 'Noto Sans JP', sans-serif;}
	
.course-common-sec .desc {
font-size: 1.2rem;
line-height: 1.5;
text-align: center;
font-weight: bold;
margin-bottom: 1em;
font-family: 'Noto Sans JP', sans-serif;}

.course-common-sec .notice {
font-weight: bold;
color: #3FC6D1;
font-size: 1rem;
display: block;
text-align: center;
margin-bottom: 1em;
font-family: 'Noto Sans JP', sans-serif;}

.course-common-sec .price-table .notice {
font-weight: normal;
color: #3FC6D1;
font-size: 1rem;
display: block;
text-align: center;
margin-bottom: 1em;
font-family: 'Noto Sans JP', sans-serif;}

table {width: 100%;font-size: 1rem;}

.price-table thead td {
color: #FFF;
font-size: 1rem;
font-weight: bold;
font-family: 'Noto Sans JP', sans-serif;}

.price-table td {
padding: 1em .5em;
text-align: center;
background: #FFF;
border: solid 1px #CCC;
font-family: 'Noto Sans JP', sans-serif;}

.course-common-sec .price-table thead td {background: #3FC6D1;}

.price-table td.td-y span {
position: absolute;
top: -1em;
left: -1em;
font-size: 60%;
font-weight: bold;
background: #ED1E79;
padding: .3em .4em;
color: #fff;
border-radius: 12px;
font-family: 'Noto Sans JP', sans-serif;}

.price-table td.td-y {background: #fffbd7;position: relative;}

.course-common-sec .fourth-btn {
background-image: none;
display: inline-block;
width: 100%;
border-radius: 12px;
padding: .8em 0 .6em;
margin: 1em 0 2.5em;}

.fourth-btn {
width: auto;
background: url(../img/common/white-arrow.png) no-repeat right 10px center #3FC6D1;
background-size: 4px;
border-radius: 15px;
color: #FFF;
text-align: center;
font-weight: bold;
font-size: 1rem;
margin: 0 auto 0;
display: block;
padding: .6em;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec {
padding: 27px 0;
border-top: solid 1px #fc5087d9;
background: #FDF5F7;}

.course-pro-sec .sec-ttl .ja {
color: #fc5087d9;
font-size: 2rem;
font-weight: bold;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .lead {
font-size: 1.3rem;
line-height: 1.5;
text-align: center;
font-weight: bold;
margin-bottom: 1em;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .desc {
font-size: 1rem;
line-height: 1.4;
text-align: center;
/*font-weight: bold;*/
margin-bottom: 1.4em;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .desc-supplement{font-size:.6em;font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .notice {
font-weight: bold;
color: #fc5087d9;
font-size: 1rem;
display: block;
text-align: center;
margin-bottom: 1em;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .price-table thead td { background: #fc5087d9;}
.price-table thead td span {
color: #FFF;
font-size: 1.0rem;
display: block;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .price-table .notice {
color: #fc5087d9;
margin-bottom: 20px;
text-align: center;
display: block;
font-weight: 400;
line-height: 1.4;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .lesson-feature-ttl {
max-width: 260px;
margin: 10px auto;}

.group-box {margin-bottom: 1em;}

.course-pro-sec .lesson-feature-box {
position: relative;
background: #FFF;
border: solid 1px #fc5087d9;
padding: .5em 0 .5em;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .lesson-feature-box .f-point {
border-radius: 0;
border: none;
top: 0;
left: 0;
width: 40px;
height: 40px;
color: #FFF;
font-family: 'Noto Sans JP', sans-serif;}

.f-point {
position: absolute;
margin: 0 auto 1rem;
width: 35px;
height: 35px;
text-align: center;
background: #fc5087d9;
border-radius: 50%;
border: solid 2px #FFF;
top: -11px;
left: 0;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .lesson-feature-box .f-point .pre {
font-size: .7rem;
line-height: 1;
display: block;
padding-top: 7px;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .lesson-feature-box .f-point .num {
font-size: 1.4rem;
display: block;
text-align: center;
line-height: 1;}

.c-special-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
box-sizing: border-box;}

.c-special-wrap div {width: 64%;padding-right: .5em;}
.course-pro-sec .lesson-feature-box .thumb {width: 27%;padding: .5em;}

.course-pro-sec .lesson-feature-box .title {
color: #fc5087d9;
font-size: 1.2rem;
margin-bottom: .3em;
font-weight: bold;
padding-top: .2em;
text-align:left;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .lesson-feature-box .desc {
font-size: .8rem;
text-align: left;
line-height: 1.4;
padding-right: 10px;
margin-bottom: 0;
font-weight: normal;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .lesson-feature-ttl {max-width: 260px;margin: 10px auto;}
.course-pro-sec .lesson-feature-box:not(:last-child) {border-bottom: none;}

.f-point {
position: absolute;
margin: 0 auto 1rem;
width: 35px;
height: 35px;
text-align: center;
background: #fc5087d9;
border-radius: 50%;
border: solid 2px #FFF;
top: -11px;
left: 0;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .lesson-feature-box .f-point .pre {
font-size: .7rem;
line-height: 1;
display: block;
padding-top: 4px;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .lesson-feature-box .f-point .num {
font-size: 1.4rem;
display: block;
text-align: center;
line-height: 1;}

.c-special-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
box-sizing: border-box;}

.course-pro-sec .lesson-feature-box .thumb {width: 27%;padding: .5em;}

.course-pro-sec .lesson-feature-box .desc {
font-size: 1.2rem;
text-align: left;
line-height: 1.4;
padding-right: 10px;
margin-bottom: 0;
font-weight: normal;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .lesson-feature-box {
position: relative;
background: #FFF;
border: solid 1px #fc5087d9;
padding: .5em 0 .5em;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .lesson-feature-box:not(:last-child) {border-bottom: none;}

.course-pro-sec .lesson-feature-box .f-point .pre {
font-size: .7rem;
line-height: 1;
display: block;
padding-top: 4px;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .lesson-feature-box .f-point .num {
font-size: 1.4rem;
display: block;
text-align: center;
line-height: 1;}

.c-special-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
box-sizing: border-box;}

.course-pro-sec .lesson-feature-box .thumb {width: 27%;padding: .5em;}
.course-pro-sec .lesson-feature-box .title {
color: #fc5087d9;
font-size: 1.2rem;
margin-bottom: .3em;
font-weight: bold;
padding-top: .2em;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .lesson-feature-box .desc {
font-size: .8rem;
text-align: left;
line-height: 1.4;
padding-right: 10px;
margin-bottom: 0;
font-weight: normal;
font-family: 'Noto Sans JP', sans-serif;}

.lesson-middle-ttl {
text-align: center;
font-weight: bold;
font-size: 1.5rem;
margin-top: 2em;
margin-bottom: .5em;
font-family: 'Noto Sans JP', sans-serif;}

.lead.small {font-size: 1rem;margin-bottom: 1em;font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .price-table.add-option td {font-size: 1rem;font-family: 'Noto Sans JP', sans-serif;}
.course-pro-sec .price-table.add-option thead td {
background: #FFD7E7;
color: #000;}


.lead.small2 {font-size: 1rem;margin-bottom: 1em;font-family: 'Noto Sans JP', sans-serif;}

.course-genre-list-box {
background: #FFF;
border: solid 1px #CCC;
padding: .8em;
margin-bottom: 2em;
font-family: 'Noto Sans JP', sans-serif;}

.course-genre-list-box .box-header:not(:last-child) {border-bottom: dotted 1px #CCC;}
.course-genre-list-header {padding-bottom: 8px;}

.course-genre-list-box .img {
float: right;
width: 70px;
margin-left: 1em;
margin-bottom: 1em;}

.course-genre-list-box .img {
float: right;
width: 70px;
margin-left: 1em;
margin-bottom: 1em;}

.course-genre-list-box .ttl {
color: #3FC6D1;
font-size: 1.3rem;
font-weight: bold;
margin-bottom: .5em;
padding: .2em 0 0 .2em;
font-family: 'Noto Sans JP', sans-serif;}

.course-genre-list-box .ttl a {color: #3FC6D1;font-family: 'Noto Sans JP', sans-serif;}

.course-genre-list-box .sub-ttl {
display: block;
font-size: 1rem;
padding-top: .5em;
color: #000;
font-family: 'Noto Sans JP', sans-serif;}

.course-genre-list-box .ttl-desc {
font-size: 1rem;
line-height: 1.5;
padding-left: .2em;
font-family: 'Noto Sans JP', sans-serif;}

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

.course-genre-list-example {
padding-bottom: 1em;
padding-top: 1em;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;}

.course-genre-list-box .box-header:not(:last-child) {border-bottom: dotted 1px #CCC;}
.course-genre-list-example dt {
display: inline-block;
color: #3FC6D1;
font-weight: bold;
vertical-align: top;
padding: 0 .2em;
font-size: 1.3rem;
font-family: 'Noto Sans JP', sans-serif;}

.course-genre-list-example dd {
display: inline-block;
vertical-align: middle;
font-size: 1rem;
line-height: 1.5;
font-family: 'Noto Sans JP', sans-serif;}

.course-genre-list-example ul {padding-inline-start:0px;}

.course-genre-list-example li::before {content: "□";}

.course-genre-list-artist {padding-bottom: 8px;padding-top: 8px;font-family: 'Noto Sans JP', sans-serif;}
.course-genre-list-artist .artist-ttl {
font-size: 1.3rem;
color: #fc5087d9;
font-weight: bold;
padding: 0 0 0 .2em;
margin-bottom: .5em;
font-family: 'Noto Sans JP', sans-serif;}

.course-genre-list-artist ul {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-inline-start:0px;}

.course-genre-list-artist li {
border: solid 2px #000;
width: 50%;
text-align: center;
font-weight: bold;
font-size: 1.4rem;
padding: .6em 0 .4em;
font-family: 'Noto Sans JP', sans-serif;}

.course-genre-list-artist li:not(:last-child) {border-right: none;}
.course-genre-list-artist li .sub {
font-size: .8rem;
padding-top: .2em;
display: block;
font-family: 'Noto Sans JP', sans-serif;}



/*SP版設定*/
@media screen and (max-width:320px){
/*topビジュアル*/
	
.page_title {
position: absolute;
top: 42%;
right: 6%;
letter-spacing: 4px;}

.page_title .sec-ttl .ja {
display: block;
margin-top: 0.2rem;
font-size: 1rem;
font-weight: normal;
line-height: 1.53;}	
	
.course-intro-sec .sec-ttl .ja {
display: block;
margin-top: 0.2rem;
font-size: 1rem;
font-weight: normal;
line-height: 1.53;}	
	
h2 .sec-ttl .en {
font-size: 1.2rem;
font-weight: 200;
margin-bottom: 0;
display: block;
font-family: 'raleway', sans-serif;
letter-spacing: 5px;}
	
/*course*/
	
.course-common-sec .desc {
font-size: 1rem;
line-height: 1.5;
text-align: center;
font-weight: bold;
margin-bottom: 1em;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .lead {
font-size: 1rem;
line-height: 1.5;
text-align: center;
font-weight: bold;
margin-bottom: 1em;
font-family: 'Noto Sans JP', sans-serif;}	
	
.course-pro-sec .desc {
font-size: .8rem;
line-height: 1.4;
text-align: center;
margin-bottom: 1.4em;
font-family: 'Noto Sans JP', sans-serif;}
	
.course-common-sec .price-table .notice {
color: #3FC6D1;
font-size: .8rem;
display: block;
text-align: center;
margin-bottom: 1em;
font-family: 'Noto Sans JP', sans-serif;
font-weight: normal;}	
	
.course-pro-sec .price-table .notice {
color: #fc5087d9;
margin-bottom: 20px;
text-align: center;
display: block;
line-height: 1.4;
font-family: 'Noto Sans JP', sans-serif;
font-size: .8em;}
	
.lesson-middle-ttl {font-size: 1.2rem;margin-top: 1em;}
.lead.small {font-size: .9rem;font-weight: normal;}
.lead.small2 {font-size: .9rem;}
	
	
}

@media screen and (min-width:768px){
.pc { display:none; }
.sp { display:block; }
/*topビジュアル*/
.main_voat_top {padding-top: 0;}	
	
.page_title {
position: absolute;
top: 30%;
left: 2%;
right: 0%;
letter-spacing: 8px;}
	
/*説明*/
.about_wrap {height: 111px;}

/*.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 2.1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;}*/

.about_sub_text {font-size: 1.1rem;letter-spacing: 2.5px;padding: 1% 5%;}

/*guidance*/
.sec {margin-bottom: 3rem;}

.guidance-entrance-sec .sec-ttl {font-size: 2.5rem;}
.guidance-entrance-sec .lead {font-size: 1rem;margin-bottom: 2em;text-align: center;}

.contact-desc {font-size: 1.5rem;}
.reserved-box .pict {
text-align: center;
margin: 1em auto 1.5em;
width: 70px;}

.web-reserve span.pict2 img {width: 60px;}
.tel-reserve span.pict2 img {width: 37px;}	
	
.web-reserve .pict img {width: 70px;}	
.reserved-box .title {
font-size: 2.5rem;
text-align: center;
margin-bottom: .5em;}	
	
.reserved-box .desc {
font-size: 1rem;
text-align: center;
margin-bottom: 2em;}
	
.third-btn {
font-size: 1.8rem;
padding: 0;
width: 490px;
margin: 0 auto 56px;
height: 80px;
line-height: 80px;
margin-bottom: 1em;}

.reserved-box .pict {
text-align: center;
margin: 1em auto 1.5em;
width: 70px;}

.tel-reserve .pict img {width: 40px;}

.pc-entry-info table {
width: 100%;
margin-bottom: 95px;}	

.pc-entry-info table th,.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: 1.7rem;}	
	
.pc-entry-info table td {
border: solid 1px #CCCCCC;
border-right: dotted 2px #CCC;
text-align: center;
padding: 20px 10px;
font-size: 1.9rem;}	

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

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

.page-guidance .reserved-box .desc {
font-size: 1.8rem;
text-align: center;
margin-bottom: 2em;}
	
.guidance-entrance-sec .need {margin-bottom: 3em;}
.guidance-entrance-sec .need .need-ttl {font-size: 1.5rem;}

.guidance-entrance-sec .need .need-ttl .em {
font-weight: normal;
font-size: 1rem;
display: inline;
padding: 0 0 0 1em;}

.guidance-entrance-sec .need .flex {
width: 35%;
float: left;
border: none;
min-height: 110px;
border-left: solid 1px #ccc;}

.guidance-entrance-sec .need .flex .pict {
width: 70px;
margin-left: 20px;}
	
.guidance-entrance-sec .need .flex .txt {font-size: 1.2rem;}

.guidance-entrance-sec .need .flex+.flex {
border: none;
width: 57.4%;
border-right: solid 1px #ccc;
border-left: none;
/*font-size: 2.1rem;*/}

.guidance-entrance-sec .need .flex+.flex .pict {width: 110px;}	

.guidance-entrance-sec .need .notice {
font-size: 1rem;
border-top: dotted 1px #CCC;
clear: both;
display: block;}
	
.guidance-entrance-sec .join-campaign-box {
font-size: 1.5rem;
padding: .2em;
margin: 0 0 3em;}

.guidance-entrance-sec .campaignprice {
display: inline;
padding-left: .3em;}
	
.guidance-entrance-sec .bigprice {
font-weight: bold;
font-size: 3rem;}
	
/*course*/
.course-intro-sec .desc {font-size: 1rem;text-align: center;}
.course-common-sec {margin-bottom: -3rem;}

.course-common-sec .sec-ttl {margin-bottom: 10px;padding-top: 20px;}

.sec-ttl .ja {
display: block;
font-size: 1.3rem;
margin-left: 0;
/*font-size: 4.6rem;*/}
	
.course-common-sec .desc {font-size: 1.5rem;margin-bottom: 45px;}
.course-common-sec .notice {font-size: 1rem;text-align: center;font-weight:bold;}
.course-common-sec .price-table .notice {font-size: 1rem;text-align: center;font-weight:normal;}

.price-table {font-size: .8rem;margin-bottom: 30px;}	
.course-common-sec .price-table thead td {background: #3FC6D1;font-size: 1rem;}
.price-table td {padding: 1em 1em;}
	
/*.price-table .w_520 {width: 520px;}
.price-table .w_320 {width: 320px;}*/

.course-common-sec .btnArea {text-align: center;margin-bottom: 43px;}
	
.course-common-sec .fourth-btn {
width: 70%;
border-radius: 40px;
font-size: 1rem;
background-size: 8px auto;}

.course-pro-sec .sec-ttl .ja {font-size: 2.8rem;}
.course-pro-sec .lead {font-size: 1.5rem;}

.course-pro-sec .desc {font-size: 1rem;}
.course-pro-sec .notice {font-size: 1rem;text-align: center;margin-bottom:0em;}	

.price-table {
font-size: 0.8rem;
margin-bottom: 30px;
width: 100%;
padding: 0 10% 0 10%;
text-align: center;}
	
.course-pro-sec .price-table thead td {font-size: 1rem;}	

.price-table thead td span {
color: #FFF;
font-size: .8rem;
display: inline;
padding-left: .5em;}


.course-pro-sec .lesson-feature-ttl {
max-width: 580px;
margin-bottom: 20px;
margin-top: 20px;}
	
.course-pro-sec .lesson-feature-block {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: .5em;
overflow: hidden;
box-sizing: border-box;}
	
.group-box {margin: 2em 0 3em;border-bottom: solid 1px #ED1E79;}
.course-pro-sec .lesson-feature-box:nth-child(odd) {
border-top: solid 1px #ED1E79;
border-left: none;
border-bottom: none;
border-right: solid 1px #ED1E79;}
	
.course-pro-sec .full-feature-box {
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
border-right: solid 1px #ED1E79;
border-left: solid 1px #ED1E79!important;}

.course-pro-sec .lesson-feature-box {
-webkit-flex-basis: 49.8%;
-ms-flex-basis: 49.8%;
flex-basis: 49.8%;
border: none;
width: 49.8%;}

.course-pro-sec .lesson-feature-box .f-point {width: 49px;height: 49px;}
.course-pro-sec .lesson-feature-box .f-point .pre {font-size: 1.2rem;padding-top: 8px;}

.group-box .f-point .num {padding-top: .1em;font-size: 2.7rem;}

.full-feature-box .c-special-wrap .thumb {width: 13%!important;}
.course-pro-sec .lesson-feature-box .thumb {width: 27%;}
.full-feature-box .c-special-wrap div {width: 83%!important;}
	
.lesson-feature-box .c-special-wrap div {width: 83%;padding-right: .5em;}
	
.course-pro-sec .lesson-feature-box .title {
padding-top: 15px;
font-size: 2.4rem;
margin-bottom: .5em;
text-align: left;}
	
.course-pro-sec .lesson-feature-box .desc {
font-size: 1.8rem;
line-height: 1.58;}
	
.course-pro-sec .lesson-feature-ttl {
max-width: 580px;
margin-bottom: 20px;
margin-top: 20px;}
	
.course-pro-sec .lesson-feature-block {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: .5em;
overflow: hidden;
box-sizing: border-box;}
	
.course-pro-sec .lesson-feature-box:nth-child(odd) {
border-top: solid 1px #ED1E79;
border-left: none;
border-bottom: none;
border-right: solid 1px #ED1E79;}

.course-pro-sec .full-feature-box {
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
border-right: solid 1px #ED1E79;
border-left: solid 1px #ED1E79!important;}

.course-pro-sec .lesson-feature-box .f-point {width: 49px;height: 49px;}
.course-pro-sec .lesson-feature-box .f-point .pre {font-size: .7rem;padding-top: 8px;}
	
.course-pro-sec .lesson-feature-box .f-point .num {font-size: 1.7rem;}	
.full-feature-box .c-special-wrap .thumb {width: 13%!important;}

.course-pro-sec .full-feature-box .title {font-size: 2rem;}
.course-pro-sec .lesson-feature-box .desc {font-size: 1.1rem;line-height: 1.58;}	
	
.course-pro-sec .lesson-feature-box {
-webkit-flex-basis: 49.8%;
-ms-flex-basis: 49.8%;
flex-basis: 100%;
border: none;
width: 49.8%;}

.course-pro-sec .lesson-feature-box:nth-child(even) {
border-top: solid 1px #ED1E79;
border-left: solid 1px #ED1E79;
border-bottom: none;
border-right: solid 1px #ED1E79;}	
	
.course-pro-sec .lesson-feature-box .thumb {width: 13%;padding: .5em;}

.course-pro-sec .lesson-feature-box .title {
margin-top: -10px;
font-size: 1.5rem;
margin-bottom: .5em;
text-align: left;}
	

.course-pro-sec .lesson-feature-box:nth-child(odd) {
border-top: solid 1px #ED1E79;
border-left: none;
border-bottom: none;
border-right: solid 1px #ED1E79;}
	
.course-pro-sec .lesson-feature-box:nth-child(4),
.course-pro-sec .lesson-feature-box:nth-child(5) {
border-bottom: solid 1px #ED1E79;}

.lesson-middle-ttl {font-size: 2rem;}
.lead.small {font-size: 1.5rem;margin-bottom: 20px;}
	
.course-pro-sec .price-table.add-option {margin-bottom: 50px;}

.course-pro-sec .price-table.add-option thead td {background: #FFD7E7;color: #000;}
.course-pro-sec .price-table.add-option td {font-size:  1rem;}	

.course-pro-sec .price-table.add-option .row-div {padding: 0;}	
	
.course-pro-sec .lead.small2 {
font-size: 1.5rem;
margin-bottom: 30px;}
	
.course-genre-list-block {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 100%;
overflow: hidden;
box-sizing: border-box;}

.course-genre-list-box {
-webkit-flex-basis: 46%;
-ms-flex-basis: 46%;
flex-basis: 46%;
padding: 1em;
width: 46%!important;
box-sizing: border-box;}	
	
.course-genre-list-box .img {
width: 120px;
margin-left: 2em;
margin-bottom: .5em;}	
	
.course-genre-list-box .ttl {font-size: 1.5rem;}
.course-genre-list-box .sub-ttl {font-size: 1rem;}

.course-genre-list-box .ttl-desc {font-size: 1rem;padding: 0 0 0 .5em;}

.course-genre-list-example {padding: 1em 0;}

.course-genre-list-example dt {font-size: 1.2rem;padding: 0 .5em;}
	
.course-genre-list-example dd {font-size: 1rem;}

.course-genre-list-example ul {padding-inline-start:0px;}
	
.course-genre-list-artist .artist-ttl {font-size: 1.2rem;padding: .5em 0 0 .5em;}

.course-genre-list-artist ul {padding-inline-start:0px;}	
.course-genre-list-artist li {font-size: 1.5rem;padding: .75em 0;}	
.course-genre-list-artist li .sub {
font-size: 1rem;
padding-top: .2em;
display: block;}
	
	
}

@media screen and (min-width:1024px){
/*topビジュアル*/
.pc { display:block; }
.sp { display:none; }
	
.main_voat_top {padding-top: 0;}
	
.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;}
	
/*説明*/
.about_wrap {height: 180px;}

/*.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 2.4rem;
letter-spacing: 6px;
line-height: 1.8;
color: #1a1a1a;}*/
	
.about_sub_text {font-size: 1rem;padding: 2% 5%;}
	
/*guidance*/
.guidance-entrance-sec .sec-ttl {font-size: 2.5em;}
.guidance-entrance-sec .lead {
font-size: 1rem;
margin-bottom: 2em;}

.contact-desc {font-size: 1.5rem;}

.guidance-entrance-sec .need .flex+.flex {
border: none;
width: 59.3%;
border-right: solid 1px #ccc;
border-left: none;
/*font-size: 2.1rem;*/}
	
/*course*/
.course-common-sec .notice {
font-weight: bold;
color: #3FC6D1;
font-size: 1rem;
display: block;
text-align: center;
margin-bottom: 0em;}
	
.course-pro-sec .lesson-feature-box .title {
margin-top: -10px;
font-size: 1.5rem;
margin-bottom: 0.5em;
text-align: left;}
	
.course-pro-sec .lesson-feature-box .desc {font-size: 1rem;line-height: 1.58;}

.course-pro-sec .price-table .notice {
color: #fc5087d9;
/*font-weight: bold;*/
margin-bottom: 20px;
text-align: center;
display: block;
line-height: 1.4;
font-family: 'Noto Sans JP', sans-serif;}

.course-pro-sec .desc-supplement {font-size: .9em;font-family: 'Noto Sans JP', sans-serif;}
	
	
}