/*=============================================================
 #home HOME
=============================================================*/
/* .incBnrs
================================================ */

@media all and (min-width: 769px) {
  .js-fade-right {
    opacity: 0;
    transform: translate(-20px, 0);
    -webkit-transition: all 660ms cubic-bezier(.165,.84,.44,1) 0s;
    transition: all 660ms cubic-bezier(.165,.84,.44,1) 0s;
  }
  .js-fade-right.is-show {
    opacity: 1;
    transform: translate(0, 0);
  }
  .js-fade-appear {
    opacity: 0;
    -webkit-transition: all 660ms cubic-bezier(.165,.84,.44,1) 0s;
    transition: all 660ms cubic-bezier(.165,.84,.44,1) 0s;
  }
  .js-fade-appear.is-show {
    opacity: 1;
  }
  .js-layer-slide {
    position: relative;
    overflow: hidden;
  }
  .js-layer-slide:before {
    background-color: #013858;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 3;
    -webkit-transition: all 660ms cubic-bezier(.165,.84,.44,1) 0s;
    transition: all 660ms cubic-bezier(.165,.84,.44,1) 0s;
  }
  .js-layer-slide-left:before {
    width: 100%;
  }
  .js-layer-slide-left.is-show:before {
    margin-right: 100%;
  }
  .js-layer-slide-right:before {
    width: 100%;
  }
  .js-layer-slide-right.is-show:before {
      width: 0;
  }
  .js-num-zoom {
    opacity: 0;
    transform: scale(.7);
    -webkit-transition: all 660ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    transition: all 660ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  }
  .js-num-zoom.is-show {
    opacity: 1;
    transform: scale(1);
  }

  .delay01 {
    transition-delay: .5s;
  }
  .delay02 {
    transition-delay: 1s;
  }
  .delay03 {
    transition-delay: 1.5s;
  }


  #about .inner {
    z-index: 1;
    position: relative;
  }
}