@charset "UTF-8";

/* ===========================
 * フォーム用追加スタイル
 * =========================== */

.form__table .select-occupation1 {
    width: 41%;
}

@media screen and (max-width: 768px) {
    .form__table .select-occupation1 {
        width: 100%;
    }
}

/* ===========================
 * 詳細情報入力画面へボタン
 * 2025-06-19 追加
 * =========================== */
.form__detail-button-wrap {
    text-align: center;
    margin: 30px auto;
}

.form__detail-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 230px;
    height: 60px;
    margin: 0 auto;
    border-radius: 30px;
    background-color: #22B392;
    text-decoration: none;
    transition: background-color 0.3s;
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    z-index: 3;
}

.form__detail-button:hover {
    opacity: 1;
    background-color: #1F8A76;
}

@media screen and (max-width: 1280px) {
    .form__detail-button {
        width: 17.96875vw;
        height: 4.6875vw;
        border-radius: 2.34375vw;
    }
}

@media screen and (max-width: 768px) {
    .form__detail-button-wrap {
        margin: 8vw auto;
    }
    
    .form__detail-button {
        width: 48vw;
        height: 10.66667vw;
        border-radius: 5.33333vw;
        font-size: 1.4rem;
    }
}