@charset "UTF-8";

#footer_s5084rn .StyledComponents__ScrollToTop {
    position: fixed;
    display: none;
}
#footer_s5084rn .StyledComponents__ScrollToTop--button {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 100%), linear-gradient(270deg, rgb(0, 191, 239) 10.85%, rgb(142, 229, 251) 81.32%);
    background-origin: border-box;
    border: 3px solid transparent;
    border-radius: 50%;
    position: relative;
    transition: transform 0.1s linear;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
#footer_s5084rn .Icon_scrolltotop{
    background: url(../img/icon_scrolltotop.webp) no-repeat center;
    height: 30px;
    width: 30px;
    background-size: contain;
}
#footer_s5084rn .scroll-btn-display {
    display: block;
}
#footer_s5084rn .ui-focus {
    box-shadow: none;
}

@media screen and (max-width: 768px) {
    #footer_s5084rn .StyledComponents__ScrollToTop {
        bottom: 10px;
        right: 10px;
    }
    #footer_s5084rn .StyledComponents__ScrollToTop--element {
        height: 40px;
        width: 40px;
    }
    #footer_s5084rn .StyledComponents__ScrollToTop--button {
        height: 40px;
        width: 40px;
    }
}

@media screen and (min-width: 769px) {
    #footer_s5084rn .StyledComponents__ScrollToTop {
        bottom: 40px;
        right: 56px;
    }
    #footer_s5084rn .StyledComponents__ScrollToTop--element {
        height: 48px;
        width: 48px;
    }
    #footer_s5084rn .StyledComponents__ScrollToTop--button {
        height: 48px;
        width: 48px;
    }
    #footer_s5084rn .StyledComponents__ScrollToTop--button::after {
        color: rgb(0, 191, 239);
        content: "TOPへ";
        font-size: 14px;
        font-weight: 700;
        left: 0px;
        position: absolute;
        text-align: center;
        top: 45px;
        width: 43px;
        font-family: "Noto Sans JP", メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
        white-space: nowrap;
        overflow: hidden;
    }
}