@import url(https://ads.kaipoke.biz/sites/mt_form.css);

.form-page-1 {
    flex-direction: row;
    gap: 16px 0;
    flex-wrap: wrap;
    padding: 40px 16px;
}

.form-column {
    width: 100%;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea, select {
    max-width: 100%;
}

.form-column[data-column="姓"] {
    width: 48%;
    display: inline-flex;
}

.form-column-text[data-column="名"] {
    width: 48%;
    display: inline-flex;
    margin-left: 4%;
}

.form-column[data-column="事業所で運用している（または開業予定の）サービスを選択してください"]
  .label,
.form-column[data-column="いつ開業されたか(するか)ご存知ですか？"]
  .label {
    font-size: 0;
}

.form-column[data-column="事業所で運用している（または開業予定の）サービスを選択してください"] .label::before {
    content: "運営している（開業を予定している）サービスを選択してください";
    font-size: 16px;
}

.form-column[data-column="いつ開業されたか(するか)ご存知ですか？"] .label::before {
    content: "開業のご状況について教えてください";
    font-size: 16px;
}

.form-column[data-column="種別"] {
    display: none;
}

@media all and (max-width: 768px) {
    .form-column[data-column="事業所で運用している（または開業予定の）サービスを選択してください"] .input-group{
        gap: 0 16px;
    }
    .option, .form-column[data-column="事業所で運用している（または開業予定の）サービスを選択してください"] 
    .input-group > .option {
        width: auto;
    }
}