.fadeInUp {
  opacity : 0;
  transform: translateY(20px);
  transition: 1s;
}


.effect-fade {
　opacity : 0;
　transform : translate(0, 45px);
　transition : all 300ms;
}

.effect-fade.effect-scroll {
　opacity : 1;
　transform : translate(0, 0);
}





/*-----------------------------------*/

.slideContsR {
 padding-left: 10px;
 padding-top: 10px;
 padding-bottom: 10px;  
 transform: translateX(100px);
 transition: 1s;
}


.slideContsL {
 padding-left: 10px;
 padding-top: 10px;
 padding-bottom: 10px;  
 transform: translateX(-100px);
 transition: 1s;
}


/*-----------------------------------*/


@media (min-width: 321px)and (max-width: 767px) {
.slideContsR {
 padding-top: 10px;
 padding-bottom: 10px;  
 transform: translateY(-100px);
 transition: 1s;
}


.slideContsL {
 padding-top: 10px;
 padding-bottom: 10px;  
 transform: translateY(-100px);
 transition: 1s;
}
    
    
}


@media (max-width: 320px) {
    
.slideContsR {
 padding-top: 10px;
 padding-bottom: 10px;  
 transform: translateY(-100px);
 transition: 1s;
}


.slideContsL {
 padding-top: 10px;
 padding-bottom: 10px;  
 transform: translateY(-100px);
 transition: 1s;
}
    
}