/*注意文言*/
.notice-text {
    margin-left:30px;
    margin-right:30px;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: keep-all;
    font-size: 14px;
}

.input-seimei {
    border: var(--bs-border-width) solid var(--bs-border-color);
}

/*生年月日入力項目*/
.birthdate-area {
    border: var(--bs-border-width) solid var(--bs-border-color);
    width: 100%;
    height: 40px;
}

/*画面遷移用ボタン*/
.transition-button {
    max-width: 85%;
    height: 40px;
}

/*前画面、ログイン画面遷移用ボタンエリア*/
.back-login {
    max-width: 85%;
    height: 40px;
}

/*前画面、ログイン画面遷移用ボタン*/
.back-login-button {
    border-color: var(--rbc-color-main)
}

/*ホバー時に枠線消えないようにする。*/
.back-login-button:hover {
    border-color: var(--rbc-color-main);
}

/*テキストボックス*/
.text-box-area {
    border: var(--bs-border-width) solid var(--bs-border-color);
    text-align: left;
    height: 40px;
    width: 98%;
    max-width: 100%;
    resize: none;
}

/*テキストボックス（パスワード）*/
.password-area {
    border: var(--bs-border-width) solid var(--bs-border-color);
    text-align: left;
    height: 40px;
    width: 100%;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

/* パスワード入力欄にフォーカスが当たったとき、親の枠を青くする */
.password-area:has(.input-password:focus) {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/*パスワード入力*/
.input-password {
    text-align: left;
    outline: none;
    border: none;
    width: 97%;
    max-width: 100%;
}