/* オープンキャンパス申し込みフォーム */

body {
    font-size: 1.2rem;
    width: 100%;
    color: #333333;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.7;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-feature-settings: "palt";
    letter-spacing: .03em;
    text-align: justify;
    background-size: 100% auto;
    counter-reset: number 0;
    background: none;
}

input,
textarea,
select {
    /*スマホ画面接近対処法*/
    font-size: 16px;
}

.content-confirmation .confirm-none {
    display: none;
}

/* 確認画面 入力してなくても高さ出す */
.preview-block {
    min-height: 30px;
}

/*///郵便番号自動設定初期リセット/////*/
.form-column-zip-code-autofill {
    border: none !important;
    padding: 0;
    margin: 0;
    display: block !important;
}

fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

fieldset legend {
    display: none;
}

.form-column-prefecture-jp select {
    padding: 12px 10px;
    margin: 20px 0;
}

/*///必須テキスト//*/
.form-column .badge-required {
    display: inline-block;
    margin-left: 5px;
    color: #ffeb3f;
    padding: 0;
    background-color: transparent;
}

p,
.option-text {
    color: #333333;
}

.container {
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    max-width: 100%;
    background: none;
}

.form-column {
    width: 100%;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    background: #ffffff;
}

.help-block,
.description-block {
    margin: 0;
}

.description-block {
    margin-left: 5px;
    display: inline-block;
}

input {
    margin: 20px 0;
    width: 50%;
    padding: 10px 0;
    border: 1px solid #aaaaaa;
    box-sizing: border-box;
}

input[type=text],
input[type=url],
input[type=email],
input[type=tel] {
    width: 100%;
    padding: 12px 10px;
    border: 1px solid #989898;
    border-radius: 4px;
    font-size: 16px;
    margin: 15px 0;
}

.input-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.input-group label {
    width: 50%;
}

.form-column-date .input-group {
    display: inline-block;
    width: 100%;
    margin: 20px 0;
}

.input-group input[type="radio"] {
    width: auto;
    margin-right: 0;
}

.input-group select {
    width: 63px;
    padding: 15px 0;
    margin: 0 2px;
}

button,
input,
optgroup,
select,
textarea {
    border-color: #aaaaaa;
    border-radius: 4px;
}

/*////font////*/
.form-column .label {
    line-height: 1.7;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-feature-settings: "palt";
    letter-spacing: .03em;
}

.form-column .label {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    text-align: center;
    background-color: #e18093;
    color: #fff;
    border-bottom: 1px solid #aaaaaa;
    font-weight: normal;
}

.button-group .button {
    border: 0;
    border-radius: 0;
    width: 172px;
    padding: 15px;
    background-color: #e18093;
    color: #fff;
    margin-bottom: 20px;
}

/*//////選択項目//////*/
.form-column-44e5734e-0361-41de-9732-185b40004f3e .input-group {
    padding: 10px;
    width: 100%;
}

.form-column-44e5734e-0361-41de-9732-185b40004f3e label.option {
    text-align: left;
}

.form-column-44e5734e-0361-41de-9732-185b40004f3e .input-group input[type="radio"] {
    margin: 10px;
}

/*//////市町村//////*/
.form-column-0203cba3-f3c6-4f01-9a43-41016409933e,
.form-column-00256d99-a659-4516-ac7e-b413841cc9c8 {
    position: relative;
}

.form-column-0203cba3-f3c6-4f01-9a43-41016409933e .description-block,
.form-column-00256d99-a659-4516-ac7e-b413841cc9c8 .description-block {
    display: block;
    padding: 0 0 10px;
    margin: 0;
}

/*.position{color:#aaaaaa;}*/
/*//////卒業//////*/
.form-column-81746947-f448-4618-b4d4-6a9df1ec8e3b .input-group {
    width: auto;
}

/*//////郵便番号//////*/
.form-column-zip-code-jp .input-group input {
    margin: 20px auto;
}

.form-column-zip-code-jp .input-group input:first-child {
    width: 30%;
}

.form-column-zip-code-jp .input-group input:last-child {
    width: 60%;
}

.form-column-zip-code-jp .input-group {
    width: 80%;
    margin: auto;
}

/* 住所　ラベル編集 */

.form-column-e4a8aa30-a9c6-4f2c-b459-42dd8937547a .badge::before {
    content: "1（市町村名〜番地）";
    color: #fff;
    font-size: 12px;
    margin-right: 3px;
    margin-left: -3px;
}

/*//////付き添い//////*/
.form-column-9425b7e9-f538-473c-8b8f-550537fc2d88 input[type=text] {
    width: 100px;
    text-align: center;
}

.form-column-9425b7e9-f538-473c-8b8f-550537fc2d88 {
    position: relative;
}

.form-column-9425b7e9-f538-473c-8b8f-550537fc2d88 .description-block {
    display: block;
}

.form-column-9425b7e9-f538-473c-8b8f-550537fc2d88 .description-block p:first-child {
    position: absolute;
    right: 80px;
    top: 50%;
    right: calc(50% - 80px);
}

.form-column-9425b7e9-f538-473c-8b8f-550537fc2d88 .description-block p:last-child {
    padding-bottom: 10px;
}

/*//////その他//////*/
.form-column-8f09f9ee-b791-47f1-83fd-9e6811c65c02 {
    border-bottom: 1px solid #aaaaaa;
}

.form-column-8f09f9ee-b791-47f1-83fd-9e6811c65c02 textarea {
    width: 80%;
    margin: 20px 0;
}

/*//////出身校//////*/
.form-column-bed34dda-ad49-47c6-b5fb-8e4a616e9e21 input {
    width: 60%;
}

/*//////出身校・現在//////*/
.form-column-10e3b2eb-73f1-47ba-ad59-264921e2c98f select {
    width: 63px;
    padding: 10px 0;
    margin: 20px 0;
}

/*//////卒業//////*/
.form-column-4511a22e-ab4e-4f8c-9e0c-0ab43a2716ac .description-block {
    margin: 0 0 10px;
}

/*//////送信ボタン//////*/
.button-group {
    border: 0;
    text-align: center;
    padding: 40px 0 0;
    background: url(https://dental-hygienist.movabletype.io/img/common/bg-full.jpg) center center repeat-y;
}

.button-group .button {
    border: 0;
    border-radius: 0;
    width: 172px;
    padding: 15px;
    background-color: #e18093;
}

@media screen and (min-width:768px) {

    /*//992pxで利いてます//*/
    .form-column-prefecture-jp select {
        margin-left: 20px;
    }

    /*///必須テキスト//*/
    .form-column .badge-required {
        /*display: block;*/
        margin: auto;
        margin-left: 3px;
    }
    

    .form-column {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    .form-column fieldset {
        display: flex;
        width: 100%;
    }
    
    .form-column .label {
        /*width: 136px;*/
        width: 200px;
        display: inline-table;
        border-bottom: 0;
        border-right: 1px solid #aaaaaa;
        padding: 40px 0;
        flex-shrink: 0;
        
        float: left;
    }

    .input-group {
        margin-left: 20px;
        text-align: left;
    }

    .form-column-date .input-group {
        margin-left: 20px;
    }

    .input-group input[type="radio"] {
        margin: 5px 0;
    }

    .form-column-name input,
    .form-column-text input,
    .form-column-tel input,
    .form-column-email input {
        margin: 20px;
    }

    .form-column-select select {
        margin-left: 20px;
    }

    /*///選択項目///*/
    .form-column-44e5734e-0361-41de-9732-185b40004f3e .input-group label {
        width: 25%;
    }

    /*///郵便番号///*/
    .form-column-zip-code-jp .input-group {
        display: block;
    }

    .form-column-zip-code-jp .input-group input:first-child {
        width: 10%;
    }

    .form-column-zip-code-jp .input-group input:last-child {
        width: 20%;
        margin: 20px;
    }

    /*///市町村///*/
    .form-column-0203cba3-f3c6-4f01-9a43-41016409933e .position,
    .form-column-00256d99-a659-4516-ac7e-b413841cc9c8 .position {
        position: absolute;
        left: 25px;
        bottom: 20px;
        color: #ffffff;
    }

    /*///電話・メール///*/
    .form-column-tel input,
    .form-column-email input {
        width: 328px;
        margin-left: 20px;
    }

    /*///出身校///*/
    .form-column-bed34dda-ad49-47c6-b5fb-8e4a616e9e21 {
        text-align: left;
        display: inline-block;
    }

    .form-column-bed34dda-ad49-47c6-b5fb-8e4a616e9e21 input {
        width: 328px;
        margin-left: 20px;
    }

    /*///在学/卒業///*/
    .form-column-2ae7799d-f0e3-4161-b86b-238fb2cd6544 .input-group,
    .form-column-0aca0b7a-b5b6-4c09-9e0c-1f21a192c8ec .input-group {
        width: 100%;
    }

    .form-column-2ae7799d-f0e3-4161-b86b-238fb2cd6544 .input-group label,
    .form-column-0aca0b7a-b5b6-4c09-9e0c-1f21a192c8ec .input-group label {
        width: 7em;
        display: inline-block;
    }

    /*////卒業////*/
    .form-column-4511a22e-ab4e-4f8c-9e0c-0ab43a2716ac .description-block {
        display: flex;
        flex-wrap: nowrap;
        margin: 0 0 0 5px;
        width: 100%;
    }

    .form-column-4511a22e-ab4e-4f8c-9e0c-0ab43a2716ac .description-block p:last-child {
        margin-left: 10px;
    }

    .form-column-4511a22e-ab4e-4f8c-9e0c-0ab43a2716ac input {
        width: auto;
        margin-left: 20px;
    }

    /*///付き添い者数///*/
    .form-column-9425b7e9-f538-473c-8b8f-550537fc2d88 input[type=text] {
        margin: 0 0 0 20px;
    }

    .form-column-9425b7e9-f538-473c-8b8f-550537fc2d88 .description-block p:first-child {
        position: static;
        text-align: left;
    }

    .form-column-9425b7e9-f538-473c-8b8f-550537fc2d88 .description-block {
        display: flex;
        flex-wrap: nowrap;
    }

    .form-column-9425b7e9-f538-473c-8b8f-550537fc2d88 .description-block p:last-child {
        padding-bottom: 0;
        margin-left: 10px;
    }

    /*///お問い合わせ///*/
    .form-column-8f09f9ee-b791-47f1-83fd-9e6811c65c02 .label {
        padding: 100px 0;
    }

    .form-column-8f09f9ee-b791-47f1-83fd-9e6811c65c02 textarea {
        margin: 20px;
    }
}

/*ロボット判定*/
.form-column-recaptcha {
    background: none;
    border: 0;
    margin-top: 20px;
}

.content-confirmation .form-column-recaptcha div {
    margin: auto;
    text-align: center;
}

/*//確認後画面///*/
.button-group .button-back {
    background: #aaaaaa;
}

.preview-block {
    margin-left: 5px;
    display: inline-block;
}

.message-block-confirmation {
    text-align: center;
}

/*.content-confirmation .form-column-bed34dda-ad49-47c6-b5fb-8e4a616e9e21 {
    display: flex;
}*/
/*//////卒業//////*/
.content-confirmation .form-column-4511a22e-ab4e-4f8c-9e0c-0ab43a2716ac .description-block p:last-child {
    display: none;
}

@media screen and (min-width:768px) {

    /*//992pxで利いてます//*/
    .preview-block {
        margin: 30px;
    }
}