@charset "utf-8";
.js_fadein {
  opacity: 0
}
.js_fadein.active {
  opacity: 1;
  transition: all .8s ease-in .5s
}
.js_fadein_right {
  position: relative;
  left: -200px;
  opacity: 0
}
.js_fadein_right.active {
  left: 0;
  opacity: 1;
  transition: all .8s ease-out .5s
}
.js_fadein_left {
  position: relative;
  left: 200px;
  opacity: 0
}
.js_fadein_left.active {
  left: 0;
  opacity: 1;
  transition: all .8s ease-out .5s
}
.js_fadein_up {
  position: relative;
  top: 100px;
  opacity: 0
}
.js_fadein_up.active {
  top: 0;
  opacity: 1;
  transition: all .6s ease-out .5s
}
@media screen and (min-width:768px) {
  .js_fadein_right {
    left: -400px
  }
  .js_fadein_left {
    left: 400px
  }
  .js_fadein_up {
    top: 300px
  }
}
#tas_logo.active {
  left: -7.67%
}
#sec01 .sec_ttl {
  transition-delay: .2s
}
#sec01 .ltw_logo {
  transition: all .8s cubic-bezier(.37, 0, .39, 1.71) .4s
}
#sec01 .ltw_txt {
  transition-delay: 1.5s
}
#sec01 .ltw_concept {
  transition-delay: 2.8s
}
#sec01 .ov_list {
  transition-delay: 1s
}
#sec01 .pcs_wrap {
  transition-delay: 0s
}
#sec01 #pcs_logo.active {
  animation: zoom-in .8s ease .5s forwards
}
#sec01 .pcs_img03 {
  transition: all .6s cubic-bezier(.37, 0, .39, 1.71) -.2s
}
#sec02 .product-item:nth-of-type(1) {
  transition-delay: .2s
}
#sec02 .product-item:nth-of-type(2) {
  transition-delay: .4s
}
#sec02 .product-item:nth-of-type(3) {
  transition-delay: .5s
}
#sec02 .product-item:nth-of-type(4) {
  transition-delay: .7s
}
#sec03 .schedule {
  transition-delay: .5s
}
#campaign .btn {
  animation: zoom-in .8s ease .8s forwards
}
#cam-report .txt_wrap.js_fadein.active {
  transition-delay: .6s
}
#cam-after .counter.active {
  animation: zoom-in .8s ease .5s forwards
}


@media screen and (min-width:768px) {
  #tas_logo.active {
    left: 0
  }
  #main_text_01 {
    transition-delay: .8s
  }
  #main_text_02 {
    right: -400px;
    left: auto;
    transition-delay: 1s
  }
  #main_text_02.active {
    right: 80px;
    left: auto
  }
  #sec01 .ov_list {
    transition-delay: 2s
  }
  #cam-report .img_wrap > figure:nth-of-type(2), #cam-report .txt_wrap.js_fadein.active {
    transition-delay: .8s
  }
}
@-moz-keyframes zoom-in {
  0% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.4)
  }
  100% {
    transform: scale(1)
  }
}
@-webkit-keyframes zoom-in {
  0% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.4)
  }
  100% {
    transform: scale(1)
  }
}
@-o-keyframes zoom-in {
  0% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.4)
  }
  100% {
    transform: scale(1)
  }
}
@keyframes zoom-in {
  0% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.4)
  }
  100% {
    transform: scale(1)
  }
}