@charset "utf-8";
/* CSS Document */
div.wrapper {
    max-width: 700px;
    margin: 0 auto;
}
div.cta_inner {
    position: relative;
}
div.cta_btn {
    position: absolute;
    top: 46.7rem;
    left: 4rem;
}
.purupuru2 {
    animation: purupuru2 1.0s infinite;
}
@keyframes purupuru2 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(0.98, 0.95)
    }
}
div.floatbtn_inner {
    text-align: center;
    margin: 0 auto;
}
div.floatbtn_tap {
    position: fixed;
    bottom: 9rem;
    left: 14.5rem;
    z-index: 100;
}
div.floatbtn {
    position: fixed;
    bottom: 0;
    z-index: 10;
}
.fixed {
    position: fixed;
    bottom: 0;
}
div.video_inner {
	width: 100%;
    background-color: #F8F8F3;
}
div.video {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.video_bg {
	width: 86%;
	background: #ffffff;
}

@media screen and (max-width: 520px) {
    /* 520px以下の時に使用するCSSを記載  */
    img {
        width: 100%;
    }
    div.cta_inner {
        position: relative;
    }
    div.cta_btn {
        position: absolute;
        top: 79.5%;
        left: 10%;
        width: 81%;
    }
}