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



.form_area{width:80%;margin:0 auto 0px;}
.contact_box{width:100%;display:table;padding:15px 0;color:#7E3C92;}
.contact_left{width:30%;display:table-cell;text-align:right;padding-right:15px;padding-bottom:5px;vertical-align:middle;}
.contact_right{width:70%;display:table-cell;text-align:left;vertical-align:middle;}
.contact_all{width:100%;text-align:center;margin-top:20px;}
.title_pr{padding-right:60px;}
.contact_border{border-top:2px solid #7E3C92;border-bottom:2px solid #7E3C92;}
.contact_inq{width:100%;}
.contact_title{width:36%;display:table-cell;font-size:18px;vertical-align:middle;line-height:0.8;}
.contact_tel{width:64%;display:table-cell;font-size:42px;text-align:right;padding-right:50px;vertical-align:middle;line-height:0.8;}
.contact_title_full{width:100%;display:table-cell;font-size:18px;vertical-align:middle;line-height:1;}
.bb_none{border-bottom:none;padding:15px 0 0;}
.hissu{
padding:0px 4px 4px;
border:1px #7E3C92 solid;
border-radius:4px;
display:inline-block;
font-size:16px;
vertical-align:middle;
line-height:16px;
margin:0 0 3px 10px;
}
input, select {border:none;height: 60px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;vertical-align:middle;padding:0 4px 2px;font-size:16px;}
textarea{border:none;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;width: 100%;font-size:16px;}
input[type="text"]{width: 100%;}
input[name="your-name"]{width: 100%;}
input[name="text-100"]{width: 100%;}
input[name="text-110"]{width: 49%;margin-left:2%;}
input[name="text-120"]{width: 100%;}
input[name="text-130"]{width: 49%;margin-left:2%;}
input[name="text-200"]{width: 12%;margin-right:5px;}
input[name="text-210"]{width: 12%;margin-left:2%;margin-right:5px;}
input[name="text-220"]{width: 20%;margin:0 5px;}
input[name="text-300"]{width: 15%;margin:0 5px;}
input[name="text-310"]{width: 12%;margin-left:2%;margin-right:5px;}
input[name="text-320"]{width: 12%;margin-left:2%;margin-right:5px;}
input[name="text-330"]{width: 12%;margin:0 5px;}
input[name="text-340"]{width: 12%;margin-left:2%;margin-right:5px;}

input[type="tel"]{width:100%;}
input[type="email"]{width:100%;}
input[type="file"]{border:none;}
input[name="address1"]{width: 40%;margin-left:2%;}
textarea[name="your-message"]{width: 100%;}
input[type="submit"]{
line-height:1;
padding:0 60px;
background: #7E3C92;
color:#fff;
transition:ease 0.3s;
text-align:center;
font-size:20px;
height:60px;
vertical-align:middle;
display:inline-block;
border:#7E3C92 1px solid;
width: 300px;
border-radius:0px;
text-align:center;
}
input[type="submit"]:hover{
background: #fff;
color:#7E3C92;
cursor:pointer;
border:#7E3C92 1px solid;
}
div.wpcf7 .ajax-loader {display: block;}
span.wpcf7-not-valid-tip{display: none !important;}
.wpcf7 form.invalid .wpcf7-response-output{background:#D87E8A;border:none;padding:10px;color:#fff;}
.wpcf7 form.sent .wpcf7-response-output{background:#D87E8A;border:none;padding:10px;color:#fff;}


/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 979px){
input[type="email"][type="email"]{width: 100%;}
input[name="your-name"][type="text"]{width: 100%;}




}



/* 650px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 650px){
.contact_mess{padding:45px 10px;line-height:2;margin-bottom:0px;font-size:14px;text-align:left;}
.contact_mess br{display:none;}
.form_area{width:100%;margin:0 auto 30px;}
.contact_title{width:100%;display:block;font-size:18px;line-height:1;padding-bottom:10px;}
.contact_tel{width:100%;display:block;font-size:39px;font-weight:bold;text-align:left;padding-right:0px;line-height:0.8;}
.contact_box{width:100%;display:block;padding:15px 0;}
.contact_left{width:100%;display:block;text-align:left;padding:0 0 10px 0;}
.contact_right{width:100%;display:block;}
.hissu{margin-right:5px;}

input[name="text-130"]{width: 49%;margin-left:2%;}
input[name="text-200"]{width: 15%;margin-right:5px;}
input[name="text-210"]{width: 15%;margin-left:2%;margin-right:5px;}
input[name="text-220"]{width: 20%;margin:0 5px;}
input[name="text-300"]{width: 25%;margin:0 5px;}
input[name="text-310"]{width: 15%;margin-left:2%;margin-right:5px;}
input[name="text-320"]{width: 15%;margin-left:2%;margin-right:5px;}
input[name="text-330"]{width: 15%;margin:0 5px;}
input[name="text-340"]{width: 15%;margin-left:2%;margin-right:5px;}
}