@charset "UTF-8";

/****************************************
animation
*****************************************/
/*slideup*/
.anima-slideup {
  opacity: 0;
  transform: translateY(60px);
  transition: 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.in.anima-slideup,
.in .anima-slideup {
  opacity: 1;
  transform: translateY(0);
}

/*slideup end*/
/*slideleft*/
.anima-slideleft {
  opacity: 0;
  transform: translatex(-40px);
  transition: 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.in.anima-slideleft,
.in .anima-slideleft {
  opacity: 1;
  transform: translatex(0);
}

/*slideup end*/
/*slideright*/
.anima-slideright {
  opacity: 0;
  transform: translatex(40px);
  transition: 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.in.anima-slideright,
.in .anima-slideright {
  opacity: 1;
  transform: translatex(0);
}

/*slideup end*/
/*opacity*/
.anima-op {
  opacity: 0;
  transition: 2s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.in.anima-op,
.in .anima-op {
  opacity: 1;
}

/*slideup end*/
.delay01 {
  transition-delay: .1s;
}

.delay02 {
  transition-delay: .2s;
}

.delay03 {
  transition-delay: .3s;
}

.delay04 {
  transition-delay: .4s;
}

.delay05 {
  transition-delay: .5s;
}

.delay06 {
  transition-delay: .6s;
}

.delay07 {
  transition-delay: .7s;
}

.delay08 {
  transition-delay: .8s;
}

.delay09 {
  transition-delay: .9s;
}

.delay010 {
  transition-delay: 1s;
}

.delay011 {
  transition-delay: 1.1s;
}

.delay012 {
  transition-delay: 1.2s;
}


.fadeIn {
  opacity: 0;
}

.fadeIn.animate {
  opacity: 1;
  transition: all 2s;
}