.login-header {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 1rem;
}

.login-help-text {
    margin: 1rem 0.5rem 2rem;
}

.examinee-border {
    border-bottom: 1px solid #02afec;
}

.manager-border {
    border-bottom: 1px solid #97e4ff;
}

/* ボタン */
.btn-manager {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #97e4ff;
}

.btn-manager:hover {
    background: #7ebcd3;
}

.btn-examinee {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn-examinee .btn-label {
    padding: 4px 12px;
    margin-right: 12px;
    font-weight: bold;
    background-color: #ffffff;
    color: #02afec;
}

.btn-manager .btn-label {
    padding: 4px 12px;
    margin-right: 12px;
    font-weight: bold;
    background-color: #ffffff;
}

/* パスワード */
.input-examinee-password,
.input-manager-password {
    position: relative;
}

.input-examinee-password input,
.input-manager-password input {
    padding-right: 3rem;
}

.examinee-password-icon,
.manager-password-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

/* pcとtabletのみで医療機関/法人管理者用フォーム・ログインボタンの受検者ラベル表示*/
@media only screen and (max-width: 480px) {
    .pc-tablet-login-only {
        display: none;
    }
}