@charset "utf-8";
/* CSS Document */
section{ margin: 80px auto 0; z-index: 100;}

body#contact{ background:url("../img/contact_bg.jpg") top center no-repeat; background-size:contain; background-color: #f8f8f5; background-position: left 0 top 70px,center;}
#formArea{ margin: 100px 0;}

section dl{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; margin: 0 auto 50px auto; align-items: center; width: 80%;}
section dt{ width: 25%; padding: 10px 0; box-sizing: border-box;}
section dd{ width: 75%; padding: 10px 0; box-sizing: border-box;}
section dd select{ width: 100%; padding: 10px;}
section dd input[type=text]{ width: 100%; padding: 10px;}
section dd textarea{ width: 100%; padding: 10px;}

select{ padding: 5px; -webkit-appearance: none;}
input[type=submit]{ display: block; width: 50%; height: auto; text-align: center; background: #666666; text-decoration: none; line-height: 160%; padding: 10px; box-sizing: border-box; margin: 20px auto 0; text-decoration: none; color: #FFF!important; border: none; font-size: 100%;}
input[type=button]{ display: block; width: 50%; height: auto; text-align: center; background: #666666; text-decoration: none; line-height: 160%; padding: 10px; box-sizing: border-box; margin: 20px auto 0; text-decoration: none; color: #FFF!important; border: none; font-size: 100%;}

input[type=submit]:hover{ cursor: pointer; opacity: 0.7;}
input[type=button]:hover{ cursor: pointer; opacity: 0.7;}

p.thanx{ font-size: 120%; text-align: center;}

body#contact h2{ font-size: 180%; margin: 50px 0 0 0; text-align: left;}
body#contact h2+p{ text-align: left;}

th{ width: 30%; padding: 10px; background: #eee;}
td{ width: 70%; padding: 10px;}
table , .formTable th , .formTable td{ border-collapse: collapse;border:1px solid #333;}
table { margin: 50px auto 50px auto!important; width: 100%;}
.sendback{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 50px 0 0;}
.sendback input[type=submit]{ display: block; width: 48%; height: auto; text-align: center; background: #666666; text-decoration: none; line-height: 160%; padding: 10px; box-sizing: border-box; margin: 20px auto 0; text-decoration: none; color: #FFF!important; border: none; font-size: 100%;}
.sendback input[type=button]{ display: block; width: 48%; height: auto; text-align: center; background: #666666; text-decoration: none; line-height: 160%; padding: 10px; box-sizing: border-box; margin: 20px auto 0; text-decoration: none; color: #FFF!important; border: none; font-size: 100%;}

@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 640px) {
section{ margin: 30px auto 0; z-index: 100;}
section dl{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; margin: 0 auto 50px auto; align-items: center; width: 100%;}
section dt{ width: 100%; padding: 10px 0 0; box-sizing: border-box;}
section dd{ width: 100%; padding: 10px 0; box-sizing: border-box;}

input[type=submit]{ display: block; width: 100%; height: auto; text-align: center; background: #666666; text-decoration: none; line-height: 160%; padding: 10px; box-sizing: border-box; margin: 20px auto 0; text-decoration: none; color: #FFF!important; border: none; font-size: 100%;}
input[type=button]{ display: block; width: 100%; height: auto; text-align: center; background: #666666; text-decoration: none; line-height: 160%; padding: 10px; box-sizing: border-box; margin: 20px auto 0; text-decoration: none; color: #FFF!important; border: none; font-size: 100%;}

.sendback{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; margin: 50px 0 0;}
.sendback input[type=submit]{ display: block; width: 100%; height: auto; text-align: center; background: #666666; text-decoration: none; line-height: 160%; padding: 10px; box-sizing: border-box; margin: 20px auto 0; text-decoration: none; color: #FFF!important; border: none; font-size: 100%;}
.sendback input[type=button]{ display: block; width: 100%; height: auto; text-align: center; background: #666666; text-decoration: none; line-height: 160%; padding: 10px; box-sizing: border-box; margin: 20px auto 0; text-decoration: none; color: #FFF!important; border: none; font-size: 100%;}
}