/*================================================
 * スライド基本
 ================================================*/
.slideConts {
      width: 100%;
      height: auto;
      margin: 40px auto;
      -webkit-transition: 1s;
      -o-transition: 1s;
      transition: 2s;
      transition-delay: .5s;
transition-property: all;
    }
/*================================================
 * WORKS左右スライド設定
 ================================================*/
.slideContsL {
       transform: translate(-100%, 0);
    }
.slideContsR {
      transform: translate(100%, 0);
    }
.slideContsL.show {
      transform: translate(0px, 0) !important;
    }
.slideContsR.show {
      transform: translate(0px, 0) !important;
    }
/*================================================
 * CONTACT左右スライド設定
 ================================================*/
.slideContsL1 {
       transform: translate(-950px, 0);
    }
.slideContsL1.show {
      transform: translate(-250px, 0) !important;
    }    
.slideContsR1 {
      transform: translate(950px, -453px);
    }
.slideContsR1.show {
      transform: translate(285px, -453px) !important;
    }
/*================================================
 * SUPPORTポップアップ設定
 ================================================*/
.slideContsL2 {
       transform: translate(0px, 200px);
        transition: all 3s;
  opacity: 0;
    }
.slideContsL2.show {
      transform: translate(0px, -50px) !important;
  opacity: 1;
    }
/*================================================
 * MAP／問い合わせポップアップ設定
 ================================================*/
.slideContsL3 {
       transform: translate(0px, 200px);
       transition-delay: 2s;
        transition: all 3s;
  opacity: 0;
    }
.slideContsL3.show {
      transform: translate(0px, -5px) !important;
      transition-delay: 2s;
        opacity: 1;
    }
    }