@charset "utf-8";#splash{position:fixed;width:100%;height:100%;background:#f2ce61;z-index:9999999;text-align:center;color:#595757}#splash-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#splash-logo canvas,#splash-logo img{width:50px}.splashbg{position:fixed;top:0;right:0;bottom:0;left:0;border-width:0;border-style:solid;border-color:#f2ce61;animation-duration:.5s;animation-fill-mode:forwards}@keyframes backBoxAnime{99.9%{z-index:2;border-width:0}100%{z-index:-1;border-width:0}}#container{position:relative;opacity:0}body.appear #container{animation-name:PageAnimeAppear;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards;opacity:0}@keyframes PageAnimeAppear{0%{opacity:0}100%{opacity:1}}#g-nav.panelactive{position:fixed;z-index:999;top:0;width:100%;height:100vh}.circle-bg{position:fixed;z-index:3;width:100px;height:100px;border-radius:50%;background:#f2ce61;transform:scale(0);top:-50px;left:calc(50% - 50px);transition:all .6s}.circle-bg.circleactive{transform:scale(50)}#g-nav-list{display:none;position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-nav.panelactive #g-nav-list{display:block}#g-nav ul{opacity:0;position:absolute;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%)}#g-nav img{opacity:0;z-index:999}#g-nav.panelactive ul{opacity:1}#g-nav.panelactive img{opacity:1}#g-nav.panelactive ul img,#g-nav.panelactive ul li{animation-name:gnaviAnime;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards;opacity:0}@keyframes gnaviAnime{0%{opacity:0}100%{opacity:1}}#g-nav li{text-align:center;list-style:none}#g-nav li a{color:#595757;text-decoration:none;padding:10px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.openbtn{position:fixed;top:10px;right:10px;z-index:9999;background:#ef8575;cursor:pointer;width:50px;height:50px;border-radius:5px;overflow:hidden}.openbtn .openbtn-area{transition:all .4s}.openbtn span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:3px;border-radius:2px;background:#fff;width:45%}.openbtn span:nth-of-type(1){top:15px}.openbtn span:nth-of-type(2){top:23px}.openbtn span:nth-of-type(3){top:31px}.openbtn.active .openbtn-area{transform:rotateX(360deg)}.openbtn.active span:nth-of-type(1){top:18px;left:18px;transform:translateY(6px) rotate(-135deg);width:30%}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){top:30px;left:18px;transform:translateY(-6px) rotate(135deg);width:30%}.btn-yellow{position:relative;text-decoration:none;display:inline-block;background:#ffec04;color:#595757;padding:10px;width:auto;border-radius:25px;text-align:center;outline:0;transition:ease .2s}.btn-yellow:hover{background:#f2ce61}.btnarrow2::after{content:'';position:absolute;top:1.2em;right:25px;width:10px;height:10px;border-top:2px solid #595757;border-right:2px solid #595757;transform:rotate(45deg)}.btnarrow2:hover::after{animation:arrow .5s}@keyframes arrow{50%{right:20px}100%{right:25px}}.btn03{position:relative;text-decoration:none;display:inline-block;text-align:center;background:0 0;border-radius:25px;border:solid 1px #595757;outline:0;transition:all .2s ease}.btn03:hover{border-color:transparent}.btn03 span{position:relative;z-index:2;display:block;padding:10px 30px;background:#f0f0f0;border-radius:25px;color:#595757;transition:all .3s ease}.pushright:before{content:"";position:absolute;z-index:-1;top:4px;left:4px;width:100%;height:100%;border-radius:25px;background-color:#595757}.pushright:hover span{background-color:#595757;color:#fff;transform:translate(4px,4px)}#page-top{position:fixed;right:10px;bottom:40px;z-index:2;opacity:0;transform:translateY(150px)}#page-top.UpMove{animation:UpAnime .5s forwards}@keyframes UpAnime{from{opacity:0;transform:translateY(150px)}to{opacity:1;transform:translateY(0)}}#page-top.DownMove{animation:DownAnime .5s forwards}@keyframes DownAnime{from{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(150px)}}#page-top a{display:block;width:80px;height:80px;color:#595757;text-align:center;text-transform:uppercase;text-decoration:none;font-size:.6rem;background:url(../img/rocket_base.svg) no-repeat center;background-size:contain}#page-top.floatAnime a{width:80px;height:80px;background:url(../img/rocket.svg) no-repeat center;background-size:contain;animation:floatAnime 2s linear infinite;opacity:0}@keyframes floatAnime{0%{transform:translateX(0);opacity:0}25%{transform:translateX(-6px);opacity:1}50%{transform:translateX(0)}100%{transform:translateX(6px);opacity:1}}#page-top span{position:absolute;bottom:-11px;right:20px;color:#595757;font-weight:700;line-height:1.3}#page-top.floatAnime span{bottom:-30px}.slider{position:relative;z-index:1;height:80vh;min-height:600px}.slider-item01{background:url(../img/IMG_main_01.jpg)}.slider-item02{background:url(../img/main_02.jpg)}.slider-item03{background:url(../img/main_03.jpg)}.slider-item{width:100%;height:80vh;min-height:600px;background-repeat:no-repeat;background-position:center;background-size:cover}.slick-next,.slick-prev{position:absolute;z-index:3;top:42%;cursor:pointer;outline:0;border-top:2px solid #fff;border-right:2px solid #fff;height:25px;width:25px}.slick-prev{left:2.5%;transform:rotate(-135deg)}.slick-next{right:2.5%;transform:rotate(45deg)}.slick-dots{position:relative;z-index:3;text-align:center;margin:-50px 0 0 0}.slick-dots li{display:inline-block;margin:0 5px}.slick-dots button{color:transparent;outline:0;width:8px;height:8px;display:block;border-radius:50%;background:#fff}.slick-dots .slick-active button{background:#f2ce61}.slider2 img{width:100%;height:auto}.slider2 .slick-slide{margin:0 10px}.rotateRightZ{animation-name:rotateRightZAnime;animation-duration:1s;animation-fill-mode:forwards}@keyframes rotateRightZAnime{from{transform:rotateZ(0)}to{transform:rotateZ(360deg)}}.fadeIn{animation-name:fadeInAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0}@keyframes fadeInAnime{from{opacity:0}to{opacity:1}}.fadeUp{animation-name:fadeUpAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeUpAnime{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.flipLeftTop{animation-name:flipLeftTopAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes flipLeftTopAnime{from{transform:translate(-20px,80px) rotate(-15deg);opacity:0}to{transform:translate(0,0) rotate(0);opacity:1}}.flipRightTop{animation-name:flipRightTopAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes flipRightTopAnime{from{transform:translate(-20px,80px) rotate(25deg);opacity:0}to{transform:translate(0,1) rotate(0);opacity:1}}.zoomIn{animation-name:zoomInAnime;animation-duration:.5s;animation-fill-mode:forwards}@keyframes zoomInAnime{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.fadeUpTrigger,.flipLeftTopTrigger,.flipRightTopTrigger,.zoomInTrigger{opacity:0}a.bt-collabo{display:block;padding:0 36px;margin:0 auto;height:39px;width:fit-content;text-decoration:none;font-weight:700;line-height:42px;text-align:center;color:#963;border:1px solid #eab551;border-bottom:1px solid #b98a37;text-shadow:0 1px 0 #fedd9b;-webkit-box-shadow:0 1px 0 #fee9aa inset,1px 1px 1px #e9e9e9;-moz-box-shadow:0 1px 0 #fee9aa inset,1px 1px 1px #e9e9e9;box-shadow:0 1px 0 #fee9aa inset,1px 1px 1px #e9e9e9;background:#feda71;background:-webkit-gradient(linear,left top,left bottom,color-stop(.5,#feda71),color-stop(.5,#f2ce61));background:-moz-linear-gradient(top,#feda71 50%,#f2ce61 50%);background:-o-linear-gradient(top,#feda71 50%,#f2ce61 50%);background:-ms-linear-gradient(top,#feda71 50%,#f2ce61 50%);background:linear-gradient(top,#feda71 50%,#f2ce61 50%)}a.bt-collabo:hover{background:#f2ce61;background:-webkit-gradient(linear,left top,left bottom,color-stop(.5,#f2ce61),color-stop(.5,#dfb22c));background:-moz-linear-gradient(top,#f2ce61 50%,#dfb22c 50%);background:-o-linear-gradient(top,#f2ce61 50%,#dfb22c 50%);background:-ms-linear-gradient(top,#f2ce61 50%,#dfb22c 50%);background:linear-gradient(top,#f2ce61 50%,#dfb22c 50%)}a.bt-collabo:active{-ms-transform:translateY(2px);-webkit-transform:translateY(2px);transform:translateY(2px);box-shadow:none}.how-to span{display:inline-block}