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

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

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

.feature1 img {
width: 44%;
position: absolute;
top: 6em;
left: 2em;}
	
.feature2 img {
width: 42%;
position: absolute;
top: 7em;
right: 2em;}

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

/*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.8em;
font-weight: 900;
letter-spacing: 2px;}

span.s_detail {
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
font-size: 0.8em;
letter-spacing: 2px;
font-weight: 500;}

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

/*SP版設定*/
@media screen and (max-width:320px){
/*topビジュアル*/
.page_title {
position: absolute;
top: 42%;
right: 25%;
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: 500px;}
	
.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;}

.feature1 img {
width: 40%;
position: absolute;
top: 5em;
left: 2em;}	
	
.feature2 img {
width: 40%;
position: absolute;
top: 6em;
right: 2em;}

.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;
top: 136em;}	
	
.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;}

/*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: 818px;}
	
.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;}

.feature1 img {
width: 40%;
position: absolute;
top: 11em;
left: 5em;}	
	
.feature2 img {
width: 38%;
position: absolute;
top: 10em;
right: 4em;}
	
.about_sub_text {font-size: 1rem;letter-spacing: 2.5px;position: absolute;top: 26em;left:0em;}
	
/*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: 1.1em;
font-weight: 900;
letter-spacing: 2px;}	
	
}

@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: 880px;}
	
.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 2.8rem;
letter-spacing: 6px;
line-height: 1.6;
color: #1a1a1a;}	

.feature1 img {
width: 37%;
position: absolute;
top: 13em;
left: 7em;}
	
.feature2 img {
width: 36%;
position: absolute;
top: 11em;
right: 5em;}	
	
.about_sub_text {
font-size: 1rem;
position: absolute;
text-align: center;
top: 33em;
left: 3em;}	

.about_sub_text {font-size: 1rem;}
	
/*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: 1.2em;
font-weight: 900;
letter-spacing: 4px;}

span.s_detail {
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
font-size: 0.7em;
letter-spacing: 1px;
font-weight: 500;}
	
}
@media screen and (min-width:1440px){
.about_wrap {height: 980px;}
.feature1 img {
width: 35%;
position: absolute;
top: 13em;
left: 12em;}

.feature2 img {
width: 33%;
position: absolute;
top: 12em;
right: 11em;}
	
.about_sub_text {
top: 40em;
left: 14em;}
	
	
}