#mv .mv_img img {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
#mv .mv_img img.act {
  opacity: 1;
}
#mv h1 img {
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: scale(1.5);
}
@media screen and (max-width: 768px) {
  #mv h1 img {
    transform: scale(1.2);
  }
}
#mv h1 img.act {
  opacity: 1;
  transform: scale(1);
}

#about .logo, #about h2 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
}
#about .txt03 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 0s;
}
#about .txt01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 1s;
}
#about .chara01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 1.5s;
}
#about .chara02 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 1.8s;
}
#about.deactive .logo, #about.deactive h2 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}
#about.deactive .txt01, #about.deactive .txt03 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}
#about.deactive .chara01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}
#about.deactive .chara02 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}

#area .wrap01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
#area.deactive .wrap01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
}

#animate_point01 #area .wrap01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
#animate_point01 #link_area .link_list li {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
}
#animate_point01 #link_area .link_list li:nth-child(1) {
  transition-delay: 0.5s;
}
#animate_point01 #link_area .link_list li:nth-child(2) {
  transition-delay: 0.6s;
}
#animate_point01 #link_area .link_list li:nth-child(3) {
  transition-delay: 0.7s;
}
#animate_point01 #link_area .link_list li:nth-child(4) {
  transition-delay: 0.8s;
}
#animate_point01.deactive #area .wrap01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
}
#animate_point01.deactive #link_area .link_list li {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}

#campaign1 {
  overflow: hidden;
}
#campaign1 .big_txt img {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
#campaign1 h2 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 1s;
}
#campaign1 .txt01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 1.5s;
}
#campaign1 .txt02, #campaign1 .txt03 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition-delay: 2s;
}
#campaign1.deactive .big_txt img {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
}
#campaign1.deactive h2 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}
#campaign1.deactive .txt01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}
#campaign1.deactive .txt02, #campaign1.deactive .txt03 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
}
#campaign1 #drink_card, #campaign1 #sarada_card, #campaign1 #sticker01_card, #campaign1 #sticker02_card {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
}
#campaign1 #drink_card.deactive, #campaign1 #sarada_card.deactive, #campaign1 #sticker01_card.deactive, #campaign1 #sticker02_card.deactive {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}
#campaign1 .mobile .m_img01, #campaign1 .mobile .btn {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
#campaign1 .mobile.deactive .m_img01, #campaign1 .mobile.deactive .btn {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
}

#campaign2 {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #campaign2 {
    overflow: visible;
  }
}
#campaign2 .big_txt img {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
#campaign2 h2 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 1s;
}
#campaign2 .txt01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 1.5s;
}
#campaign2 .btn01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition-delay: 2s;
}
#campaign2 .cara01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
  transition-delay: 2.5s;
}
#campaign2.deactive .big_txt img {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
}
#campaign2.deactive h2 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}
#campaign2.deactive .txt01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}
#campaign2.deactive .btn01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
}
#campaign2.deactive .cara01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translate(20px, 0);
}
@media screen and (max-width: 768px) {
  #campaign2.deactive .cara01 {
    transform: translate(0, 20px);
  }
}
#campaign2 .img01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 0s;
}
#campaign2 .img01.deactive {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}
#campaign2 #animate_point02 .txt02 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 0s;
}
#campaign2 #animate_point02 .movie_img {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.5s;
}
#campaign2 #animate_point02.deactive .txt02 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}
#campaign2 #animate_point02.deactive .movie_img {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
}

#campaign3 .big_txt img {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
#campaign3 h2 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 1s;
}
#campaign3 .txt01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 1.5s;
}
#campaign3 .txt02 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition-delay: 2s;
}
#campaign3.deactive .big_txt img {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
}
#campaign3.deactive h2 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}
#campaign3.deactive .txt01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}
#campaign3.deactive .txt02 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
}

#xcampaign .big_txt img {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
#xcampaign h2 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 1s;
}
#xcampaign .txt01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 1.5s;
}
#xcampaign.deactive .big_txt img {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
}
#xcampaign.deactive h2 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}
#xcampaign.deactive .txt01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}
#xcampaign .flow {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 0s;
}
#xcampaign .flow.deactive {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}

#faq .big_txt img {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
#faq h2 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 1s;
}
#faq .faq_box {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 1.5s;
}
#faq.deactive .big_txt img {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
}
#faq.deactive h2 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}
#faq.deactive .faq_box {
  opacity: 0;
  transition: 0s;
  transition-delay: 0;
  transform: translateY(20px);
}/*# sourceMappingURL=style_animation.css.map */