/* ▼ スマホ（スマホ〜小型タブレット） */
@media screen and (max-width: 480px) {

    .login_body {
        position: relative;
        background-color: #1e3137;
    }

    .login_footer {
        position: fixed;
        bottom: 0;
    }

    .login-link {
        font-size: 1rem;
        font-weight: bold;
        display: block;
        text-align: center;
        padding: 15px;
        margin: 10px auto;
        background-color: #5E82A1; /* 通常時の背景 */
        color: #fff; /* 通常時の文字色 */
        border-radius: 8px;
        text-decoration: none;
    }

        .login-link:hover {
            background-color: #425b71; /* hover時の背景 */
            color: #ffffff; /* hover時の文字色を明示 */
        }

    .login_color {
        color: white;
    }

    .login_style {
        text-align: center;
    }

    .login_logo {
        font-family: 'Yu Gothic';
        font-weight: 700;
        font-size: 2.2em;
        letter-spacing: 0.1em;
        padding: 1vw 0vw;
        color: #FFFFFF;
    }

}


/* ▼ PC（タブレット〜PC） */
@media screen and (min-width: 481px) {
    .login_body {
        position: relative;
        background-color: #1e3137;
    }

    .login_footer {
        position: fixed;
        bottom: 0;
    }

    .login-link {
        font-size: 1rem;
        font-weight: bold;
        display: block;
        text-align: center;
        padding: 15px;
        margin: 10px auto;
        background-color: #5E82A1; /* 通常時の背景 */
        color: #fff; /* 通常時の文字色 */
        border-radius: 8px;
        text-decoration: none;
    }

        .login-link:hover {
            background-color: #425b71; /* hover時の背景 */
            color: #ffffff; /* hover時の文字色を明示 */
        }

    .login_color {
        color: white;
    }

    .login_style {
        text-align: center;
    }

    .login_logo {
        font-family: 'Yu Gothic';
        font-weight: 700;
        font-size: 2.2em;
        letter-spacing: 0.1em;
        padding: 1vw 0vw;
        color: #FFFFFF;
    }
}