@charset "utf-8";

@media screen and (max-width: 540px) {
    #login_page_wrapper {
        display: flex;
        flex-direction: column;
        position: fixed; /* Android の PWA 対応のため */
        overflow-y: auto;
    }
    #login_wrap {
        position: relative;
        flex: 1 1 auto;
        background-color: #fff;
        min-height: 468px;
    }
    #login_box {
        box-shadow: none;
        background-color: none;
        position: static;
        transform: none;
        width: 100%;
        height: 100%;
        padding: 24px;
    }
    .sso-block {
        padding-top: 48px;
    }
    .login-version {
        color: rgba(20, 20, 20, 60%);
        font-size: 1.4em;
        margin: 40px 0 0;
        float: none;
        text-align: right;
    }
    #login_footer {
        flex: 0 0 88px;
        height: 88px;
        padding: 16px;
        font-size: 1.2em;
        position: relative;
    }
    .login-footer-link {
        padding: 8px;
    }
}