@charset "utf-8";
@media only screen and (max-width:1023px){
}
@media print, screen and (min-width:1024px){
}
/* base */
.js_in ,
.js_List_in {
	overflow:hidden;
}
.js_in,
.js_List_in .Target {
	transition: 2s;
}
.js_List_in .Target.active {
}

/* Type */
.js_Fadein {
	opacity:0;
}
.js_Fadein.active {
	opacity:1;
}
.js_upin {
	transform: translate(0,70px);
}
.js_upin.active {
	transform: translate(0,0);
}
.js_downin {
	transform: translate(0,-70px);
}
.js_downin.active {
	transform: translate(0,0);
}
.js_Slidein {
	margin-left: -100px;
}
.js_Slidein.active {
	margin-left: 0;
}
/* ------------------------------------------------------------------------
    animation
------------------------------------------------------------------------  */
.ani_fade_in {
	animation: is-fade-in 1.5s ease 0.8s both;
}
.ani_blur_in{
  animation: is-blur-in 1.5s ease 0s both;
}
@keyframes is_fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes is_blur_in {
  0% {
	opacity: 0;
	filter: blur(60px);
	-webkit-filter:blur(60px);
	-moz-filter:blur(60px);
	-o-filter:blur(60px);
	-ms-filter:blur(60px);
  }
  90% {
	opacity: 1;
	filter: blur(0);
	-webkit-filter:blur(0);
	-moz-filter:blur(0);
	-o-filter:blur(0);
	-ms-filter:blur(0);
  }
}

/* ------------------------------------------------------------------------
    Loading
------------------------------------------------------------------------  */      
.loadingWrap {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 1000;
}

/* ------------------------------------------------------------------------
    swiper
------------------------------------------------------------------------  */
/* 1.15倍させる指定 */
@-webkit-keyframes zoom {
  0% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}

@keyframes zoom {
  0% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}

.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-wrapper {
}

.swiper-slide,
.slide-img {
	height: 100%;
}
.slide-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
    -webkit-animation: zoom 6s linear 0s;
    animation: zoom 6s linear 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}