@charset "utf-8";


/************************************************************
                動き1
************************************************************/

/*動き01*/
.mv_fade1 {
	opacity: 0;
	transition: 1.5s 0s;
}
.mv_fade2 {
	opacity: 0;
	transition: 1.5s 0.3s;
}
.mv_fade3 {
	opacity: 0;
	transition: 1.5s 0.6s;
}
.mv_fade4 {
	opacity: 0;
	transition: 1.5s 0.9s;
}
.ac_fade{
	opacity: 1.0;
	-moz-transform: scale(1) translate(0);
    -webkit-transform: scale(1) translate(0);
    -o-transform: scale(1) translate(0);
    -ms-transform: scale(1) translate(0);
	transform: scale(1) translate(0);
    transform: translateY(0);
}
/*動き02*/
.mv_up1 {
	opacity: 0;
    transition: 1.8s 0s;
	-moz-transform: scale(1) translate(0,50px);
    -webkit-transform: scale(1) translate(0,50px);
    -o-transform: scale(1) translate(0,50px);
    -ms-transform: scale(1) translate(0,50px);
	transform: scale(1) translate(0,50px);
    text-align: center;
}
.mv_up2 {
	opacity: 0;
    transition: 1.8s 0.3s;
	-moz-transform: scale(1) translate(0,50px);
    -webkit-transform: scale(1) translate(0,50px);
    -o-transform: scale(1) translate(0,50px);
    -ms-transform: scale(1) translate(0,50px);
	transform: scale(1) translate(0,50px);
    text-align: center;
}
.mv_up3 {
	opacity: 0;
    transition: 1.8s 0.6s;
	-moz-transform: scale(1) translate(0,50px);
    -webkit-transform: scale(1) translate(0,50px);
    -o-transform: scale(1) translate(0,50px);
    -ms-transform: scale(1) translate(0,50px);
	transform: scale(1) translate(0,50px);
    text-align: center;
}
.ac_up{
	opacity: 1.0;
	-moz-transform: scale(1) translate(0);
    -webkit-transform: scale(1) translate(0);
    -o-transform: scale(1) translate(0);
    -ms-transform: scale(1) translate(0);
	transform: scale(1) translate(0);
}


.img-animation {
  animation: img-opacity 1.5s cubic-bezier(.4, 0, .2, 1);
  overflow: hidden;
  position: relative;
}

.img-animation:before {
  animation: img-animation 1.5s cubic-bezier(.4, 0, .2, 1) forwards;
  background:#e9e9dd;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes img-opacity {
  100% {
    opacity: 1;
  }
}

@keyframes img-animation {
  100% {
    transform: translateX(100%);
  }
}