

.mv h2 span{
  opacity: 0; /* 最初は非表示 */
  transform: translateX(50px);
  transition:all 1s ease;
}
.mv.active h2 span{
  opacity: 1; /* 最初は非表示 */
  transform: translateX(0);
  transition:all 1s ease;
}

.mv h2 span:nth-child(1){
  transition-delay: 0.4s
}
.mv h2 span:nth-child(2){
  transition-delay: 0.65s
}


.infomation_bar .wrap h3,
.infomation_bar .wrap ul{
  opacity: 0;
  transition:all 1s ease;
}
.infomation_bar.active .wrap h3,
.infomation_bar.active .wrap ul{
  opacity: 1;
}

.infomation_bar .wrap h3{
  transition-delay: 0.2s
}
.infomation_bar .wrap ul{
  transition-delay: 0.3s
}



.sec01 .wrap .img01,
.sec01 .title h4,
.sec01 .title h3 span{
  opacity: 0;
  transform: translateY(25px);
  transition:all 1s ease;
}


.sec01.active .wrap .img01,
.sec01.active .title h4,
.sec01.active .title h3 span{
  opacity: 1;
  transform: translateY(0px);
}

.sec01 .wrap .img01{
  transition-delay: 0.4s
}

.sec01.active .title h4{
  transition-delay: 0.5s
}

.sec01.active .title h3 span:nth-child(1){
  transition-delay: 0.6s
}
.sec01.active .title h3 span:nth-child(2){
  transition-delay: 0.7s
}
.sec01.active .title h3 span:nth-child(3){
  transition-delay: 0.8s
}

.sec01 .wrap .bodycopy p,
.sec01 .wrap .bodycopy .btn,
.sec01 .wrap .bodycopy .img02,
.sec01 .wrap .bodycopy .img03{
  opacity: 0;
  transform: translateY(25px);
  transition:all 1s ease;
}
.sec01 .wrap .bodycopy.active p,
.sec01 .wrap .bodycopy.active .btn,
.sec01 .wrap .bodycopy.active .img02,
.sec01 .wrap .bodycopy.active .img03{
  opacity: 1;
  transform: translateY(0px);
}

.sec01 .wrap .bodycopy p{
  transition-delay:0.5s;
}
.sec01 .wrap .bodycopy .img02{
  transition-delay:0.6s;
}
.sec01 .wrap .bodycopy .btn{
  transition-delay: 0.7s;
}
.sec01 .wrap .bodycopy .img03{
  transition-delay: 0.8s;
}




.sec02 .left,
.sec02 .right h3,
.sec02 .right ul li,
.sec02 .right .btn{
  opacity: 0;
  transition:all 1s ease;
}

.sec02.active .left,
.sec02.active .right h3,
.sec02.active .right ul li,
.sec02.active .right .btn{
  opacity: 1;
}

.sec02 .left{
  transition-delay:0.4s;
}
.sec02 .right h3{
  transition-delay:0.4s;
}

.sec02 .right ul li:nth-child(1){
  transition-delay:0.5s;
}
.sec02 .right ul li:nth-child(2){
  transition-delay:0.6s;
}
.sec02 .right ul li:nth-child(3){
  transition-delay:0.7s;
}
.sec02 .right ul li:nth-child(4){
  transition-delay:0.8s;
}
.sec02 .right ul li:nth-child(5){
  transition-delay:0.9s;
}
.sec02 .right .btn{
  transition-delay:1s;
}


.sec03 .marquee{
  opacity: 0;
  transition:all 1s ease;
}
.sec03.active .marquee{
  opacity:1;
}
.sec03 figure .curse_bg{
  opacity:1;
  transform:scale(2);
  transition:all 6s ease;
}
.sec03.active figure .curse_bg{
  opacity:1;
  transform:scale(1);
}




.sec04 .headline{
  opacity: 0;
  transition:all 1s ease;
}
.sec04.active .headline{
  opacity:1;
}
.sec04 h3{
  opacity: 0;
  transition:all 1s ease;
  transform: rotate(90deg) translateX(25px);
}
.sec04.active h3{
  opacity: 1;
  transform: rotate(90deg) translateX(0);
}

.sec04 .wrap .left h4,
.sec04 .wrap .left p,
.sec04 .wrap .left .btn{
  opacity: 0;
  transform:translateX(25px);
  transition:all 1s ease;
}
.sec04.active .wrap .left h4,
.sec04.active .wrap .left p,
.sec04.active .wrap .left .btn{
  opacity:1;
  transform:translateX(0);
}

.sec04 .wrap .right{
  opacity: 0;
  transition:all 1s ease;
}
.sec04.active .wrap .right{
  opacity: 1;
}

.sec04 .headline{
  transition-delay:0.4s;
}
.sec04 h3{
  transition-delay:0.4s;
}
.sec04 .wrap .left h4{
  transition-delay:0.5s;
}
.sec04 .wrap .left p{
  transition-delay:0.6s;
}
.sec04 .wrap .left .btn{
  transition-delay:0.7s;
}
.sec04 .wrap .right{
  transition-delay:0.8s;
}





.sec05 .headline{
  opacity: 0;
  transition:all 1s ease;
}
.sec05.active .headline{
  opacity:1;
}
.sec05 h3{
  opacity: 0;
  transition:all 1s ease;
  transform: rotate(90deg) translateX(25px);
}
.sec05.active h3{
  opacity: 1;
  transform: rotate(90deg) translateX(0);
}

.sec05 .wrap .left h4,
.sec05 .wrap .left p,
.sec05 .wrap .left .btn{
  opacity: 0;
  transform:translateX(25px);
  transition:all 1s ease;
}
.sec05.active .wrap .left h4,
.sec05.active .wrap .left p,
.sec05.active .wrap .left .btn{
  opacity:1;
  transform:translateX(0);
}

.sec05 .wrap .right{
  opacity: 0;
  transition:all 1s ease;
}
.sec05.active .wrap .right{
  opacity: 1;
}

.sec05 .headline{
  transition-delay:0.4s;
}
.sec05 h3{
  transition-delay:0.4s;
}
.sec05 .wrap .right{
  transition-delay:0.55s;
}
.sec05 .wrap .left h4{
  transition-delay:0.7s;
}
.sec05 .wrap .left p{
  transition-delay:0.85s;
}
.sec05 .wrap .left .btn{
  transition-delay:1s;
}

