.shake-up_01 {
    animation: shake-up 3s infinite ease-in-out;
}

@keyframes shake-up {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(15px);
    }
}
.shake-up_02 {
    animation: shake-up 3.5s infinite ease-in-out;
}

@keyframes shake-up {
    0%, 100% {
        transform: translateY(15px);
    }
    50% {
        transform: translateY(0);
    }
}





@media screen and (max-width:980px) {
    .img_box_01{
        width: 100%;
        height: 200px;
        background-image: url(../img/banner_02.png);
        
        /* 画像を常に天地左右の中央に配置 */
        background-position: center center;  
        /* 画像をタイル状に繰り返し表示しない */
        background-repeat: no-repeat;
        /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
        /* background-attachment: fixed; */
        /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
        background-size: cover;
        }
    }
    @media screen and (min-width:981px) {
    .img_box_01{
        width: 100%;
        height: 200px;
        background-image: url(../img/img_01.png);
        
        /* 画像を常に天地左右の中央に配置 */
        background-position: center center;  
        /* 画像をタイル状に繰り返し表示しない */
        background-repeat: no-repeat;
        /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
        background-attachment: fixed;
        /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
        background-size: cover;
        }
    }