@charset "utf-8";


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



/*==============contents===============*/
.img-animation {
  animation: img-opacity 3s cubic-bezier(.4, 0, .2, 1);
  overflow: hidden;
  position: relative;
}

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

}

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

@keyframes img-animation {
  100% {
    transform: translateX(100%);
  }
}
/*==============contents===============*/
#ha_contents .main .main_img{
    opacity: 0;
	transition: 1.5s all 1s ease;
}
#ha_contents .main .main_img.ac{
    opacity:1;
}




.mv_up-1{
	opacity: 0;
	transition: 1s 0.2s;
	-moz-transform: scale(1) translate(0,40px);
    -webkit-transform: scale(1) translate(0,40px);
    -o-transform: scale(1) translate(0,40px);
    -ms-transform: scale(1) translate(0,40px);
	transform: scale(1) translate(0,40px);
}
.mv_up-2{
	opacity: 0;
	transition: 1s 0.4s;
	-moz-transform: scale(1) translate(0,40px);
    -webkit-transform: scale(1) translate(0,40px);
    -o-transform: scale(1) translate(0,40px);
    -ms-transform: scale(1) translate(0,40px);
	transform: scale(1) translate(0,40px);
}
.mv_up-3{
	opacity: 0;
	transition: 1s 0.8s;
	-moz-transform: scale(1) translate(0,40px);
    -webkit-transform: scale(1) translate(0,40px);
    -o-transform: scale(1) translate(0,40px);
    -ms-transform: scale(1) translate(0,40px);
	transform: scale(1) translate(0,40px);
}
.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);
}

.mv_fade-1{
    opacity: 0;
	transition: 1s all 0.2s ease;
}
.ac_fade{
    opacity: 1;
	-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);
}
.mv_fade-2{
    opacity: 0;
	transition: 1s all 0.6s ease;
}
.ac_fade{
    opacity: 1;
	-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);
}

.mv_inL-1{
	opacity: 0;
	transition: 1.5s 0.8s;
	-moz-transform: scale(1) translate(50px,0px);
    -webkit-transform: scale(1) translate(50px,0px);
    -o-transform: scale(1) translate(50px,0px);
    -ms-transform: scale(1) translate(50px,0px);
	transform: scale(1) translate(50px,0px);
}
.mv_inL-2{
	opacity: 0;
	transition: 1.5s 1s;
	-moz-transform: scale(1) translate(30px,0px);
    -webkit-transform: scale(1) translate(30px,0px);
    -o-transform: scale(1) translate(30px,0px);
    -ms-transform: scale(1) translate(30px,0px);
	transform: scale(1) translate(30px,0px);
}
.ac_inL{
	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);
}
.mv_inR-1{
	opacity: 0;
	transition: 1s 0.5s;
	-moz-transform: scale(1) translate(-50px,0px);
    -webkit-transform: scale(1) translate(-50px,0px);
    -o-transform: scale(1) translate(-50px,0px);
    -ms-transform: scale(1) translate(-50px,0px);
	transform: scale(1) translate(-50px,0px);
}
.mv_inR-2{
	opacity: 0;
	transition: 1s 1s;
	-moz-transform: scale(1) translate(-50px,0px);
    -webkit-transform: scale(1) translate(-50px,0px);
    -o-transform: scale(1) translate(-50px,0px);
    -ms-transform: scale(1) translate(-50px,0px);
	transform: scale(1) translate(-50px,0px);
}
.ac_inR{
	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);
}





.fade {
	opacity: 0;
	transition: 1.0s all 0s ease;
}
.fade.ac {
	opacity: 1;
}