@charset "utf-8";

body {
    max-width: 768px;
    text-align: center;
    margin:auto;
    background-color: #fff;
}

img {
    max-width: 768px;
    vertical-align:top;
    object-fit: contain;
    width: 100%
}

.lp-button-bg {
    position: relative;

}

.lp-button img{
    position: absolute;
    display: block;
    bottom: 5%;
    margin: auto;
    animation-name: lp-button;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
}

@keyframes lp-button {
    0% {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0)
    }

    84% {
        transform: translateX(6px)
    }

    88% {
        transform: translateX(-6px)
    }

    92% {
        transform: translateX(6px)
    }

    96% {
        transform: translateX(-6px)
    }

    100% {
        transform: translateX(0)
    }
}