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

.about_title h2{font-family: 'Josefin Sans', sans-serif;color:#4d4d4d;}
.feature_title h2{font-family: 'Josefin Sans', sans-serif;color:#4d4d4d;}
.news_title h2{font-family: 'Josefin Sans', sans-serif;color:#4d4d4d;}

.main_voat_top {position: relative;padding-top: 1em;}

.copy h1.title {font-size: 7vw;text-shadow: 0 0 5px rgba(0,0,0,0.5);letter-spacing: 2px;}
.copy p.title_detail {font-size: 3vw;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.copy {
font-family: 'Noto Sans JP', sans-serif;
color: #FFFFFF;
position: absolute;
margin: 0 0;
top: 46%;
left: 5%;}

.about_wrap{position:relative;}

.blue img {
width: 22%;
position: absolute;
top: 3em;
left: 2em;}
	
.pink img {
width: 27%;
position: absolute;
top: -4em;
right: 2em;}

.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;
letter-spacing: 1.1px;}	


/*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;}

/*NEWS*/

.news-cat-block p {
font-family: 'Noto Sans JP', sans-serif;
font-size: 0.8rem;
letter-spacing: 0.5px;}

.news-cat-block p{
position:relative;
}

.news-cat-block p::after{
position:absolute;
font-family: FontAwesome;
content: "\f105";
right:1em;
top: 0.4em;
color: #808080;}

.news_induct {
font-family: 'raleway', sans-serif;
margin-left: 42%;
margin-top: 6%;
font-size: 0.9rem;
letter-spacing: 5px;}


/*SP版設定*/
@media screen and (max-width:320px){
.main_voat_top {padding-top: 0;}	
.about_sub_text{font-size:9px;}	
	
.copy {
font-family: 'Noto Sans JP', sans-serif;
color: #FFFFFF;
position: absolute;
margin: 0 0;
top: 38%;
left: 5%;}
	
.copy p.title_detail {
font-size: 0.5em;
text-shadow: 0 0 5px rgba(0,0,0,0.5);}	

.blue img {
width: 26%;
position: absolute;
top: 3em;
left: 1em;
z-index: 1;}	
	
.pink img {
z-index: 1;
width: 27%;
position: absolute;
top: -3em;
right: 1em;}	
	
.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;}

.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
font-size: 0.1rem;
letter-spacing: -0.7px;
z-index: 2;
position: absolute;}
	
.about_images{margin-top: 7em;}

/*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;}	


/*news*/
.news_induct {
margin-left: 36%;
font-size: 0.8rem;
letter-spacing: 5px;}	

.news-cat-block p {
font-family: 'Noto Sans JP', sans-serif;
font-size: 0.8rem;
letter-spacing: 0.5px;}	

.news-cat-block p::after{
font-family: FontAwesome;
content: "\f105";
right:-1em;
top: 0.4em;
color: #808080;}	
	
}

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

.main_voat_top {padding-top: 0;}	
.copy {
font-family: 'Noto Sans JP', sans-serif;
color: #FFFFFF;
position: absolute;
margin: 0 0;
top: 48%;
left: 5%;}

	
.copy h1.title {font-size: 6vw;}
.copy p.title_detail {font-size: 2.5vw;}

.blue img {
/* z-index: 1; */
width: 22%;
position: absolute;
top: 3em;
left: 2em;}
	
.pink img {
width: 27%;
position: absolute;
top: -4em;
right: 2em;}	
	
.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;}	
/*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;}

/*news*/
	
.news-cat-block p {
font-family: 'Noto Sans JP', sans-serif;
font-size: 0.9rem;
letter-spacing: 0.5px;}
	
.news_induct {
margin-left: 68%;
font-size: 1.1rem;
letter-spacing: 4.5px;}

.news-cat-block p::after{
font-family: FontAwesome;
content: "\f105";
right:1em;
top: 0.3em;
color: #808080;}
	
}


@media screen and (min-width:1024px){
	
.main_voat_top {padding-top: 0;}

.blue img {
/* z-index: 1; */
width: 22%;
position: absolute;
top: 3em;
left: 2em;}
	
.pink img {
width: 27%;
position: absolute;
top: -4em;
right: 2em;}	
	
.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 2.6rem;
letter-spacing: 6px;
line-height: 1.8;
color: #1a1a1a;}	
	
.about_sub_text {font-size: 1rem;}

.copy {
font-family: 'Noto Sans JP', sans-serif;
color: #FFFFFF;
position: absolute;
margin: 0 0;
top: 26%;
left: 8%;}

.copy h1.title {font-size: 4vw;letter-spacing: 4px;}	
.copy p.title_detail {font-size: 1.5vw;}	


/*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;}
	
/*news*/
.sec-news .wrap {
padding: 0;
margin: 0 auto;
max-width: 80%;}	
	
.news-cat-block p {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1rem;
letter-spacing: 0.5px;}	
	
.news_induct {
margin-left: 72%;
font-size: 1rem;
letter-spacing: 5px;}
	
}


@media screen and (min-width:1440px){
.sec-news .wrap {
padding: 0;
margin: 0 auto;
max-width: 75%;}
	
}