.scroll-down {
    position: absolute;
    right: 40px;
    /* 右端から40px */
    bottom: 40px;
    left: auto;
    /* leftを解除 */
    transform: none;
    /* transformを解除 */
    z-index: 10;
    text-align: center;
    cursor: pointer;
    animation: bounce 2s infinite;
    position: fixed;
}




.scroll-down .arrow {
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto 8px auto;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 18px solid #fff;
    /* 普通の下向き三角形矢印 */
}


.scroll-down .arrow-up {
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto 8px auto;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 18px solid #333; /* 上向き矢印に変更 */
    border-top: none;
    
}

.scroll-down span {
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.1em;
}

@keyframes bounce {

    0%,
    100% {
        transform: translateY(0);
        /* 横方向の移動を削除 */
    }

    50% {
        transform: translateY(15px);
    }
}

img {
    display: block;
    width: 100vw;
    height: 100vh;
    object-fit: cover;

}