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


div.wpcf7 .ajax-loader {display: block;}
.form_area{width:100%;margin:20px auto 0px;}
.contact_box{width:800px;display:table;margin:0 auto 20px;}

.contact_left{width:23%;display:table-cell;vertical-align:top;color:#128ecc;}
.contact_right{width:77%;display:table-cell;vertical-align:top;}
.contact_allb{width:100%;display:table-cell;text-align:center;vertical-align:middle;}
.contact_all{width:100%;display:table-cell;text-align:center;}
.hissu{font-size:14px;padding:2px 8px;display:inline-block;background:#EB6100;color:#fff;float:right;}
.hissul{font-size:14px;padding:2px 8px;display:inline-block;background:#EB6100;color:#fff;float:left;margin-top:10px;}
input, select {height: 50px;border:none;border-radius:8px;vertical-align:middle;padding:10px;font-size:16px;width:100%;}
textarea{border:none;border-radius:8px;width: 100%;padding:10px;font-size:16px;}
input[type="text"]{width: 100%;}
input[name="your-name"]{width:100%;}
input[name="tel-100"]{width:100%;}
input[type="email"]{width:100%;}
textarea[name="your-message"]{width:100%;}
input[type="submit"]{
font-family: "Font Awesome 5 Free";
font-weight:700;
line-height:1;
background: #128ecc;
color:#fff;
transition:ease 0.3s;
text-align:center;
font-size:18px;
height:60px;
vertical-align:middle;
display:inline-block;
border:#128ecc 1px solid;
width: 350px;
border-radius:10px;
}
input[type="submit"]:hover{
background:#fff;
color:#128ecc;
cursor:pointer;
border:#128ecc 1px solid;
}

span.wpcf7-not-valid-tip{display: none !important;}
.wpcf7 form.invalid .wpcf7-response-output{background:#D87E8A;border:none;padding:10px;color:#fff;text-align:center;}
.wpcf7 form.sent .wpcf7-response-output{background:#D87E8A;border:none;padding:10px;color:#fff;text-align:center;}
.wpcf7-spinner{display:none !important;}
.ctxt{text-align:center;color:#f00;margin:20px auto;}


/* 650px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
.form_area{margin:0 auto 0px;width:100%;}
.contact_box{width:90%;display:block;margin:0 auto 10px;}
.contact_left{width:100%;display:block;margin-bottom:-1px;}
.contact_right{width:100%;display:block;}
.contact_allb{width:100%;display:block;padding:10px;}
.contact_all{width:100%;display:block;}
input[name="your-name"]{width:100%;}
input[name="tel-100"]{width:100%;}
input[type="email"]{width:100%;}
textarea[name="your-message"]{width:100%;}
input[type="submit"]{width:100%;}
}