.scrollify-area{
 max-width: 480px;
 margin: 0 auto;
}

.scrollify-item_inner{
 position: relative;
}

/* */
.fullPage{
 height: 100vh;
}
.fullPage .scrollify-item_inner{
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 height: 100%;
}

.movie-responsive{
 position: relative;
 width: 100%;
 height: 0;
 padding-top: 100%;
}
.movie-responsive video,
.movie-responsive iframe{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
}

/* ボタン */
.scrollify-item_btn{
 display: flex;
 justify-content: center;
 width: 100%;
 padding: 8px 0;
}

.scrollify-item_btn .btn{
 padding: 4px 16px;
 font-size: 1.6rem;
 font-weight: bold;
 background-color: rgba(255,255,255,.75);
 border-radius: 50vw;
}

/* スワイプ アニメーション */
.swipe{
 position: relative;
}
.swipe:before,
.swipe:after{
 position: absolute;
 animation: arrow 1.5s infinite;
}
.swipe:before{
 content: "";
 top: -80px;
 left: calc(50% - 2rem);
 width: 24px;
 height: 24px;
 border-top: #333 solid 2px;
 border-left: #333 solid 2px;
}
.swipe:after{
 content: "";
 top: -60px;
 right: -24px;
 width: 60px;
 height: 60px;
 background: url(../images/finger.png) top left / 100% auto no-repeat;
}
@keyframes arrow {
0%{
transform: rotate(45deg) translateY(30px);
opacity: 0;
}50%{
opacity: 1;
}100%{
transform: rotate(45deg) translateY(0);
opacity: 0;
}
}