@charset "UTF-8";


.mv_wrap .rotate_y {
  animation-delay: .9s;
}
.rotate_y {
  animation-delay: .1s;
  opacity: 0;
  transform: rotateY(90deg);
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
}
.rotate_y.move {
  animation-name: rotate_y;
  animation-duration: .9s;
  /*	animation-timing-function: ease-out;*/
  animation-timing-function: cubic-bezier(.42, 0, .58, 1);
  animation-fill-mode: both;
}
@keyframes rotate_y {
  0% {
    opacity: 0;
    transform: rotateY(90deg);
  }

  100% {
    opacity: 1;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
  }
}




/* sl-up */
.sl-up,
.dur-list.sl-up>* {
    animation-delay: .1s;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
}

.sl-up.move,
.dur-list.sl-up.move>* {
    animation-name: sl-up;
    animation-duration: .9s;
    /*	animation-timing-function: ease-out;*/
    animation-timing-function: cubic-bezier(.42, 0, .58, 1);
    animation-fill-mode: both;
}

@keyframes sl-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}



/* cover */
.cover {
    overflow: hidden;
    position: relative;
}

.cover:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: #fff;
}

.cover.move:after {
    animation-name: cover;
    animation-duration: .8s;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-fill-mode: both;
}

@keyframes cover {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}



/* d-cover */
.d-cover {
    overflow: hidden;
    position: relative;
}

.d-cover:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: 2;
    background: #005DAD;
}

.d-cover:after {
    content: "";
    display: block;
    position: absolute;
    width: 300%;
    height: 100%;
    top: 0;
    left: -200%;
    z-index: 2;
    background: #fff;
}

.d-cover.move:after {
    animation-name: d-cover-b;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-fill-mode: both;
}

.d-cover.move:before {
    animation-name: d-cover-a;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-fill-mode: both;
}

@keyframes d-cover-b {
    0% {
        left: 0;
    }

    50% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

@keyframes d-cover-a {
    0% {
        left: -100%;
    }

    50% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}



/* fd-in */
.fd-in,
.dur-list.fd-in>* {
    animation-delay: .1s;
    opacity: 0;
}

.fd-in.move,
.dur-list.fd-in.move>* {
    animation-name: fade-in;
    animation-duration: .9s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/* scale */
.scale {
    position: relative;
    display: inline-block;
    -webkit-transform: scale3d(1.4, 1.4, 1);
    -ms-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;

}

.scale.move {
    animation-name: scale;
    animation-duration: 1.5s;
    animation-timing-function: cubic-bezier(.15, .58, .15, 1);
    animation-fill-mode: both;
}

@keyframes scale {
    0% {
        -webkit-transform: scale3d(1.4, 1.4, 1);
        -ms-transform: scale3d(1.4, 1.4, 1);
        transform: scale3d(1.4, 1.4, 1);
        opacity: 0;
    }

    40% {
        /*
    -webkit-transform: scale3d(1.05, 1.05, 1);
    -ms-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
    */
        opacity: .5;
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }
}



/* dul */
.dur-01:nth-of-type(1),
.dur-list.move>*:nth-child(1) {
    animation-duration: 0.1s;
}

.dur-02:nth-of-type(2),
.dur-list.move>*:nth-child(2) {
    animation-duration: 0.3s;
}

.dur-03:nth-of-type(3),
.dur-list.move>*:nth-child(3) {
    animation-duration: 0.5s;
}

.dur-04:nth-of-type(4),
.dur-list.move>*:nth-child(4) {
    animation-duration: 0.7s;
}

.dur-05:nth-of-type(5),
.dur-list.move>*:nth-child(5) {
    animation-duration: 0.9s;
}

.dur-06:nth-of-type(6),
.dur-list.move>*:nth-child(6) {
    animation-duration: 1.1s;
}

.dur-07:nth-of-type(7),
.dur-list.move>*:nth-child(7) {
    animation-duration: 1.3s;
}

.dur-08:nth-of-type(8),
.dur-list.move>*:nth-child(8) {
    animation-duration: 1.5s;
}

.dur-09:nth-of-type(9),
.dur-list.move>*:nth-child(9) {
    animation-duration: 1.7s;
}

.dur-10:nth-of-type(10),
.dur-list.move>*:nth-child(10) {
    animation-duration: 1.9s;
}


.dur-list.dur2>*:nth-child(1) {
    animation-duration: 0.5s;
}

.dur-list.dur2>*:nth-child(2) {
    animation-duration: 0.7s;
}

.dur-list.dur2>*:nth-child(3) {
    animation-duration: 0.9s;
}

.dur-list.dur2>*:nth-child(4) {
    animation-duration: 1.1s;
}

/**==============================================**/
/*
/*			print
/*
/**==============================================**/

@media print {

    .sw,
    .sw>* {
        opacity: 1 !important;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .cover:before {
        content: none;
    }




}