@charset "UTF-8";
/* CSS Document */
#main_img{ background: url("../../inquiry/img/tit.jpg") no-repeat center center; background-size: cover;}
#lead_col { min-height:0; margin:80px auto; text-align: center; width:900px;}
#lead_col .lead { float:none; font-size:20px; margin:0 auto;}
.contact { border-top:1px solid rgba(70,35,13,.5);border-bottom:1px solid rgba(70,35,13,.5); margin:80px 3%; padding:30px 0;}
.contact dd ul { display: flex;}
.contact dd li { margin: 10px 1%; width:48%;}
.contact dd li b { font-size:50px;}

section { margin:50px auto; width:900px;}
section h2 + p { padding:0 0 20px 0; text-align: center;}

form {}
form div { box-sizing: border-box;}
form#mailformpro dl { display: flex; flex-wrap:wrap; margin: 0 auto; }
form#mailformpro dl dt { float:none; font-size:15px!important; width:22%!important; }
form#mailformpro dl dd { font-size:15px!important; padding: 15px 0 15px 2%!important; width:74%!important;}
form#mailformpro dl dd small { font-size:12px;}
input[type="text"], 
input[type="email"],
input[type="tel"], 
input[type="date"],
select,
button, 
label,
textarea {background: #fff; border: 1px solid rgba(70,35,13,.4);border-radius: 4px;  font-size: 15px; height: 37px; outline: none; padding: 0 5px; word-break: break-all; white-space: normal;}
label  { border:0;}
select { width: auto; min-width: 0;}
input[type="text"].box_text { width: auto; min-width: 0;}

.mfp_buttons { margin:0 auto; width:250px;}
.mfp_buttons button{ background: #46230d; border: 1px solid #46230d; border-radius: 0; color: #fff; cursor: pointer; display: block; font-size: 15px; font-family: inherit;
                    height: 50px;line-height: 48px;outline: none;text-align: center; text-shadow: none!important; width: 100%;
                    -webkit-appearance: none;-moz-appearance: none;appearance: none;
                    -webkit-transition: opacity 0.8s ease;transition: opacity 0.8s ease;}
.mfp_buttons button:hover { background: #907071;border: 1px solid #907071; }


@media screen and (max-width: 600px) {
                #lead_col {margin:40px auto; text-align: left; width:90%; }
                #lead_col .lead {font-size:16px;}
                .contact { margin:30px 3%; text-align: center;}
                .contact dt .wbr { display: block;}
                .contact dd ul { display: block;}
                .contact dd li { margin: 10px 1%; width:98%;}
                .contact dd li b { font-size:30px;}
                section { margin:50px auto; width:90%;}
                section h2 + p { padding:0 0 20px 0; text-align: center;}
                form { margin:0 auto; width:92%;}
                form#mailformpro dl { width:100%; }
                form#mailformpro dl dt { width:100%!important; padding-top:10px!important;}
                form#mailformpro dl dd { width:100%!important; padding: 0 0 10px 0!important; }
                form#mailformpro dl dd small {display: block;}
                input[type="text"]:not([class]) , 
                input[type="email"],
                input[type="tel"], 
                select,
                button, 
                textarea{ width:92%;}
                form#mailformpro label{ display: block; white-space:normal!important; line-height:1.5; padding:8px; width:92%;}  
}

.thanks #lead_col .lead,
.thanks #sec0 { text-align: center; margin-bottom:80px;}
.thanks #lead_col .lead {font-size:30px;}
.thanks #sec0 p { margin-bottom:15px;}
.thanks #sec0 .tel-link b{font-size:40px;}
@media screen and (max-width: 600px) {
                    .thanks #lead_col .lead span { display: block;}
                    .thanks #lead_col .lead,
                    .thanks #sec0 { margin:0 5% 30px 5%; }
                    .thanks #sec0 p{ text-align:left;}
                    .thanks #lead_col .lead {font-size:22px;}
                    
                    .thanks #sec0 .tel-link b{font-size:34px;}
}