@charset "UTF-8";
body {
    animation: fadeIn 1.75s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.75s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* header
------------------------------------------- */
.header {position: absolute;width: 100%;z-index: 150;transition: .3s;top:0;}
.header .head-logo {width:60%;display: block;transition: .3s;margin:0 0;padding:2em 1.5em 0;}
.head-logo{animation-duration: 1.5s;animation-name: anime_logo;}

@keyframes anime_logo {
0% {opacity: 0;transform: translateY(0px);}
100% {opacity: 1;transform: translateY(0);}
}
@-webkit-keyframes anime_logo {
0% {
-webkit-transform: translateY(0px) scaleY(1);
-webkit-transform-origin: 0 0;
}
100% {
-webkit-transform: translateY(0) scaleY(1);
-webkit-transform-origin: 0 0;
}
}
.tgr-entry{display:none;}
.white{position: fixed;width: 100%;background-color:rgba(0,0,0,0.6);bottom:0;z-index: 150;padding:1em;overflow:hidden;display:block;}
.white a{color:#fff;padding:1.25em 0;text-align:center;transition: .3s;font-size:4.75vw;font-weight:bold;display:block;border-radius:25px;background:#00D5DF;}
@media screen and (max-width: 320px) {
.white a{padding:.85em 0;}
}
@media screen and (max-width: 375px) {
.white a{padding:1em 0;}
}
.white a:after{content: "\f105";font-family: FontAwesome;color:#fff;font-size:5vw;padding-left:1em;-webkit-animation-name: pulse2;-webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction: alternate;-webkit-animation-delay: 1.5s;}

@-webkit-keyframes2 pulse {
0% { color: #444;background:#f4aec4;}
100% { color: #444;background:#cdffec;}
}
@-webkit-keyframes2 pulse2 {
0% { color: #444}
100% { color: #444;}
}

@-webkit-keyframes bounceInLeft {
from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
0% {opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0);}
60% {-webkit-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0);}
75% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
90% {opacity: 1;-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}
to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes bounceInLeft {
from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
0% {opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0);}
60% {-webkit-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0);}
75% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
90% {opacity: 1;-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}
to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

.bounceInLeft {-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;}
.ani-cam {animation-duration:600ms;animation-delay: .5s;}
.ani-tri {animation-duration:600ms;animation-delay: .7s;}

/* LP-contents
------------------------------------------- */
body.lp{background:#f6f6f6;overflow: hidden;}
.container-{background:#fff;color:#444;}
body.lp #mainVisual{position:relative;margin:0;}
body.lp #mainVisual img{padding:0;}
body.lp #mainVisual .inner{position:absolute;bottom:0%;left:0;width:100%;padding:0 2em 1.5em;}
body.lp #mainVisual .inner img{margin-bottom:.75em;}

span.block img{width:100%!important;}

.campaign-box{padding:3.5em 2em;background:#E7E6E6;}
.campaign-box h2 img{width:80%!important;margin:0 auto 1.5em!important;display:block;}
.campaign-box img{margin-bottom:0;}

.nayami-box{position:relative;}
.nayami-box img{margin-top:-3.7em;}
.nayami-box img:first-child{margin-top:-.25em;}
.nayami-box img:last-child{margin-top:0;}	

.method-box {padding-bottom:2em;}
.method-box img{margin-top:-1em;}
.method-box img:first-child{margin-top:-1.5em;}

.feature-box{background:#e2e1e1;}
.feature-box img:first-child{margin-top:-.5em;}

.voice-box{background:#f4e8e1;padding:0 0;}
.voice-area{padding:1em 2em 3em;color:#000;;}
.voice-area .voice {position: relative;display: inline-block;margin: 1.5em 0;padding:2.5em 1.5em;width: 100%;background:rgba(255,255,255,0.8);border-radius:6px;}
.voice-area .voice:before {content: "";position: absolute;top: 100%;left: 10%;margin-left: -7px;border: 7px solid transparent;border-top: 10px solid rgba(255,255,255,0.8);}
.voice-area .glay-bg:before{left: inherit;right:10%;}
.voice-area .voice p{font-size:4vw;line-height:1.5;}
.voice-area .voice p span{display:block;padding-top:.5em;font-weight:bold;}

.trial-box{padding:0 0 1em;}
.trial-box h2 img{width:100%;margin:-4em auto 2em!important;display:block;}
.trial-box p.tr-lead{font-size:4vw;font-weight:bold;line-height:1.7;padding:2em 2em 1em;}
.trial-box ul{padding:2em 3em 2em;}
.trial-box li{margin-bottom:5em;position:relative;}
.trial-box li:last-child{margin-bottom:1em;}
.trial-box li img{margin-bottom:1em;width:100%;}
.trial-box li:after{position: absolute;content: "\f107";font-family: FontAwesome;left: 50%;bottom: -1.25em;transform: translate(-50%,-0%);color:#49cfda;font-size:8.5vw;}
.trial-box li:last-child:after{content:none;}
.trial-box li h3{font-size:5vw;line-height:1.4;color:#1acfd8;font-weight:bold;margin-bottom:.5em;text-align:center;}
.trial-box li:last-child h3{font-size:9vw;}
.trial-box li h3 span{font-size:4vw;}
.trial-box li p{font-size:3.5vw;line-height:1.7;}
/*.trial-box h3 img{margin-bottom:1em;width:100%;position:relative;padding-left:1em;}*/
.trial-price-box{padding:0em 2em 3em}
.trial-price-box p{font-size:4.5vw;line-height:1.6;font-weight:bold;margin-bottom:1.5em;}
.trial-price-box img{margin-bottom:2.5em;}
.trial-price-box a{color:#fff;padding:1.25em 0;text-align:center;transition: .3s;font-size:4.75vw;font-weight:bold;display:block;border-radius:30px;background:#00D5DF;}
.trial-price-box a:after{content: "\f105";font-family: FontAwesome;color:#fff;font-size:5vw;padding-left:1em;}

.course-box{padding:0 1.5em 1.5em;}
.course-box h2{font-size:9vw;font-family: 'Raleway', sans-serif;font-weight:400;text-align:center;position:relative;line-height:1.6;margin-bottom:.75em;letter-spacing:2px;}
.course-box h2 span{font-size:4vw;display:block;}
.course-box img{margin-bottom:1.5em;}

.price-box{background:#efefef;padding:2em;color:#2d2d2d;}
.price-box h2{font-size:9vw;font-family: 'Raleway', sans-serif;font-weight:400;text-align:center;position:relative;line-height:1.6;margin-bottom:0em;letter-spacing:2px;}
.price-box h2 span{font-size:4vw;display:block;}

.price-box ul{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;padding-top:1.5em;margin-bottom:.6em;}
.price-box li{width:100%;border:1px solid #2d2d2d;text-align:center;padding:.5em;margin-bottom:.6em;font-weight:bold;font-size:3.25vw;}
.price-box li:last-child{width:100%;}
	
.price-box h3{font-size:6vw;font-weight:bold;text-align:center;margin-bottom:1em;}
.price-box p{font-size:4vw;text-align:center;font-weight:bold;line-height:1.6;margin-bottom:1em;}
.price-box p span{font-size:4vw;font-weight:normal;line-height:1.5;}
.price-box img{margin-bottom:1.5em;}
.price-box img:last-child{margin-bottom:0;}

.seminar-box{background:#000;color:#fff;}
.seminar-box .inner{padding:2em;}
.seminar-box .inner img{margin-bottom:1.5em;}
.seminar-box .up-img{margin-top:-.5em;}

.seminar-box .inner a{margin:1em 0 1em;color:#fff;padding:1.25em 0;text-align:center;transition: .3s;font-size:4.75vw;font-weight:bold;display:block;border-radius:30px;background: #ff507a;}
.seminar-box .inner a:after{content: "\f105";font-family: FontAwesome;color:#fff;font-size:5vw;padding-left:1em;}

.access-box{padding:2em 1.5em 2em; width: 100%;overflow:hidden;background:#e2e1e1;}
.access-box h2{font-size:9vw;font-family: 'Raleway', sans-serif;font-weight:400;text-align:center;position:relative;line-height:1.6;margin-bottom:.75em;letter-spacing:2px;}
.access-box h2 span{font-size:4vw;display:block;}

.access-box h3{display: block;padding:.2em 0 .4em;font-size:10vw;font-family: 'Oswald', sans-serif;font-weight:300;text-align:center;position:relative;color:#fff;background:rgba(0,0,0,0.5);position:absolute;bottom:0;width:100%;letter-spacing:2px;}
.access-box h3 span{display:block;font-size:4vw;}
.accshow {overflow: hidden;transition: 0.8s;margin-top:.5em; margin-bottom:2.5em;background:#fff;}
.accshow .acc-clip{background:#000;margin-bottom:1.5em;position:relative;}
.accshow p {text-align:center;font-size:3.2vw;padding:0 1em;margin-bottom:1em;}
.accshow p.tel{font-family: 'Roboto', sans-serif;font-weight:700;font-size:6.5vw;margin-bottom:.6em!important;}
.accshow p.tel a{color:#49cfda;}
.accshow iframe{width:100%;height:180px;}
.accshow .sc{text-align:center;position:relative;margin-bottom:1em;padding:0 1em;}
.accshow .sc a{padding:.5em .5em;color:#fff;display:block;font-size:4vw;font-weight:bold;background:#49cfda;}
.accshow .sc a span{color:#fff;font-size:3vw;padding-left:.5em;display:inline;}
.accshow .sc:before{position: absolute;content: "\f041";font-family: FontAwesome;left:2em;top:50%;transform: translate(-0%,-50%);color:#fff;font-size:4.5vw;}

	
@media screen and (min-width: 768px) {
.tgr-entry a{padding:.85em 0;border-radius:60px;}

.all-wrap{width:640px;margin:0 auto;display:block;overflow:hidden;position:relative;}
.all-wrap .header,.tgr-entry{width:640px;}

body.lp #mainVisual .inner{position:absolute;bottom:0%;left:0;width:100%;padding:0 3em 1.5em;}
body.lp #mainVisual .inner img{margin-bottom:2em;}
	
.campaign-box{padding:4.5em 3em;}	
.campaign-box h2 img{width:60%;margin:0 auto 2em!important;display:block;}	
.campaign-box img{margin-bottom:.5em}
	
.nayami-box img{margin-top:-6.25em;}
.nayami-box img:first-child{margin-top:-.1em;}
.nayami-box img:last-child{margin-top:0;}	
	
.method-box img:first-child{margin-top:-2.5em;}	
.feature-box img:first-child{margin-top:0;}

.voice-area{padding: 3em 3em 3.5em;}
.voice-area .voice{padding: 2.5em 2.5em;}
	
.trial-box li{margin-bottom: 7em;}
.trial-box li img{margin-bottom: 2em;}
.trial-price-box{padding: 0em 3em 3em;}	
.trial-price-box a{border-radius:70px;}	
	
.seminar-box .inner a{border-radius:70px;}	
	
.access-box{padding:5em 3.5em 4em;}	
.access-box .accshow .sc{margin-bottom:2em;}
.access-box .accshow .sc a{font-size:3vw;font-weight:bold;}
.accshow .sc a span{color:#fff;font-size:2vw;}	
.access-box .accshow p {font-size:2.5vw;margin-bottom:2em;}
.access-box .accshow p.tel{font-size:5.5vw;margin-bottom:.2em!important;}
.access-box .accshow iframe{width:100%;height:280px;}
}

@media screen and (min-width: 1024px) {
.tgr-entry a{border-radius:60px;font-size:30px;}
.tgr-entry a:after{font-size:30px;}	
	
.feature-box li h3{margin-bottom:1.5em;}	
.feature-box li p{font-size: 20px;}
.feature-box li .txt-box{padding: 2.5em 2.5em 6.5em;}
.feature-box li:last-child .txt-box{padding: 2.5em 2.5em 2.5em;}	
	
.voice-area{padding: 6.5em 3em 3.5em;margin-top: -6.25em;}	
.voice-area .voice p{font-size: 20px;}
.trial-box p.tr-lead{font-size: 20px;}
.trial-box li h3{font-size: 32px}	
.trial-box li h3 span{font-size: 20px}
.trial-box li:last-child h3{font-size:55px;}	
.trial-box li p{font-size: 20px;}
.trial-box li{margin-bottom: 8em;}	
.trial-box li:after{bottom: -1em;font-size:60px;}	
.trial-price-box p{font-size: 24px;}
.trial-price-box img{margin-bottom:3em;}	
.trial-price-box a{font-size: 30px;line-height:1;padding:1.25em 0;}
.trial-price-box a:after{font-size: 30px;}	
.artist-inner p{font-size: 32px}
.price-box h2{font-size:55px;}	
.price-box h2 span{font-size: 24px;}
.price-box h3{font-size: 32px}
.price-box p{font-size: 28px}
.price-box p span{font-size: 20px}	
	
.pro-box .inner a{font-size: 30px}
.pro-box .inner a:after{font-size: 30px;}	
.pro-box .inner img{margin-bottom: 2em;}	
	
.access-box h2{font-size:55px}	
.access-box h2 span{font-size: 24px;}
.access-box .accshow .sc{margin-bottom:2em;}
.accshow .acc-clip{margin-bottom: 2.5em;}	
.access-box h3{font-size:50px;}	
.access-box h3 span{font-size: 20px;}	
.access-box .accshow .sc a{font-size:30px;font-weight:bold;}
.accshow .sc{padding:0 2em;}	
.accshow .sc:before{font-size:30px;}	
.accshow .sc a span{color:#fff;font-size:1.5vw;}		
.access-box .accshow p {font-size:20px;margin-bottom:.75em;}
.access-box .accshow p.tel{font-size:50px;margin-bottom:.2em!important;}
.access-box .accshow iframe{width:100%;height:280px;}
	
.access-box label {font-size:5vw;}
.access-box label:before{font-size:6.5vw;}
}



/*============================================
  slide.css / TOP animetion
============================================*/
.section .block {position: relative;display: inline-block;color: transparent;overflow:hidden;}
.section span.block,.section3 span.block{width:100%;}
.section .block p.news-date{color: transparent;}
.section .block img,.section .block svg{opacity:0;	transition: 0s all .6s;overflow:hidden;}
.section .block:nth-of-type(2){color: transparent;}
.section .block:nth-of-type(3) {position: relative;width: 100%;color: transparent;transition: 0 all .6s;}

.section2 .block,.section3 .block {position: relative;display: inline-block;color: transparent;overflow:hidden;width:100%;}
.section2 .block img{opacity:0;	transition: 0s all .6s;width:100%!important}
.section3 .block img{opacity:0;	transition: 0s all .6s;width:100%!importan}
.section3 .block img:nth-of-type(2){opacity:0;	transition: 0s all 2s;}

.section .block::after {content: ""; display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000; -webkit-transform: translateX(110vw) scaleX(1); transform: translateX(110vw) scaleX(1); -webkit-transform-origin: 0 0;
 transform-origin: 0 0;}
.section .block:nth-of-type(2)::after{background-color: #000;}
.section .block:nth-of-type(3)::after{background-color: transparent;}

.section2 .block::after {content: ""; display: block;position: absolute;top: 0;left: 0;width: 100%;height: 110%;background-color:rgba(255,255,255,.6); -webkit-transform: translateX(110vw) scaleX(1); transform: translateX(110vw) scaleX(1); -webkit-transform-origin: 0 0;transform-origin: 0 0;}
.section3 .block::after {content: ""; display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;
background-image: linear-gradient( 109.6deg,  rgba(156,252,248,.8) 11.2%, rgba(110,123,251,.8) 91% ); -webkit-transform: translateX(110vw) scaleX(1); transform: translateX(110vw) scaleX(1); -webkit-transform-origin: 0 0;transform-origin: 0 0;}
.section3 .block:nth-of-type(2)::after{background-image:rgba(255,255,255,.7);}


/*.showクラス付与後*/
.section.show .block {transition: 0s all .5s;color:#000;}
.section.show .block:nth-of-type(2) {transition: 0s all .5s;color:#000;}
.section.show .block:nth-of-type(3)  {-webkit-animation: fade 5s forwards; animation: fade 5s forwards;color:#000;}
.section.show .block p.news-date{color: #999;}
.section.show .block img{opacity:1; transition: 0s all .5s;}

.section.show .block::after {-webkit-animation: anime_show .5s forwards; animation: anime_show .5s forwards;}
.section.show .block:nth-of-type(2):after{-webkit-animation-delay: .5s;animation-delay: .5s;}

.section2.show .block img{opacity:1; transition: 0s all .1s;width:100%;}
.section2.show .block::after {-webkit-animation: anime_show .7s forwards; animation: anime_show .7s forwards;}

.section3.show .block img{opacity:1; transition: 0s all .1s;}
.section3.show .block img:nth-of-type(2){opacity:1; transition: 0s all 1.5s;}
.section3.show .block::after {-webkit-animation: anime_show .9s forwards; animation: anime_show .9s forwards;}
.section3.show .block:nth-of-type(2)::after {-webkit-animation: anime_show 1.3s forwards; animation: anime_show 1.3s forwards;}


@keyframes anime_show {
    0% {
        transform: translateX(-110vw) scaleX(1);/*Windowの外へ配置*/
        transform-origin: 0 0;
    }
    50% {
        transform: translateX(0) scaleX(1);
		transform-origin: 0 0;
    }
    100% {
        transform: translateX(0) scaleX(-110vw);
		transform-origin: 0 0;
    }
}
/* Chrome, Safari */
@-webkit-keyframes anime_show {
    0% {
        -webkit-transform: translateX(-110vw) scaleX(0);/*Windowの外へ配置*/
		-webkit-transform-origin: 0 0;
    }
    50% {
        -webkit-transform: translateX(0) scaleX(1);
		-webkit-transform-origin: 0 0;
    }
    100% {
        -webkit-transform: translateX(0) scaleX(-110vw);
		-webkit-transform-origin: 0 0;
    }
}