@charset "UTF-8";


/*-----fade-----*/
.appear_fade {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 3s 0.5s cubic-bezier(0.23,1,0.32,1);
  transition: all 3s 0s cubic-bezier(0.23,1,0.32,1);
}
.appear_fade.scroll_fade {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

/*-----slide-----*/

.appear_slide {
  overflow: hidden;
  position: relative;
}

.appear_slide:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: #edece6;
  -webkit-transition: all 1.5s 0s cubic-bezier(0.19, 1, 0.22, 1); 
  transition: all 1.5s 0s cubic-bezier(0.19, 1, 0.22, 1); 
}

.appear_slide.scroll_open:after {
  left: 100%;
}

/*-----slide_shite-----*/

.appear_slide_wh {
  overflow: hidden;
  position: relative;
}

.appear_slide_wh:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: #fff;
  -webkit-transition: all 1s 0s cubic-bezier(0.19, 1, 0.22, 1); 
  transition: all 1s 0s cubic-bezier(0.19, 1, 0.22, 1); 
}

.appear_slide_wh.scroll_open:after {
  left: 100%;
}