#header .con_header .box_right ul li .ddmenu ul li { border-bottom: 1px dotted #000; }
#header .con_header .box_right ul li .ddmenu ul li a { color: #000; }
#header .con_header .box_right ul li .ddmenu ul li a:before, #header .con_header .box_right ul li .ddmenu ul li a:after { background: #000 !important; }

.con_contact .btn_news a { padding: .7em 0; border: 1px solid #d3d3d3; display: block; text-decoration: none !important; font-size: 126%; margin: auto; text-align: center; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.con_contact .btn_news a::after { content: "\f105"; font-family: FontAwesome; margin-left: .5em; margin-left: .5em; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; vertical-align: baseline; }
.con_contact .btn_news a:hover:after { margin-left: 1.2em; }
@media only screen and (max-width: 767px) { .con_contact .box_text { margin-bottom: 0.2em; } }
.con_contact .box_text li { position: relative; letter-spacing: .1em; font-size: 117%; font-weight: bold; line-height: 2; padding: 0 0 1rem 1.4rem; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_contact .box_text li { padding: 1.2em; } }
@media only screen and (max-width: 767px) { .con_contact .box_text li { font-size: 100%; font-weight: normal; line-height: 1.6; padding: 0 0 .7em 1.2em; } }
.con_contact .box_text li::before { content: ''; display: inline-block; width: 3px; height: 3px; position: absolute; left: 0.5em; top: 0.8em; background: #000; border-radius: 50%; }
.con_contact .con_intro { overflow: hidden; background: #f3f3f3; margin: 0em auto 1em; padding: 2rem 5rem; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_contact .con_intro { padding: 3% 3%; } }
@media only screen and (max-width: 767px) { .con_contact .con_intro { padding: 1.5em; } }
.con_contact .con_intro .box_left { text-align: center; width: 50%; float: left; }
@media only screen and (max-width: 767px) { .con_contact .con_intro .box_left { width: 100%; margin-bottom: 2%; } }
.con_contact .con_intro .box_left .txt { font-size: 117%; letter-spacing: 0.2em; padding-bottom: 0; line-height: 1; }
@media only screen and (max-width: 767px) { .con_contact .con_intro .box_left .txt { font-size: 100%; line-height: 1.6; } }
.con_contact .con_intro .box_left .txt_tel span, .con_contact .con_intro .box_left .txt_tel a { letter-spacing: 0.3em; text-decoration: none; }
@media only screen and (max-width: 767px) { .con_contact .con_intro .box_left .txt_tel span, .con_contact .con_intro .box_left .txt_tel a { letter-spacing: 0.1em; } }
.con_contact .con_intro .box_left .txt_tel span:first-child, .con_contact .con_intro .box_left .txt_tel span:last-child, .con_contact .con_intro .box_left .txt_tel a:first-child, .con_contact .con_intro .box_left .txt_tel a:last-child { font-size: 134%; }
.con_contact .con_intro .box_left .txt_tel span:nth-child(2n), .con_contact .con_intro .box_left .txt_tel a:nth-child(2n) { font-size: 200%; }
.con_contact .con_intro .box_right { width: 50%; float: right; padding-left: 5rem; border-left: 1px solid #dfdfdf; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_contact .con_intro .box_right { padding-left: 5%; } }
@media only screen and (max-width: 767px) { .con_contact .con_intro .box_right { width: 100%; padding-left: 0; border-left: none; } }
.con_contact .con_intro .box_right .tel_txt { font-size: 226%; }
.con_contact .con_intro .box_right .btn_news a { width: 100%; padding: 1em; background: none; margin: 0 auto; }
.con_contact .con_intro .box_right .btn_news a:hover { background: #FFF; }
.con_contact .step_contact { overflow: hidden; margin-bottom: 3rem; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_contact .step_contact { margin-bottom: 2rem; } }
@media only screen and (max-width: 767px) { .con_contact .step_contact { margin-bottom: 1em; } }
.con_contact .step_contact ul li { float: left; width: 30.27344%; margin-right: 4.58984%; padding: 2em 0; text-align: center; font-size: 117%; letter-spacing: 0.3em; position: relative; font-weight: bold; border-bottom: 3px solid #fff; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_contact .step_contact ul li { margin-right: 4.58984%; padding: 1.5em 0; } }
@media only screen and (max-width: 767px) { .con_contact .step_contact ul li { width: 100%; margin: .8em 0; padding: 0.2em 1em 0.8em; border-bottom: none; } }
.con_contact .step_contact ul li.active { border-color: #403c38; }
@media only screen and (max-width: 767px) { .con_contact .step_contact ul li.active:before { position: absolute; content: ''; width: 50%; height: 1px; background: #000; left: 50%; bottom: 0.5em; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } }
@media only screen and (max-width: 767px) and (max-width: 767px) { .con_contact .step_contact ul li.active:before { width: 60%; } }

.con_contact .step_contact ul li:last-child { margin-right: 0px; }
.con_contact .step_contact ul li:after { content: ''; display: inline-block; width: 10px; height: 18px; background: transparent url("../contact/images/ic_arrow_r.png") center no-repeat; margin-left: .5em; position: absolute; right: -30px; top: 50%; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 9; color: #505050; margin-left: 0; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_contact .step_contact ul li:after { right: -25px; } }
@media only screen and (max-width: 767px) { .con_contact .step_contact ul li:after { margin-left: 0px; left: 50%; right: auto; bottom: -0.8em; top: inherit; right: inherit; -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); transform: rotate(90deg); } }
.con_contact .box_form { margin-bottom: 4rem; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_contact .box_form { margin-bottom: 3rem; } }
@media only screen and (max-width: 767px) { .con_contact .box_form { margin-bottom: 1.5em; } }
.con_contact .box_form .txt_note { color: #962929; font-size: 117%; font-weight: bold; margin-bottom: .5rem; }
.con_contact .box_form .tbl_contact { width: 100%; border: 1px solid #e0e0e0; }
@media only screen and (max-width: 767px) { .con_contact .box_form .tbl_contact { border-top: 0; } }
.con_contact .box_form .tbl_contact th, .con_contact .box_form .tbl_contact td { padding: .8em 1em; border-bottom: 1px solid #e0e0e0; font-size: 126%; }
@media only screen and (max-width: 767px) { .con_contact .box_form .tbl_contact th, .con_contact .box_form .tbl_contact td { width: 100%; display: block; padding: 1em; border-bottom: 0; } }
.con_contact .box_form .tbl_contact tr:last-child th, .con_contact .box_form .tbl_contact tr:last-child td { border-bottom: 0px; }
@media only screen and (max-width: 767px) { .con_contact .box_form .tbl_contact tr:last-child th { border-top: 1px solid #e0e0e0; } }
.con_contact .box_form .tbl_contact th { background: #f4f3f3; width: 21.5rem; text-align: center; border-right: 1px solid #e0e0e0; font-weight: normal; }
@media only screen and (max-width: 767px) { .con_contact .box_form .tbl_contact th { width: 100%; border-right: none; border-top: 1px solid #e0e0e0; padding: 0.5em 1em; } }
.con_contact .box_form .tbl_contact th .txt_clr { float: right; color: #962929; }
.con_contact .box_form .tbl_contact td .lbl_radio { display: inline-block; margin-right: 1em; }
.con_contact .box_form .tbl_contact td p { margin-bottom: .5em; }
.con_contact .box_form .tbl_contact td p.txt_clr { color: #962929; letter-spacing: .2em; }
.con_contact .box_form .input_form { background: #f6f6f6; border: none; width: 54.5rem; letter-spacing: 0.1em; padding: .6em 1em; outline: none; }
.con_contact .box_form .input_form.waddress { width: 13rem; }
@media only screen and (max-width: 767px) { .con_contact .box_form .input_form.waddress { width: 93%; } }
.con_contact .box_form .input_form.wfull { width: 100%; }
.con_contact .box_form .input_form.w30 { width: 30%; }
@media only screen and (max-width: 767px) { .con_contact .box_form .input_form.w30 { width: 70%; } }
.con_contact .box_form .input_form.w10 { width: 10%; }
@media only screen and (max-width: 767px) { .con_contact .box_form .input_form.w10 { width: 30%; } }
@media only screen and (max-width: 1024px) { .con_contact .box_form .input_form { min-width: auto; width: 100%; } }
@media only screen and (max-width: 767px) { .con_contact .box_form .input_form { border: 1px solid #e0e0e0; padding: 0.4em 1em; } }
@media only screen and (max-width: 767px) { .con_contact .box_form textarea { height: 14em; } }
.con_contact .box_form .btn_contact { margin-top: 3.8em; text-align: center; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_contact .box_form .btn_contact { margin-top: 2.8em; } }
@media only screen and (max-width: 767px) { .con_contact .box_form .btn_contact { margin-top: 1.7em; } }
.con_contact .box_form .btn_contact p { width: 21rem; display: inline-block; }
@media only screen and (max-width: 767px) { .con_contact .box_form .btn_contact p { width: 47%; } }
.con_contact .box_form .btn_contact p.last { margin-left: 1em; }
.con_contact .box_form .btn_contact p .btn_next, .con_contact .box_form .btn_contact p .btn_prev { display: block; font-weight: bold; border: 1px solid #edeae6; text-decoration: none !important; font-size: 117%; margin: auto; text-align: center; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding: 1.5em 0.4em; }
@media only screen and (max-width: 767px) { .con_contact .box_form .btn_contact p .btn_next, .con_contact .box_form .btn_contact p .btn_prev { padding: 1em; } }
.con_contact .box_form .btn_contact p .btn_next::after, .con_contact .box_form .btn_contact p .btn_prev::after { font-family: FontAwesome; content: "\f105"; margin-left: .5em; margin-left: .5em; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; vertical-align: baseline; }
.con_contact .box_form .btn_contact p .btn_next:hover, .con_contact .box_form .btn_contact p .btn_prev:hover { background: #f2f2f2; color: #3a3a3a !important; border: 1px solid #c8c8c8; }
.con_contact .box_form .btn_contact p .btn_next:hover::after, .con_contact .box_form .btn_contact p .btn_prev:hover::after { margin-left: 1.2em; }
.con_contact .box_form .btn_contact p .btn_prev { background: #f5f2ee; }
.con_contact .box_form .btn_contact p .btn_prev:hover { background: #e6e4e0; }
.con_contact .box_thanks { border: 1px solid #cdcdcd; margin-bottom: 4rem; text-align: center; padding: 2em; }
@media only screen and (max-width: 767px) { .con_contact .box_thanks { padding: 1.3em; } }
.con_contact .box_thanks h3 { font-size: 184%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_contact .box_thanks h3 { font-size: 167%; } }
@media only screen and (max-width: 767px) { .con_contact .box_thanks h3 { font-size: 126%; } }
.con_contact .box_thanks .box_txt { margin: 2rem 0; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_contact .box_thanks .box_txt { margin: 3% 0; } }
@media only screen and (max-width: 767px) { .con_contact .box_thanks .box_txt { margin: 3% 0; } }
.con_contact .box_thanks .box_txt p { line-height: 2.2; font-size: 150%; padding: 1rem 0; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_contact .box_thanks .box_txt p { font-size: 134%; padding: 2% 0 1%; } }
@media only screen and (max-width: 767px) { .con_contact .box_thanks .box_txt p { text-align: left; line-height: 1.6; font-size: 100%; padding: 3% 0 1%; } }
.con_contact .box_thanks .btn a { width: 24.5rem; margin: 0 auto; border: 1px solid #edeae6; background: -moz-linear-gradient(top, #ffffff 0%, #f3f1ee 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #f3f1ee 100%); background: linear-gradient(to bottom, #ffffff 0%, #f3f1ee 100%); }
@media only screen and (max-width: 767px) { .con_contact .box_thanks .btn a { width: 100%; } }
