* {
  margin: 0;
  padding: 0;
  font-size : 100%;
  -webkit-print-color-adjust: exact;
}

body{
color: #3b2f18;
font-family:'M+ C Type-1 (basic latin) Regular','M+ Type-1 (general-j) Regular', sans-serif;
background: url(img/bg_contact_body.jpg);
}

table{
border-collapse: collapse;
}

td,th{
text-align: left;
vertical-align: top;
}

.clearfix{
zoom: 1;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

li{
list-style-type: none;
}

img{  border:0; }


header{
text-align: center;
padding-top: 30px;
padding-bottom: 15px;
}

header img{
max-width: 100%;
height: auto;
}

#contact{
width: 90%;
max-width: 700px;
margin: 0 auto;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border: 6px solid #b2d070;
background-color: #fff;
padding-top: 45px;
padding-bottom: 45px;
}

#contact h2{
font-size: 160%;
text-align: center;
padding-bottom: 25px;
}

.form_catch{
font-size: 140%;
text-align: center;
}

.msg{
color: #C13641;
}

.contact_read{
width: 90%;
margin: 0 auto;
font-size: 85%;
line-height: 1.6;
padding-bottom: 25px;
}

.thanks_read{
font-size: 100%;
line-height: 1.6;
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
}

.contact_read span,
#contact_in dl dt span{
color: #89b32d;
display: inline-block;
padding-left: 5px;
}

#contact_in{
width: 90%;
margin: 0 auto;
}

#contact_in dl{
width: 100%;
padding-bottom: 15px;
}


#contact_in dl dt{
width: 30%;
float: left;
padding-top: 8px;
}

#contact_in dl dd{
width: 70%;
float: left;
}

#contact_in dl dd input,
#contact_in dl dd textarea{
width: 96%;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border: 0;
background-color: #e7eed7;
padding-left: 2%;
padding-right: 2%;
padding-top: 8px;
padding-bottom: 8px;
}

#contact_in dl dd input:focus,
#contact_in dl dd textarea:focus{
background-color: #F2F8E7;
}


.bt_submit{
display: block;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
padding: 15px 60px 15px 100px;
background: url(img/ico_mail.svg) no-repeat 70px 23px;
background-color: #5d4c42;
font-size: 120%;
text-align: center;
text-decoration: none;
font-family:'M+ C Type-1 (basic latin) medium','M+ Type-1 (general-j) medium', sans-serif;
color: #5d4c42;
-webkit-transition: .3s;
transition: .3s;
border: 0;
color: #fff;
cursor: pointer;
margin: 15px auto 0;
}

.bt_submit:hover{
background: url(img/ico_mail.svg) no-repeat 75px 23px;
background-color: #7a5138;
}

.bt_form{
font-size: 0;
text-align: center;
width: 90%;
max-width: 600px;
margin: 10px auto 0;
}

.bt_form input{
font-family:'M+ C Type-1 (basic latin) medium','M+ Type-1 (general-j) medium', sans-serif;
display: inline-block;
font-size: 16px;
text-align: center;
width: 45%;
padding-top: 15px;
padding-bottom: 15px;
background-color: #5d4c42;
-webkit-transition: .3s;
transition: .3s;
border: 0;
color: #fff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
cursor: pointer;
}

.bt_form input:hover{background-color: #7a5138;}

.bt_form input:nth-of-type(2n){
margin-left: 5%;
}

#bt_back{
text-align: center;
padding-top: 55px;
}

#bt_back a{
display: inline-block;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
padding: 15px 40px 15px 80px;
background: url(img/ico_arrow.svg) no-repeat 40px 17px;
background-color: #b7d576;
font-size: 120%;
text-align: center;
text-decoration: none;
font-family:'M+ C Type-1 (basic latin) medium','M+ Type-1 (general-j) medium', sans-serif;
color: #5d4c42;
-webkit-transition: .3s;
transition: .3s;
}

#bt_back a:hover{
background: url(img/ico_arrow.svg) no-repeat 35px 17px;
background-color: #DFECC4;
}


#copy{
position: relative;
}

#copy small{
display: block;
width: 100%;
background: url(img/bg_copy.png) repeat-x bottom;
text-align: center;
color: #fff;
padding-top: 160px;
height: 20px;
font-size: 85%;
padding-bottom: 20px;
position: relative;
z-index: 100;
}

#copy::after{
content: " ";
display: block;
width: 180px;
height: 130px;
background: url(img/main.png) no-repeat 0 0;
background-size: 180px auto;
position: absolute;
top: 36px;
left: 50%;
margin-left: -90px;
z-index: 0;
}


@media (max-width: 710px) {


#contact_in dl dt{
width: 100% !important;
font-family:'M+ C Type-1 (basic latin) medium','M+ Type-1 (general-j) medium', sans-serif;
}

#contact_in dl dd{
width: 100% !important;
}



.bt_form input{
font-size: 14px !important;
width: 45% !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
-moz-border-radius: 8px !important;
-webkit-border-radius: 8px !important;
border-radius: 8px !important;
}

#copy small{
font-size: 60% !important;
}


}