/*
採用投稿フォーム
*/
/* #entry-contact {
    color: #606060;
} */

/* ラベル */
label {
    font-weight: bold;
    color: #606060;
}

.label-text {
    font-size: 1rem;
}

/* 必須項目 */
.required {
    /* background: rgba(255, 0, 0, 0.8); */
    background-color: #ff0000;
    opacity: 0.8;
    color: #ffffff;
    padding: 0.25rem;
    border-radius: 0.25rem;
}

/* フォームのバリデーション */
.error-text {
    color: #ff0000;
    background-color: #fecdd3;
    padding: 0.5rem 0.25rem;
}

.error {
    border-color: #ff0000;
}

/*
確認画面
*/

/* テーブル */
.confirm tr:nth-child(1) {
    border-top: #606060 solid 1px;
}

.confirm tr {
    border-bottom: #606060 solid 1px;
}

.confirm tbody th {
    border-right: #606060 solid 1px;
    text-align: left;
    width: 300px;
}

/* 送信・戻る ボタンbox */
.send-btns-form {
    text-align: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
}

.send-btns-box .button {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 230px;
    font-weight: bold;
    font-size: 1.25rem;
}

.send-btns-box .button:hover {
    opacity: 0.8;
}

.send-btns-box button#back {
    background-color: #767676;
}

/*
送信完了画面
*/
/* トップへボタン */
.top-btn-box {
    text-align: center;
}

#entry-complete .top-btn-box .button {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 230px;
    font-weight: bold;
    font-size: 1.25rem;
    color: #ffffff;
}

#entry-complete .top-btn-box .button:hover {
    opacity: 0.8;
    background-color: #D94E7F;
}

/* エラー画面 */
#entry-error .top-btn-box .button {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 230px;
    font-weight: bold;
    font-size: 1.25rem;
    color: #ffffff;
}

#entry-error .top-btn-box .button:hover {
    opacity: 0.8;
    background-color: #D94E7F;
}

/* スマホ */
@media screen and (max-width: 40em) {

    /* 募集要項 */
    .confirm th, .confirm td {
        display: block;
    }

    .confirm tbody th {
        border-right: 0;
        border-bottom: #606060 solid 1px;
        text-align: center;
        width: auto;
    }

    .confirm tbody tr {
        border-bottom-width: 2px;
    }

    .confirm tbody tr:nth-child(1) {
        border-top-width: 2px;
    }

    /* 送信・戻る ボタンbox */
    .send-btns-form {
        display: block;
    }
    .send-btns-form .button {
        margin-left: auto;
        margin-right: auto;
    }
}