@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: 24%;
letter-spacing: 8px;}

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

.pink1 img {
width: 20%;
position: absolute;
top: 0em;
left: 1em;}
	
.pink2 img {
width: 29%;
position: absolute;
top: 5em;
left: 18em;}

.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
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: 0 5%;
letter-spacing: 1.1px;}	

/*recommend*/
.recommend_wrap {position: relative;margin-bottom: 10%;overflow: hidden;height: 210px;}
.pro{position:absolute;top: 0%;left: -6em;}
.pro img {width: 293px;height: auto;}

.recommend_right {
position: absolute;
right: 4%;
top: 2em;}

.recommend_title h2.rec_sec-ttl{font-size:1rem;font-family: 'Noto Sans JP', sans-serif;}
ul.recommend_list{padding-inline-start: 0px;font-size:0.9rem;font-family: 'Noto Sans JP', sans-serif;}

/*price*/
.price_inner{padding: 0 3% 5%;}

.price-table thead td {background: #fc5087d9;}
.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;}

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

tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;}

tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;}

tfoot {
display: table-footer-group;
vertical-align: middle;
border-color: inherit;}

span.desc-supplement{font-size:0.8rem;}

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

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

.notice {
font-size: 1rem;
line-height: 1.4;
color: #fc5087d9;
text-align: center;
margin-bottom: 0;
font-family: 'Noto Sans JP', sans-serif;
/* display: block; */}

/*feature_list*/
.feature_list {
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: 1.5em;}

.feature_list li {
margin-bottom: 1.5em;
width: 50%;}

.feature_list li img {
width: 38%;
margin: 0 auto .5em;
display: block;}

.feature_list p.detail {
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
font-size: 0.7em;
font-weight: 900;
letter-spacing: 2px;}

/*.feature_wrap li img{width: 10%;height: auto;}*/
.feature_wrap ul{font-family: 'Noto Sans JP', sans-serif;padding-inline-start: 0;}

p.induct {
font-family: 'raleway', sans-serif;
color: #4d4d4d;
margin-left: 41%;
font-size: 0.9rem;
letter-spacing: 3px;}



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

.page_title .sec-ttl .ja {
display: block;
margin-top: 0.2rem;
font-size: 1rem;
font-weight: normal;
line-height: 1.53;}	
	
/*説明*/
.about_wrap {
position: relative;
overflow: hidden;
height: 183px;}
	
.pearl img {
width: 40%;
position: absolute;
top: 0em;
left: 16em;}
	
.pink2 img {
width: 32%;
position: absolute;
top: 6em;
left: 15em;}	
	
.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
text-align: center;
font-size: 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.1rem;
padding: 0 5%;
right: 0px;
left: 0px;
letter-spacing: -0.7px;
z-index: 2;
position: absolute;}

.recommend_wrap {
position: relative;
overflow: hidden;
height:0%;
/*margin-top: 47%;
margin-bottom: 15%;*/}	
	
.pro{position:static;}	
.recommend_right {
/* position: absolute; */
position: static;
right: 5%;
top: 5em;
text-align: center;}

.recommend_title h2.rec_sec-ttl {font-size: 1rem;}
ul.recommend_list {
padding-inline-start: 0px;
font-size: 0.9rem;}

.notice {
font-size: 0.8rem;
line-height: 1.4;
color: #fc5087d9;
text-align: center;
margin-bottom: 0;
display: block;}

/*feature*/
.feature_wrap ul li img {
width: 32%;
height: auto;}		
	
.feature_wrap ul{font-size:12px;}
	
p.induct {
font-size: 0.8rem;
margin-left: 41%;
letter-spacing: 2px;}

.feature_list li {
margin-bottom: 1.5em;
width: 50%;}

.feature_list li img {
width: 38%;
margin: 0 auto .5em;
display: block;}

.feature_list p.detail {
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
font-size: 0.4em;
font-weight: 900;
letter-spacing: 2px;}		

}

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

.pink1 img {
width: 18%;
position: absolute;
top: -5em;
left: 2em;}
	
.pink2 img {
width: 22%;
position: absolute;
top: 8em;
left: 34em;}
	
.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 2.1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;}

.about_sub_text {font-size: 1rem;letter-spacing: 2.5px;}
	
/*recommend*/
.pro{position:static;}	
.pro img{width:500px;height:auto;}
.pearl3 img {
width: 27%;
position: absolute;
top: 1em;
right: -2em;}
	
.recommend_wrap {
position: relative;
margin-top: 5%;margin-bottom: 6%;height: 0%;}
	
.recommend_right {
position: absolute;
right: 5%;
top: 5em;}

.recommend_title h2.rec_sec-ttl {
font-size: 1.3rem;
letter-spacing: 2px;}
	
ul.recommend_list {
padding-inline-start: 0px;
font-size: 1.1rem;
letter-spacing: 3px;}
	
/*price*/
.price_inner{padding: 0 9% 3%;}	

.price-table {
font-size: 0.8rem;
margin-bottom: 30px;
width: 100%;
padding: 0 10% 0 10%;
/* text-align: center; */}	

	
.price-table thead td {font-size: 1rem;}
.price-table td {padding: 1em 1em;}

.notice {font-size: 0.9rem;text-align: center;}	

/*feature*/
.feature_list li {
margin-bottom: 1.5em;
width: 50%;}	

.feature_list li img {
width: 20%;
margin: 0 auto .5em;
display: block;}
	
.feature_list p.detail {
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
font-size: 0.9em;
font-weight: 900;
letter-spacing: 2px;}	
	
p.induct {
margin-left: 61%;
font-size: 1.1rem;
letter-spacing: 4.5px;}


}

@media screen and (min-width:1024px){
/*topビジュアル*/
.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: 264px;}

.pink1 img {
width: 14%;
position: absolute;
top: -3em;
left: 3em;}
	
.pink2 img {
width: 19%;
position: absolute;
top: 6em;
left: 49em;}

.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 2.4rem;
letter-spacing: 6px;
line-height: 1.8;
color: #1a1a1a;}	
	
.about_sub_text {font-size: 1rem;}
	
/*recommend*/
.recommend_wrap{position:relative;margin-bottom: 6%;}
.pro{position:static;}	
.pro img{width:500px;height:auto;}
	
.pearl3 img {
width: 27%;
position: absolute;
top: 1em;
right: -3em;}
	
.recommend_right {
position: absolute;
right: 6%;
top: 7em;}

.recommend_title h2.rec_sec-ttl {
font-size: 2rem;
letter-spacing: 3px;}
	
ul.recommend_list{padding-inline-start: 0px;font-size:1.3rem;letter-spacing: 3px;}
	
/*price*/	
.price-table {
font-size: 1rem;
margin-bottom: 30px;
width: 100%;
padding: 0 10% 0 10%;
/* text-align: center; */}	

.notice {font-size: 1rem;text-align: center;}

/*feature*/	
.feature_inner,.course_inner,.lesson_point_inner {
margin: auto;
box-sizing: border-box;}
	
.feature_list li {
margin-bottom: 1.5em;
width: 33%;}

.feature_list li img {
width: 30%;
margin: 0 auto .5em;
display: block;}

.feature_list p.detail {
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
font-size: 0.9em;
font-weight: 900;
letter-spacing: 1px;}
	
p.induct {
margin-left: 72%;
font-size: 1rem;
letter-spacing: 5px;}
	
}
@media screen and (min-width:1440px){

.about_wrap {height: 324px;}	
	
.pink2 img {
width: 19%;
position: absolute;
top: 6em;
left: 66em;}	
	
.recommend_wrap {
position: relative;
margin: 6% 14% 6%;}
	
.recommend_right {
position: absolute;
right: 6%;
top: 4em;}
	
	
	
	
}