/* スクロール用 */

/* フッター設定 */

/* PCでは非表示 */
.scroll_footer {
    display: none;
}

/* スマホ（620px以下）で表示 */
@media screen and (max-width:620px) {

    .scroll_footer {
        display: block;
        position: fixed;
        bottom: 0px;
        left: 0px;
        transition: 0.5s;
        z-index: 99;
    }

    .inner_scroll_footer {
        position: relative;
        display: grid;
        grid-template-columns: auto 50px 50px;
        place-items: center;
        width: 100vw;
        height: 40px;
        background-color: #cccccc;

        & img {
            width: 35px;
            height: auto;
            object-fit: fill;
            padding: 2px 10px 0 0;
        }

        & i {
            font-size: 35px;
            color: white;
        }

        & a[href$="access"] {
            background-color: white;
            border-radius: 10px;
        }
    }

    .is-hidden {
        visibility: hidden;
        opacity: 0;
    }

    #scroll_switch .w-container .fixed {
        transition: 0.5s;
        bottom: 2px;
        right: 10px;

        & img {
            width: 50px;
            height: 50px;
            object-fit: fill;

        }
    }
}