@charset "UTF-8";

.visual .bup{
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition-property: -webkit-transform opacity;
    transition-property: -webkit-transform opacity;
    transition-property: transform opacity;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    transition-property: transform opacity,-webkit-transform opacity;
    -webkit-transition-timing-function: cubic-bezier(.1,.8,.35,1);
    transition-timing-function: cubic-bezier(.1,.8,.35,1);
}
.visual .visual__title01{
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}
.visual .visual__title02{
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}
.visual .visual__data{
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}
.visual p:nth-child(1){
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}
.visual p:nth-child(2){
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}
.visual p:nth-child(3){
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.visual.is-show .bup{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}


.contents .bup{
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition-property: -webkit-transform opacity;
    transition-property: -webkit-transform opacity;
    transition-property: transform opacity;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    transition-property: transform opacity,-webkit-transform opacity;
    -webkit-transition-timing-function: cubic-bezier(.1,.8,.35,1);
    transition-timing-function: cubic-bezier(.1,.8,.35,1);
}

.contents .scale{
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: -webkit-transform opacity;
    transition-property: -webkit-transform opacity;
    transition-property: transform opacity;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    transition-property: transform opacity,-webkit-transform opacity;
    -webkit-transition-timing-function: cubic-bezier(.15,1.36,.5,1);
    transition-timing-function: cubic-bezier(.15,1.36,.5,1);
}

.contents .slide{
/*    opacity: 0;*/
    position:relative;
}
.contents .slide:before{
/*    opacity: 0;*/
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    background: #fff;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/*.contents01 h1{
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}
.contents01 ul li:first-child{
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}*/
.contents01 ul li:last-child{
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}
/*.contents01 .lead{
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}
.contents01 .ex{
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}*/

/*.contents02 h1{
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.contents02 h2{
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}
.contents02 p{
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}*/

/*.contents03 h1{
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.contents03 ul li:nth-child(1){
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}*/
.contents03 ul li:nth-child(2){
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}
.contents03 ul li:nth-child(3){
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
/*.contents03 p{
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}*/

/*.contents04 h1{
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.contents04 h2.first{
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}
.contents04 p.first{
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}
.contents04 h2.second{
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}
.contents04 p.second{
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}
.contents04 dl{
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}*/

/*.contents05 h1{
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.contents05 p{
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}
.contents05 ul li.first:before{
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}*/
.contents05 ul li.second:before{
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.contents .bup.is-show{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.contents .scale.is-show{
    opacity: 1;
    -webkit-transform:scale(1);
    transform:scale(1);
}
.contents .slide.is-show:before{
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}