.pc_slide {
  display: block!important;
}
.sp_slide {
  display: none!important;
}
.animation {
  transition: all 1s;
  opacity: 0;
}
.animation2 {
  transition: all 1s;
  opacity: 0;
}
.animation3 {
  transition: all 1s;
  opacity: 0;
}
.fadein.active {
  opacity: 1;
}
.fadeinUp.active {
  opacity: 1;
  bottom: -30px!important;
}
.slidein_to_right {
  left: -345px!important;
}
.slidein_to_right.active {
  left: -145px!important;
  opacity: 1;
}
.slidein_to_left {
  right: -300px!important;
}
.slidein_to_left.active {
  right: -100px!important;
  opacity: 1;
}
.slidein_to_right2 {
  left: -200px;
  position: relative;
}
.slidein_to_right2.active {
  left: 0;
  opacity: 1;
}
.slidein_to_left2 {
  right: -200px;
  position: relative;
}
.slidein_to_left2.active {
  right: 0;
  opacity: 1;
}
@media screen and (max-width: 1150px) {
  .slidein_to_right.active {
    left: -10%!important;
    opacity: 1;
  }
  .slidein_to_left.active {
    right: -7%!important;
    opacity: 1;
  }
}
@media screen and (max-width: 700px) {
  .slidein_to_left {
    right: auto;
    left: -300px!important;
  }
  .slidein_to_left.active {
    right: auto;
    left: -100px!important;
    opacity: 1;
  }
  .slidein_to_left2 {
    right: auto;
    left: -200px;
    position: relative;
  }
  .slidein_to_left2.active {
    right: auto;
    left: 0;
    opacity: 1;
  }
  .fadeinUp.active {
    opacity: 1;
    bottom: -70px!important;
  }
}