@charset "utf-8";
/* CSS Document */

.contact_title{width:100%;text-align:center;padding-top:0vw;margin-bottom:30px;}
.contact_title p{font-size:11px;}
.contact_title h1{position:relative;display:inline-block;margin-bottom:1em;font-size:20px;text-align:center;}
.contact_title h1:before{content:"";position:absolute;bottom:-15px;display:inline-block;width:60px;height:1px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:black;border-radius:2px;margin-bottom:5px;}

form#mailformpro{width:50%;margin:0 auto;padding:10px;}
.form_cap{width:70%;padding:10px;margin:0 auto 20px;text-align:center;}

.privacy{background-color:#F2F2F2;overflow-y:scroll;height:200px;padding:10px;width:100%;margin-bottom:10px;}
.privacy dl{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;}
.privacy dt{width:34%;padding:0;}
.privacy dd{width:65%;padding:0;}

.contact_tel{text-align:center;margin:0 auto 30px;width:40%;}
.contact_tel a{display:block;width:100%;height:100%;font-size:20px;border:solid 1px;padding:5px 10px;background:#000;color:#FFF;transition:.3s ease-in-out;}
textarea{width:100%;margin-bottom:20px;}

input name{width:100%;}

.done{width:40%;margin:5vw auto;}
.done a{display:block;width:100%;height:100%;padding:5px;padding:10px;border:solid 1px;text-align:center;transition:.3s ease-in-out;}
.done a:hover{background:#000;color:#FFF;}
.dt.txb{margin-bottom:20px;}

@media screen and (max-width:1600px){}
@media screen and (max-width:1366px){
form#mailformpro{width:80%;}
}
@media screen and (max-width:1280px){}
@media screen and (max-width:1024px){}
@media screen and (max-width:768px){}
@media screen and (max-width:640px){
.done{width:80%;}
form#mailformpro{width:100%;}
.form_cap{width:100%;padding:10px;}
.contact_tel{width:100%;padding:10px;}
.privacy dt{width:100%;padding:0;}
.privacy dd{width:100%;padding:0;}

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


}