@charset "UTF-8";
/* CSS Document */
/*1.フェードインアニメーションの指定*/
.scrollanime {opacity: 0;} /*一瞬表示されるのを防ぐ*/
.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;         
    }
    100% {
    opacity: 1;
    transform: translate(0);
    }
}
 
/*2.上下の動きを指定*/
.updown {transform: translateY(-80px);}
.downup {transform: translateY(80px);}
 
/*3.左右の動きを指定*/
.sect02{overflow: hidden;} /*横スクロールバーを隠す*/
.slide-right {transform: translateX(100px);}
.slide-left {transform: translateX(-100px);}

@media all and  (max-width:1150px){
.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 0.5s;
    animation-fill-mode:both;
}	
@keyframes fadeInDown {
    100% {
        opacity: 1;         
    }
    100% {
    opacity: 1;
    transform:none;
    }
}
/*2.上下の動きを指定*/
.updown {transform:0px;}
.downup {transform:0px;}
 
/*3.左右の動きを指定*/
.sect02{overflow: hidden;} /*横スクロールバーを隠す*/
.slide-right {transform:0px;}
.slide-left {transform:0px;}
}