@charset "utf-8";

/* ================== 共通 ここから ================== */

.fs-l-main {
    max-width: 720px;
}
/* パスワード入力欄 */
#fs_ResetPassword [type="password"],
#fs_PasswordReminder [type="password"],
#fs_PasswordReminder [type="text"],
#fs_EditPassword [type="password"] {
    padding: 0.5em;
}

/* 入力欄 */
#fs_PasswordReminder .fs-c-inputInformation__field,
#fs_ResetPassword .fs-c-inputInformation__field,
#fs_EditPassword .fs-c-inputInformation__field {
    max-width: 720px;
    padding: 40px 40px 48px;
    background: #f1f1f1;
    border-radius: 5px;
}

/* 仮パスワードと変更後のパスワードの隙間 */
#fs_PasswordReminder .fs-c-inputTable > tbody > tr + tr,
#fs_ResetPassword .fs-c-inputTable > tbody > tr + tr,
#fs_EditPassword .fs-c-inputTable > tbody > tr + tr {
    margin-top: 32px;
}

/* [ 登録 ] [ 送信 ] ボタン */
#fs_ResetPassword .fs-c-button--register,
#fs_PasswordReminder .fs-c-button--send,
#fs_EditPassword .fs-c-button--change {
    padding: 1.2em 1.6em;
    background: #223a70;
    border: none;
    border-radius: 10px;
}

/* [ 登録 ] [ 変更 ] ボタン */
#fs_ResetPassword .fs-c-button--register .fs-c-button__label,
#fs_EditPassword .fs-c-button--change .fs-c-button__label {
    margin-bottom: 0;
}

/* 最初の文字 */
.fs-c-inputInformation__message {
    justify-content: flex-start;
    max-width: 720px;
    margin: 0;
}

/* ================== 共通 ここまで ================== */

@media (max-width: 767px) {
    /* 入力欄 */
    #fs_PasswordReminder .fs-c-inputInformation__field,
    #fs_ResetPassword .fs-c-inputInformation__field,
    #fs_EditPassword .fs-c-inputInformation__field {
        padding: 16px 16px 32px !important;
    }

    /* [ 登録 ] [ 変更 ] ボタン */
    #fs_ResetPassword .fs-c-button--register .fs-c-button__label,
    #fs_EditPassword .fs-c-button--change .fs-c-button__label {
        font-size: 100%;
    }

    /* [ 送信 ] ボタン */
    #fs_PasswordReminder .fs-c-button--send .fs-c-button__label {
        font-size: 14px !important;
    }
}