@charset "UTF-8";

.clearfix{content:''; display: block; clear: both;}

.modal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, .8) url('/images/ajax-loader.gif') 50% 50% no-repeat; }

body.loading { overflow: hidden; }

body.loading .modal { display: block; }

.contact_form * { font-family: 'Noto Sans', sans-serif; }

.contact_form caption { display: none; }

.contact_form select { padding: 3px; }

.text-right { text-align: right; line-height: 2em; }

.input-info { color: #666; margin-top: .5em; font-size: .9em; }

.text-area { border-top: 2px solid #ada99d !important; border: 1px solid #d1d1d1; height: 130px; padding: 20px 29px; color: #666; background: #fff; overflow: auto; margin-bottom: 15px; }

.text-area + p { text-align: right; margin-bottom: 5em; }

.subTxt { margin-bottom: 2em; }

.subTxt h3 { color: #7e6956; }

.subTxt span { line-height: 1.5em; height: 1.5em; letter-spacing: -.1px; }

.contents_wrap .tab_con h4 { font-size: 1.2em; margin: 15px 0; color: #907963; }

.btn-wrap { display: block; margin: 1em; text-align: right; }

.btn-wrap .btn_submit { width: 200px; height: 50px; display: inline-block; background: #5f5a50; color: white; text-align: center; line-height: 50px; cursor: pointer; margin-left: 10px; border: 0; vertical-align: middle; }

.btn-wrap .btn_submit.reset { background: #b5ad9e; }

.contact_form table { border-top: solid 1px #ada99d; width: 100% }

.contact_form table th { background: #d9d0bb; font-size: 13px; font-weight: bold; padding: 12px 0 12px 14px; border-bottom: solid 1px #c8cacb; }

.contact_form table th label { font-size: 13px; color: #77756e;vertical-align: middle }

.contact_form table td label {margin-right: 1em; vertical-align: middle; }

.contact_form table td { border-bottom: solid 1px #c8cacb; padding: 12px 0 12px 14px; }

em.required_icon { margin-right: 8px; color: red; }

.contact_form table th.v-center { vertical-align: middle !important; }

.contact_form table td input[type="text"] { border: 1px solid #c8cacb; padding: 3px; }

.contact_form table td textarea { width: 98%; border: 1px solid #c8cacb }



@media screen and (max-width: 425px) {
    .contact_form table th { text-align: left }

    .contact_form table th label, .contact_form table td label, .contact_form select{ font-size:11px;}

    #useremail_1 { width: 195px !important; }

    .btn-wrap { text-align: center }

    .btn-wrap .btn_submit { width: 100px; height: 40px; line-height: 40px }



}