body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: 'serif';
}
.auth {
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: linear-gradient(#477ff0, #99c2bc);
}
.auth_background {
    text-align: center;
    padding-top: 10%;
}
.auth_background button {
    line-height: 0;
    color: #000000;
    font-size: medium;
    padding: 3px 12px;
    background-color: #22222211;
    border: 0.3vh outset #95b1df3b;
    min-width: 7.5rem;
    height: 1.5rem;
}
.auth_background input {
    background-color: #202f332b;
    border: 0.3vh inset #4c84b3a6;
}
/* input:-internal-autofill-selected {
    background-color: #202f332b !important;
    color: #df1a1a !important;
} */
.errorlist {
    color: #ff0000;
    font-size: 1.2rem;
    font-weight: bold;
    list-style: none;
}
.messages {
    font-size: 1.2rem;
    font-weight: bold;
    list-style: none;
    padding: 1.5rem 0;
}

/* --------------------------------------------------------------------------
 * インライン style 属性からの移行用ユーティリティクラス。
 * CSP style-src から 'unsafe-inline' を除去する対応。ファイル末尾に置くことで
 * .auth_background 等の既存クラス（padding-top:10%）を後勝ちで上書きする。
 * -------------------------------------------------------------------------- */
.pt-12 { padding-top: 12%; }
.pt-15 { padding-top: 15%; }
.pt-1rem { padding-top: 1rem; }
.ml-1_5rem { margin-left: 1.5rem; }
.mt-3_5rem { margin-top: 3.5rem; }
.google-icon { margin-right: 5px; position: relative; top: 3px; }