@import url("https://fonts.googleapis.com/css?family=Sawarabi+Mincho");@import url(http://fonts.googleapis.com/css?family=Montserrat:300,600);@-ms-viewport{width:device-width}body,html{width:100%;width:auto!important;background-color:#fff;color:#777778;font-family:Sawarabi Mincho,sans-serif;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}body ::selection,html ::selection{background:#349bd7;color:#fff}body ::-moz-selection,html ::-moz-selection{background:#349bd7;color:#fff}body .pc,html .pc{display:block}body .sp,body .tb,html .sp,html .tb{display:none}@media only screen and (min-width:768px) and (max-width:1024px){body .tb,html .tb{display:block}body .pc-tb,html .pc-tb{display:none}}@media only screen and (max-width:767px){body .pc,body .pc-tb,body .tb,html .pc,html .pc-tb,html .tb{display:none}body .sp,html .sp{display:block}}h1,h2,h3,h4,p{font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1}h1,h2,h3,h4,p,ul{margin:0;padding:0}ul{list-style:none outside none}ul li{margin:0;padding:0}a,img{outline:none}a{-webkit-backface-visibility:"hidden";backface-visibility:"hidden";-webkit-tap-highlight-color:transparent;text-decoration:none;color:#777778}a ::selection{background:transparent}a ::-moz-selection{background:transparent}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}#access,#contact,#lesson,#trial,nav{transition:all 1.2s ease-out;opacity:0;-moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0);transform:translateY(20px)}#access.open,#contact.open,#lesson.open,#trial.open,nav.open{opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100);transform:translateY(0)}.browser-alert{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#d5f1ff;z-index:1000}.browser-alert div{position:absolute;top:calc(50% - 20px);left:50%;width:550px;height:auto;background-color:transparent;z-index:1;transform:translate(-50%,-50%);text-align:center}.browser-alert div img{margin-bottom:20px}.browser-alert div p{margin:20px 0 0 6px;line-height:20px;font-family:Sawarabi Mincho,sans-serif;font-size:14px;letter-spacing:0}.browser-alert div p a{text-decoration:underline}aside#loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:500}nav{text-align:center}nav ul{margin-top:50px}nav ul li{-webkit-backface-visibility:"hidden";backface-visibility:"hidden";-webkit-tap-highlight-color:transparent;font-family:Montserrat,sans-serif;font-size:24px;font-weight:300;line-height:36px;color:#349bd7;letter-spacing:0}nav ul li ::selection{background:transparent}nav ul li ::-moz-selection{background:transparent}nav ul li span{transition:opacity .2s ease-in;opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100);cursor:pointer}nav ul li span:hover{opacity:.7;-moz-opacity:.7;-khtml-opacity:.7;filter:alpha(opacity=70)}nav #nav-arrow{margin-top:60px;-webkit-backface-visibility:"hidden";backface-visibility:"hidden";-webkit-tap-highlight-color:transparent}nav #nav-arrow ::selection{background:transparent}nav #nav-arrow ::-moz-selection{background:transparent}@media only screen and (max-width:766px){nav #nav-arrow{margin-top:40px}}nav #nav-arrow img{transition:all .2s ease-out;transform:translateY(0);cursor:pointer}@media only screen and (max-width:766px){nav #nav-arrow img{width:40px;height:auto}}nav #nav-arrow img:hover{transform:translateY(10px)}@media only screen and (max-width:766px){nav #nav-arrow img:hover{transform:translateY(0)}}section#top{position:relative;top:0;left:0;width:100%;height:100vh;background-color:#d5f1ff;z-index:1;min-height:600px}@media only screen and (max-width:766px){section#top{height:calc(var(--vh, 1vh) * 100.1);min-height:auto}}section#top #top-content{position:absolute;top:calc(50% - 40px);left:50%;width:650px;height:460px;background-color:transparent;z-index:1;transform:translate(-50%,-50%);text-align:center}@media only screen and (max-width:766px){section#top #top-content{top:calc(50% - 45px);width:100%;height:auto}}section#top #top-content img{margin-bottom:40px}@media only screen and (max-width:766px){section#top #top-content img{width:140px;height:auto;margin-bottom:20px}}section#top #top-content h1{font-size:20px;letter-spacing:.35em;line-height:20px;color:#349bd7}@media only screen and (max-width:766px){section#top #top-content h1{font-size:16px;line-height:22px}}section#top #top-content p{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";font-size:16px;letter-spacing:.1em;line-height:26px}@media only screen and (max-width:766px){section#top #top-content p{font-size:12px;line-height:18px}}section#top #top-arrow{position:absolute;top:auto;left:50%;width:52px;height:55px;background-color:transparent;z-index:2;transform:translateX(-50%);-webkit-backface-visibility:"hidden";backface-visibility:"hidden";-webkit-tap-highlight-color:transparent;bottom:40px;cursor:pointer}section#top #top-arrow ::selection{background:transparent}section#top #top-arrow ::-moz-selection{background:transparent}@media only screen and (max-width:766px){section#top #top-arrow{width:35px;bottom:20px}}section#top #top-arrow img{transition:all .2s ease-out;transform:translateY(0)}@media only screen and (max-width:766px){section#top #top-arrow img{width:100%;height:auto}}section#top #top-arrow:hover img{transform:translateY(10px)}@media only screen and (max-width:766px){section#top #top-arrow:hover img{transform:translateY(0)}}section.sec{margin:50px 0;text-align:center}section.sec h2{font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;line-height:22px;letter-spacing:.14em;color:#2778be}section.sec h2 span{display:block;font-family:Sawarabi Mincho,sans-serif;font-size:16px;font-weight:400;color:#349bd7}section.sec p{margin-top:22px;font-size:13px;line-height:20px;letter-spacing:.14em}section.sec p span{font-size:20px}section.sec img#profile-img{margin-top:30px}@media only screen and (max-width:766px){section.sec img#profile-img{width:calc(100% - 40px);height:auto}}section#contact{margin-bottom:60px}section#contact img{position:relative;left:50%;transform:translateX(-50%);display:block}section#contact img#contact-qr{margin:15px 0 20px}section#contact a{display:block}section#contact a#contact-mail{margin-top:20px;font-size:13px;line-height:20px}section#contact a#contact-line{margin-top:25px}section#contact p{margin-top:5px}section#contact span.credit{font-family:Montserrat,sans-serif;font-size:9px;line-height:9px;letter-spacing:.14em;display:block}