/* form2 専用スタイル
 * 既存の layout.css (.fm__others-btn2 等) とは独立したクラスを使用。
 */

/* 申込者情報 追加・削除ボタンエリア */
.f2-applicant-ctrl {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.f2-applicant-ctrl__add,
.f2-applicant-ctrl__remove {
    position: relative;
    width: calc(50% - 10px);
    padding: 20px 1em 20px 50px;
    font-weight: bold;
    cursor: pointer;
    border: none;
    text-align: center;
}

/* ＋アイコン */
.f2-applicant-ctrl__add {
    background: #34B3D1;
    color: #fff;
}

.f2-applicant-ctrl__add::before,
.f2-applicant-ctrl__add::after {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    background: #fff;
}

.f2-applicant-ctrl__add::before {
    width: 26px;
    height: 3px;
    transform: translateY(-50%);
}

.f2-applicant-ctrl__add::after {
    width: 3px;
    height: 26px;
    left: 33px;
    transform: translate(-50%, -50%);
}

/* －アイコン */
.f2-applicant-ctrl__remove {
    background: #F5F6F7;
    color: #333;
    border: 1px solid #666;
}

.f2-applicant-ctrl__remove::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    width: 26px;
    height: 3px;
    background: #34B3D1;
    transform: translateY(-50%);
}