@charset "utf-8";


.basic_section.contact_section_form {
    position: relative;
    padding: 0px 0 60px 0;
}

.page_title_textonly_nvon {
    padding-top: 0px;
}

.reserve_box {
    width: 100%;
}

.reserve_tit {
    text-align: ceter;
    background-color: #c3a516;
    padding: 5px 0;
    margin: 0 0 10px 0;
}

#formWrap .basic_table22 th {
    width: 300px;
}

#formWrap .basic_table22 td.h_item span {
    display: block;
    margin: 0 0 10px 0;
}

#formWrap .basic_table22 td.h_item span.cand {
    display: inline;
    margin: 0 10px 10px 0;
}

#formWrap input[type="text"] {
    width: auto;
}

#formWrap .req {
    color: #cc1c17;
    margin-left: 0.5em;
    font-size: 1.2rem;
}


#formWrap input[type="number"]::-webkit-outer-spin-button,
#formWrap input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#formWrap input[type="number"] {
    -moz-appearance: textfield;
    width: 7em;
}



.indent10 {
    text-indent: -1em;
    margin-left: 1em;
}


#formWrap .textarea {
    width: 80%;
}

#formWrap input[type="radio"] {
    margin-right: 5px;
    margin-left: 10px;
}

#formWrap input[type="checkbox"] {
    margin-right: 5px;
    margin-left: 10px;
}

#formWrap span.other {
    display: block;
    margin: 10px 0 0 0;
}

#formWrap span.radioelement {
    margin-right: 1.5em;
}

#formWrap input[type="text"] {
    width: 40%;
}

#formWrap input.num50 {
    width: 20%;
}

#formWrap .btn_contact {}

#formWrap .btn_contact {}

#formWrap .btn_contact input[type="submit"] {
    padding: 10px 0;
    margin: 20px auto;
    width: 80%;
    display: block;
    text-align: center;
}

#formWrap .btn_contact input[type="button"] {
    padding: 5px 0;
    margin: 30px auto;
    width: 20%;
    display: block;
    text-align: center;
}

#formWrap select {
    width: 20%;
    padding: 4px 0;
}

#formWrap select.w70w {
    width: 70%;
}

#formWrap .birth input[type="text"] {
    width: 15%;
}

#formWrap .w_time input[type="text"] {
    width: 15%;
}

#formWrap .situ span.checkelement {
    display: block;
}

#formWrap .num_num input[type="text"] {
    width: 50%;
}

#formWrap .rest_sele select {
    width: 50%;
}




@media screen and (max-width: 768px) {
    .page_title_textonly_nvon {
        padding-top: 30px;
    }

    #formWrap input[type="text"] {
        width: 100%;
        margin: 0 auto 5px auto;
        padding: 10px 0;
    }

    #formWrap .rest_sele select {
        width: 80%;
    }

    #formWrap .rest_sele select option {
        font-size: 1.2rem;
    }

    #formWrap span.obj {
        display: block;
        margin: 0 0 10px 0;
    }

    #formWrap .ymd00 span {
        display: block;
        margin: 10px 0;
    }

    #formWrap .ymd00 select {
        width: 80%
    }

    #formWrap .ymd00 input[type="number"] {
        width: 80%
    }

    #formWrap .textarea {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0;
    }

    #formWrap .form_part dd input[type="checkbox"] {}

    #formWrap span.radioelement {
        margin-right: 0em;
        margin-bottom: 5px;
        display: block;
    }

    #formWrap span.checkelement {
        margin-right: 0;
        margin: 10px 10px 10px 0;
        width: 15%;
        display: table-cell;
    }

    #formWrap select {
        width: 20%;
        display: inline;
        margin: 0 3px;
        padding: 12px 0;
    }

    #formWrap select.eng {
        width: 50%;
        display: inline;
        margin: 0 3px;
        padding: 12px 0;
    }

    #formWrap select.w70w {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    #formWrap .birth input[type="text"] {
        width: 23%;
    }

    #formWrap .birth select {
        margin: 15px 0 0 0;
    }

    #formWrap .w_time input[type="text"] {
        width: 30%;
    }

    #formWrap .w_time span.tobox {
        display: block;
        margin-top: 10px;
    }

    #formWrap .num_num input[type="text"] {
        width: 70%;
    }

    #formWrap .situ span.checkelement {
        width: 100%;
        display: block;
    }

    #formWrap .basic_table22 th {
        width: 100%;
    }

    .basic_table22 th {
        padding: 20px 10px;
        text-align: center;
    }

    .basic_table22 td {
        padding: 20px 10px;
        text-align: center;
        line-height: 2.0;
    }

    #formWrap input[type="number"] {
        width: 28%;
        padding: 10px 0;
    }

    #formWrap .btn_contact input[type="submit"] {
        padding: 20px 0;
        margin: 20px auto;
        width: 80%;
        display: block;
        text-align: center;
    }

    #formWrap .btn_contact input[type="button"] {
        padding: 5px 0;
        margin: 30px auto;
        width: 80%;
        display: block;
        text-align: center;
    }

    #formWrap .basic_table22 td.h_item span.cand {
        display: block;
        margin: 0 0 10px 0;
    }

}