/* パスワード再発行CSS */
.reset-user-pass{
    padding: 20px;
    border: 1px solid #000; /* 緑色の2pxの実線 */
    margin: 20px;  /* 周りにスペースを作る */
}


/* メアド・パスワード */

.form-title{
    text-align: center;
}

.reset-pass {
    display: flex;
    align-items: center;  /* 横並びにするため */
    gap: 5px; /* ラベルとテキストボックス間のスペース */
}

.label-title {
    font-size: 22px;
    color: #333;
    width: 30%;
}

.user-textbox {
    padding: 10px;
    font-size: 1em;
    box-sizing: border-box; /* paddingを含めて幅を調整 */
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 60%;
}

.form-button-area{
    text-align: center;
}

@media screen and (max-width: 480px) {
    .label-title {
        font-size: 14px;
        color: #333;
        width: 30%;
    }
}