@charset "utf-8";
#wrap {float:left; width:100%; background:linear-gradient(#1f1142 0%, #041726 25%, #b98325 50%, #041726 75%, #1f1142 100%); overflow:hidden; transition:all 0.5s;}

/*-------------------------------------------------------------------------------------*
 *  Landing                                                                            *
 *-------------------------------------------------------------------------------------*/
.landing_wrap{width:100%; max-width:1000px; margin:0 auto; overflow:hidden; padding-bottom:100px; box-shadow:0px 0px 30px rgba(0,0,0,0.5); background:url(../images/bg_landing.jpg)center top repeat-y; background-size:100%;}
.landing_img{float:left; width:100%; text-align:center; position:relative; padding:0; margin:0; overflow:hidden;}
.landing_img a{display:inline-block;}
.landing_img img{width:100%; max-width:1000px; transition:all 0.3s;}

.landing_img2{float:left; width:100%; text-align:center; position:relative; padding:0; margin:0; overflow:hidden; padding:0 80px;}
.landing_img2 img{width:100%; max-width:840px; transition:all 0.3s;}

.landing_btn{float:left; width:100%; text-align:center; margin:10px 0 0 0; padding:0 90px;}
.landing_btn:first-child{margin:0;}
.landing_btn a{display:inline-block; width:100%; max-width:840px; height:90px; line-height:90px; background:url(../images/bg_landingbtn.png) center top no-repeat; background-size:100% 100%; font-family: 'EsaManru'; font-weight:500; font-size:50px; color:#ffffff;}

.landing_sns_img{display:inline-block; margin:0 10px 0 0;}
.landing_font01{font-weight:700; color:#ff8400;}
.landing_font02{font-weight:700; color:#06ff00;}
.landing_font03{font-weight:700; color:#00eaff;}

@media screen and (max-width:1000px) {
    .landing_img2{padding:0 8vw;}
    .landing_btn{padding:0 8vw;}
	.landing_btn a{height:9.0vw; line-height:9.0vw; font-size:5vw;}
	.landing_sns_img{width:5.6vw; margin:0 5px 0 0;}
}

.landing_btn a:hover{
	-webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-filter: hue-rotate(365deg);
            filter: hue-rotate(365deg);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
    opacity: 1;
  }
}