@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: 20%;
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.8rem;
letter-spacing: 6px;
line-height: 1.6;
color: #fc5087;}	

.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.6rem;
position: absolute;
text-align: center;
top: 12.5em;
left: 4.5em;}	

.about_main_text2{
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 1rem;
letter-spacing: 6px;
line-height: 1.6;
color: #1a1a1a;
top: 11em;
left: 2.3em;
position: absolute;}
	
.about_sub_text2 {
font-family: 'Noto Sans JP', sans-serif;
font-size: .7rem;
position: absolute;
text-align: center;
top: 22em;
/*left: .5em;*/
padding: 0 5%;}
	
	
.about_main_text3{
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 1rem;
letter-spacing: 6px;
line-height: 1.6;
color: #1a1a1a;
top: 23em;
left: 2em;
position: absolute;}


.about_sub_text3 {
font-family: 'Noto Sans JP', sans-serif;
font-size: .7rem;
position: absolute;
text-align: center;
top: 39.5em;
/*left: .5em;*/
padding: 0 5%;}
	
	
/*feature*/
.feature_wrap{position:relative;height: 493px;}	

	
.feature1 img {
width: 44%;
position: absolute;
top: 8em;
left: 2em;}
	
.feature2 img {
width: 42%;
position: absolute;
top: 11em;
right: 2em;}		
	
.feature_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
text-align: center;
font-size: 1.3rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;
position: absolute;
top: 0em;
left: 1.7em;}
 
.feature_sub_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
text-align: center;
font-size: 1.2rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1acfd8;
position: absolute;
top: 17em;
left: .5em;
padding: 0 4%;}


/*trial*/

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

#trial p.contact-desc{text-align: center;font-weight:bold;}

.guidance-freetrial-sec {background-color: #F6F6F6;padding: 3em 0 1em;}
/*.sec {margin-bottom: 2.5rem;}*/

.guidance-freetrial-sec .sub-ttl {
color: #3FC6D1;
font-weight: bold;
font-size: 1.3rem;
text-align: center;
margin-bottom: 1em;
font-family: 'Noto Sans JP', sans-serif;}

.guidance-freetrial-sec .line-reserve .pict img {width: 48px;}

.guidance-freetrial-sec .reserved-box .title {
font-size: 1.8rem;
color: #3FC6D1;
font-weight: bold;
margin-bottom: 8px;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;}

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


.guidance-freetrial-sec .line-reserve ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin-bottom: 2em;
padding-left: 0px;}

.guidance-freetrial-sec .line-reserve ul:before {
content: "";
display: block;
width: 31%;
order: 1;}

.guidance-freetrial-sec .line-reserve li {
width: 31%;
text-align: center;
margin-bottom: 1em;}

.guidance-freetrial-sec .line-reserve li a {
display: block;
color: #fff;
font-weight: bold;
font-size: .8rem;
/* letter-spacing: 1px; */
background: #1acfd8;
border: 1px solid #1acfd8;
border-radius: 20px;
font-family: 'Noto Sans JP', sans-serif;
/* padding: .75em .5em; */}

/*.guidance-freetrial-sec .line-reserve li a {
display: block;
color: #fff;
font-weight: bold;
font-size: 1rem;
letter-spacing: 1px;
background: #1acfd8;;
border: 1px solid #3fc6d1;
border-radius: 20px;
padding: .15em .5em;}*/

.guidance-freetrial-sec .line-reserve ul:after {
content: "";
display: block;
width: 31%;}

.guidance-freetrial-sec .line-reserve li.online_btn a{background:#fff;}
.guidance-freetrial-sec .line-reserve li p.online{color: #1acfd8;}
.guidance-freetrial-sec .line-reserve li p.online:before{
font-family: FontAwesome;
content: "\f1eb";
font-size: 1.2em;
color: #1acfd8!important;}

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

.btnArea {padding: 10px 20px;}
.guidance-freetrial-sec .third-btn {background: #1acfd8;}
.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;}

.guidance-freetrial-sec .tel-reserve .pict img {width: 30px;}

.guidance-freetrial-sec .reserved-box .desc .sp-hide{
display:none;
font-size: 0.8rem;
line-height: 1.5;
margin-bottom: 1em;
text-align: center;}

.guidance-freetrial-sec .sp-entry-info {
border: solid 1px #1acfd8;;
background-color: #fff;
border-radius: 4px;
margin-bottom: 3em;}

.guidance-freetrial-sec .sp-entry-info .lead {
padding: 1em !important;
font-size: 1.4rem !important;
line-height: 1.8 !important;
text-align: left;
margin-bottom: 0!important;}

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

.guidance-freetrial-sec .sp-entry-info .lead .tel-icon img {max-width: 100%;}
.guidance-freetrial-sec .sp-entry-info .contact-info {
background: #F4FFFF;
padding: 1em;
text-align: center;
font-size: 1.2rem;
line-height: 1.5;
border-radius: 0 0 4px 4px;
font-family: 'Noto Sans JP', sans-serif;}

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

/*online_lesson*/
.online_lesson{text-align:center;}
.online_lesson .online{margin: 35px 0 35px 0;}
.online_lesson .online img{width:315px;}
.online_lesson .flow-ttl{margin: 2em 0 2em 0;font-family: 'Noto Sans JP', sans-serif;}

.online_detailbox{margin: 1.5em;font-family: 'Noto Sans JP', sans-serif;}
.online_detailbox .pict img{width:180px;}

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

.needlist {
/*-webkit-flex-basis: 31%;
-ms-flex-basis: 31%;
flex-basis: 47%;*/
margin-bottom: 40px;
font-family: 'Noto Sans JP', sans-serif;}

.needlist.pc_sp .pict img{width:150px;margin-bottom:30px;}
/*.online_needlist .desc p{margin-bottom:30px;}*/

.needlist.wifi .pict img{width:85px;margin-bottom:30px;}


.guidance-freetrial-sec .flow-box .thumb1 {
width: 100%;
box-sizing: border-box;
margin-bottom: 1em;
/*padding: 1.5em;*/}


/*online_lesson_end*/

/*trial 流れ*/
.guidance-freetrial-sec .flow-ttl {
text-align: center;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 1em;
font-family: 'Noto Sans JP', sans-serif;}

.flow-block {margin-bottom: 30px;}

.guidance-freetrial-sec .flow-box {
border: solid 1px #CCC;
margin-bottom: 3em;
position: relative;
background: #FFF;
font-family: 'Noto Sans JP', sans-serif;}

.guidance-freetrial-sec .flow-box .step {
background: #1acfd8;
color: #FFF;
text-align: center;
padding: .65em;
font-size: 1.3rem;
font-weight: bold;}

.guidance-freetrial-sec .flow-box .step .num {
display: inline-block;
width: 25px;
height: 25px;
border-radius: 50%;
color: #1acfd8;
font-size: 1rem;
background: #FFF;
padding-top: 2px;
margin-left: 10px;}

.guidance-freetrial-sec .flow-box .title {
font-size: 1.3rem;
color: #1acfd8;
text-align: center;
font-weight: bold;
padding: 1em 0;
font-family: 'Noto Sans JP', sans-serif;}

.guidance-freetrial-sec .flow-box .title span {
font-size: 1rem;
font-weight: normal;
font-family: 'Noto Sans JP', sans-serif;}

.guidance-tour-sec .desc span.sp-hide{
font-size: 1rem;
text-align: center;
margin-bottom: 20px;}

.guidance-tour-sec .desc {
font-size: .8rem!important;
line-height: 1.5;
margin-bottom: .5em;
font-family: 'Noto Sans JP', sans-serif;}

.guidance-freetrial-sec .flow-box .title2 {
font-size: 3.0rem;
color: #1acfd8;
text-align: center;
font-weight: normal;
padding: .4em 0 .3em;}

.fugaz {font-family: 'Fugaz One', cursive;font-weight: 400;}

.guidance-freetrial-sec .flow-box .flow-info {padding: 0 1em 1em;}
.guidance-freetrial-sec .flow-box .thumb {
width: 100%;
box-sizing: border-box;
margin-bottom: 1em;}

.guidance-freetrial-sec .flow-box .desc {
width: 100%;
font-size: .8rem;
line-height: 1.5;}

.guidance-freetrial-sec .flow-box:not(:last-child)::after {
content: "";
position: absolute;
bottom: -2.5em;
width: 100%;
text-align: center;
background: url(../images/blue-arrow.png) no-repeat top center;
background-size: 20px;
height: 20px;}



/*q&a*/
.guidance-freetrial-sec .faq-ttl {
text-align: center;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 1em;
font-family: 'Noto Sans JP', sans-serif;}

.guidance-freetrial-sec .faq-box {
border: solid 1px #CCC;
border-radius: 6px;
background: #FFF;
padding: 1em;
margin-bottom: 2em;}

.guidance-freetrial-sec .faq-box dl {
font-size: .8rem;
line-height: 1.5;}

.guidance-freetrial-sec .faq-box dt {
text-indent: -20px;
padding-left: 20px;
margin-bottom: .7em;
font-family: 'Noto Sans JP', sans-serif;}

.guidance-freetrial-sec .faq-box dt .head {
color: #1acfd8;
font-size: 1.4rem;
margin-right: 10px;}

.guidance-freetrial-sec .faq-box dd {text-indent: -20px;padding-left: 20px;font-family: 'Noto Sans JP', sans-serif;}
.guidance-freetrial-sec .faq-box dd .head {
color: #fc5087;
font-size: 1.4rem;
margin-right: 10px;}

.guidance-tour-sec {padding: 1em 0;margin-bottom: 3em;}

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

/*見学*/
.guidance-tour-sec .lead {
font-size: 1.1rem;
line-height: 1.533;
margin-bottom: 1em;
font-weight: bold;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;}

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

.guidance-tour-sec .contact-info {
font-size: 1.4rem;
line-height: 1.75;
text-align: center;
margin-bottom: 10px;}

.guidance-tour-sec .contact-info .head{font-size: .8rem;}

.guidance-tour-sec .desc {
font-size: 1.4rem;
line-height: 1.5;
margin-bottom: .5em;
font-family: 'Noto Sans JP', sans-serif;}





/*SP版設定*/
@media screen and (max-width:320px){
/*topビジュアル*/
.page_title {
position: absolute;
top: 42%;
right: 19%;
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: 520px;}

.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 1.8rem;
letter-spacing: 3px;
line-height: 1.5;
color: #fc5087;
margin-top: 15px;}	
	
.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
font-size: 0.1rem;
padding: 0 5%;
top: 64em;
letter-spacing: -0.7px;
z-index: 2;
position: absolute;}


.about_main_text2 {
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 1rem;
letter-spacing: 6px;
line-height: 1.6;
color: #1a1a1a;
top: 10em;
left: 0.5em;
position: absolute;}
	
.about_sub_text2 {
font-family: 'Noto Sans JP', sans-serif;
font-size: .5rem;
position: absolute;
text-align: center;
top: 29em;
left: .5em;
padding: 0 5%;}
	
.about_main_text3 {
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 1rem;
letter-spacing: 6px;
line-height: 1.6;
color: #1a1a1a;
top: 22em;
left: .5em;
position: absolute;}
	
.about_sub_text3 {
font-family: 'Noto Sans JP', sans-serif;
font-size: .5rem;
position: absolute;
text-align: center;
top: 53em;
left: .5em;
padding: 0 5%;}
	
	
/*feature*/
.feature_wrap {position: relative;height: 351px;}	
	
.feature_main_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 1.2rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;
position: absolute;
top: 0em;
left: 1em;}

.feature_sub_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1acfd8;
position: absolute;
top: 14em;
left: .5em;}

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

/*trial*/
.guidance-freetrial-sec .reserved-box .title {
font-size: 1.5rem;
color: #3FC6D1;
font-weight: bold;
margin-bottom: 8px;
text-align: center;}
	
.guidance-freetrial-sec .flow-box .title2 {
font-size: 2rem;
color: #1acfd8;
text-align: center;
font-weight: normal;
padding: .4em 0 .3em;}

.guidance-tour-sec {padding: 1em 0;margin-bottom: 1em;}
.guidance-tour-sec .contact-info {
font-size: 1.4rem;
line-height: 1.75;
text-align: center;
margin-bottom: 1em;
margin-top: 1em;}	
	
/*online*/
.online_lesson .online img{width:290px;}
	
}

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

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

.t_pink img {
width: 21%;
position: absolute;
top: 31em;
left: 0em;}	
	
.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1rem;
position: absolute;
text-align: center;
top: 7.5em;
left: 9em;}	

.about_main_text2{
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 2.3rem;
letter-spacing: 6px;
line-height: 1.6;
color: #1a1a1a;
top: 6em;
left: 2.3em;
position: absolute;}
	
.about_sub_text2 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1rem;
position: absolute;
text-align: center;
top: 24em;
left: 5em;}
	
	
.about_main_text3{
font-family: 'Noto Serif JP', serif;
font-weight: normal;
text-align: center;
font-size: 2.5rem;
letter-spacing: 6px;
line-height: 1.6;
color: #1a1a1a;
top: 14em;
left: 2em;
position: absolute;}


.about_sub_text3 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1rem;
position: absolute;
text-align: center;
top: 46.5em;
left: 4em;}
	
	
/*feature*/
.feature_wrap{position:relative;height: 708px;}	

	
.feature1 img {
width: 40%;
position: absolute;
top: 13em;
left: 5em;}
	
.feature2 img {
width: 38%;
position: absolute;
top: 11em;
right: 5em;}		
	
.feature_main_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 2.5rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;
position: absolute;
right: 1em;}
 
.feature_sub_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 2rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1acfd8;
position: absolute;
top: 15em;
left: 1.5em;
padding:0;}	

/*trial*/
	
#trial p.contact-desc {font-size: 1.2em;margin-bottom: 3em;}	
	
.sec {margin-bottom: 3rem;}
.line-reserve span.pict2 img {width: 58px;}
.web-reserve span.pict2 img {width: 60px;}	
.tel-reserve span.pict2 img {width: 37px;}
	
.guidance-freetrial-sec .sub-ttl {
font-size: 3.9rem;
margin-bottom: 6px;}

.guidance-freetrial-sec .line-reserve .pict img {width: 70px;}	
.guidance-freetrial-sec .reserved-box .title {font-size: 2.5rem;margin-bottom: .5em;}

.guidance-freetrial-sec .reserved-box .desc {
font-size: 1rem;
text-align: center;
margin-bottom: 2em;}

.guidance-freetrial-sec .line-reserve ul {margin-bottom: 3em;}	

.guidance-freetrial-sec .line-reserve ul:before {
content: "";
display: block;
width: 18%;
order: 1;}	
	
.guidance-freetrial-sec .line-reserve li {
width: 32%;
margin-bottom: 1em;}
	
.guidance-freetrial-sec .line-reserve li a {
font-size: 1rem;
letter-spacing: 1px;
border-radius: 26px;}
	
.guidance-freetrial-sec .line-reserve ul:after {
content: "";
display: block;
width: 12%;}

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

.third-btn {
font-size: 1.8rem;
padding: 0;
width: 490px;
margin: 0 auto 56px;
height: 80px;
line-height: 80px;
background: #3FC6D1;}

.guidance-freetrial-sec .tel-reserve .pict img {width: 40px;}
/*trial 流れ*/
.guidance-freetrial-sec .flow {padding-top: 30px;}
.guidance-freetrial-sec .flow-ttl {font-size: 2rem;}

.flow-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;}	
	
.flow-box {
-webkit-flex-basis: 22%;
-ms-flex-basis: 22%;
flex-basis: 22%;}

.guidance-freetrial-sec .flow-box .step {font-size: 1.2rem;}
.guidance-freetrial-sec .flow-box .step .num {
font-size: 1.5rem;
width: 38px;
height: 38px;}

.guidance-freetrial-sec .flow-box .title {
font-size: 1.2rem;
min-height: 80px;}

.guidance-freetrial-sec .flow-box .title span {
font-size: .8rem;
font-weight: normal;}
	
.guidance-freetrial-sec .flow-box .title2 {font-size: 2rem;}

.guidance-freetrial-sec .flow-box .thumb {
float: none;
width: auto;
padding-right: 0;
margin-bottom: 20px;}

.guidance-freetrial-sec .flow-box .desc {
font-size: .8rem;
line-height: 1.7333;
float: none;
width: auto;}

.guidance-freetrial-sec .flow-box:not(:last-child)::after {
bottom: 50%;
width: 14px;
background-size: 14px;
right: -14%;
transform: rotate(-90deg);
height: 16px;}
	
/*online*/
.online_lesson .online {margin: 40px 0 60px 0;}
.online_lesson .online img {width: 435px;}	
	
.needlist {
-webkit-flex-basis: 31%;
-ms-flex-basis: 31%;
flex-basis: 47%;
margin-bottom: 40px;}
		

/*q&a*/
.guidance-freetrial-sec .faq-ttl {font-size: 2rem;}
.guidance-freetrial-sec .faq-box {
padding: 20px;
margin-bottom: 16px;}

.guidance-freetrial-sec .faq-box dt {
font-size: 1rem;
text-indent: -40px;
padding-left: 40px;}

.guidance-freetrial-sec .faq-box dt .head,.guidance-freetrial-sec .faq-box dd .head {
font-size: 2.6rem;
margin-right: 20px;}

.guidance-freetrial-sec .faq-box dd {
font-size: 1rem;
text-indent: -40px;
padding-left: 40px;}
	
.guidance-freetrial-sec .faq-box dt .head, .guidance-freetrial-sec .faq-box dd .head {
font-size: 2.6rem;
margin-right: 20px;}

.sec {margin-bottom: 0rem;}


/*見学*/
.guidance-tour-sec .sec-ttl {font-size: 2rem;}
.guidance-tour-sec .lead {font-size: 1.5rem;}

.guidance-tour-sec .desc {
font-size: 1rem!important;
text-align: center;
margin-bottom: 20px;}

.guidance-tour-sec .contact-info {padding-top: 20px;}
.guidance-tour-sec .contact-info .head {display: none;}
	
	
}

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

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

.t_pink img {
width: 21%;
position: absolute;
top: 31em;
left: 0em;}	
	
.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1rem;
position: absolute;
text-align: center;
top: 8.5em;
left: 6em;}	

.about_main_text2{
font-family: 'Noto Serif JP', serif;
font-weight: bold;
text-align: center;
font-size: 2.5rem;
letter-spacing: 6px;
line-height: 1.6;
color: #1a1a1a;
top: 6em;
left: 4.5em;
position: absolute;}
	
.about_sub_text2 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1rem;
position: absolute;
text-align: center;
top: 26em;
left: 11em;}
	
	
.about_main_text3{
font-family: 'Noto Serif JP', serif;
font-weight: bold;
text-align: center;
font-size: 2.5rem;
letter-spacing: 6px;
line-height: 1.6;
color: #1a1a1a;
top: 14em;
left: 5em;
position: absolute;}


.about_sub_text3 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1rem;
position: absolute;
text-align: center;
top: 47em;
left: 10.5em;}
	
	
/*feature*/
.feature_wrap{position:relative;height: 708px;}	
	
.feature1 img {
width: 37%;
position: absolute;
top: 13em;
left: 7em;}
	
.feature2 img {
width: 36%;
position: absolute;
top: 11em;
right: 5em;}		
	
.feature_main_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 2.5rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;
position: absolute;
right: 1em;	}

	
.feature_sub_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 2.1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1acfd8;
position: absolute;
top: 15em;
left: 5em;
padding:0;}

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

.guidance-freetrial-sec .sub-ttl {font-size: 2.5rem;margin-bottom: 28px;}	
	
.guidance-freetrial-sec .line-reserve .pict img {width: 70px;}	
.guidance-freetrial-sec .reserved-box .title {font-size: 3rem;margin-bottom: .5em;}

.guidance-freetrial-sec .reserved-box .desc {
font-size: 1rem;
text-align: center;
margin-bottom: 2em;}

.guidance-freetrial-sec .line-reserve ul {margin-bottom: 3em;padding-inline-start:0px;}	

.guidance-freetrial-sec .line-reserve ul:before {
content: "";
display: block;
width: 18%;
order: 1;}	
	
.guidance-freetrial-sec .line-reserve li {
width: 32%;
margin-bottom: 1em;}
	
.guidance-freetrial-sec .line-reserve li a {
font-size: 1rem;
letter-spacing: 1px;
border-radius: 26px;}
	
.guidance-freetrial-sec .line-reserve ul:after {
content: "";
display: block;
width: 12%;}

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

.third-btn {
font-size: 1.5rem;
padding: 0;
width: 490px;
margin: 0 auto 56px;
height: 80px;
line-height: 80px;
background: #3FC6D1;}

.guidance-freetrial-sec .tel-reserve .pict img {width: 40px;}
.guidance-freetrial-sec .sp-entry-info {display: none;}	

/*trial 流れ*/
.guidance-freetrial-sec .flow {padding-top: 50px;}
.guidance-freetrial-sec .flow-ttl {font-size: 2.5rem;}

.flow-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;}	
	
.flow-box {
-webkit-flex-basis: 22%;
-ms-flex-basis: 22%;
flex-basis: 22%;}

.guidance-freetrial-sec .flow-box .step {font-size: 1.2rem;}
.guidance-freetrial-sec .flow-box .step .num {
font-size: 1.5rem;
width: 38px;
height: 38px;}

.guidance-freetrial-sec .flow-box .title {
font-size: 1.3rem;
min-height: 80px;}

.guidance-freetrial-sec .flow-box .title span {font-size: 1rem;font-weight: normal;}	
	
.guidance-freetrial-sec .flow-box .title2 {font-size: 1.7rem;}	
	
.guidance-freetrial-sec .flow-box .thumb {
float: none;
width: auto;
padding-right: 0;
margin-bottom: 20px;}

.guidance-freetrial-sec .flow-box .desc {
font-size: 1rem;
line-height: 1.7333;
float: none;
width: auto;}

.guidance-freetrial-sec .flow-box:not(:last-child)::after {
bottom: 50%;
width: 14px;
background-size: 14px;
right: -14%;
transform: rotate(-90deg);
height: 16px;}

/*q&a*/
.guidance-freetrial-sec .faq-ttl {font-size: 2.5rem;}
.guidance-freetrial-sec .faq-box {
padding: 20px;
margin-bottom: 16px;}

.guidance-freetrial-sec .faq-box dt {
font-size: 1rem;
text-indent: -40px;
padding-left: 40px;}

.guidance-freetrial-sec .faq-box dt .head, .guidance-freetrial-sec .faq-box dd .head {
font-size: 2.6rem;
margin-right: 20px;}

.guidance-freetrial-sec .faq-box dd {
font-size: 1rem;
text-indent: -40px;
padding-left: 40px;}
	
.guidance-freetrial-sec .faq-box dt .head,.guidance-freetrial-sec .faq-box dd .head {
font-size: 2.6rem;
margin-right: 20px;}

.sec {margin-bottom: 0rem;}

/*online*/
.online_lesson .online img {width: 495px;}

/*見学*/
.guidance-tour-sec .sec-ttl {font-size: 2.5rem;}
.guidance-tour-sec .lead {font-size: 1.5rem;}

.guidance-tour-sec .desc {
font-size: 1rem!important;
text-align: center;
margin-bottom: 20px;}

.guidance-tour-sec .desc span.sp-hide{
font-size: 1rem;
text-align: center;
margin-bottom: 20px;}

.guidance-tour-sec .contact-info {padding-top: 20px;}
.guidance-tour-sec .contact-info .head {display: none;}
	
}

@media screen and (min-width:1440px){
/*topビジュアル*/
.about_sub_text {top: 9.5em;left: 20em;}
.about_main_text2 {top: 6em;left: 10.5em;}
.about_sub_text2 {left: 25em;}
.about_main_text3 {left: 10.5em;}
.about_sub_text3 {left: 25em;}

.feature_wrap {position: relative;height: 800px;}
.feature_sub_text h3 {
top: 18em;
left: 11em;}

.feature1 img {
width: 33%;
position: absolute;
top: 13em;
left: 14em;}	
	
.feature2 img {
width: 31%;
position: absolute;
top: 12em;
right: 13em;}
	

	
}