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



.form_area{width:60%;margin:40px auto;font-size:14px;}
.contact_box{width:100%;display:table;border-bottom:1px solid #5C5D5D;padding:15px 0;}
.contact_left{width:36%;display:table-cell;text-align:right;padding-right:15px;vertical-align:middle;}
.contact_right{width:64%;display:table-cell;vertical-align:middle;padding-bottom:2px;}
.contact_all{width:100%;text-align:center;margin-top:20px;}
.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:2px 15px;
display:inline-block;
background:rgb(33,124,248);
color:#fff;

float:left;
vertical-align:middle;
}
input, select {height: 30px;border:1px solid #5C5D5D;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;vertical-align:middle;padding:0 4px 2px;}
textarea{border:1px solid #5C5D5D;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;width: 100%;}
input[type="text"]{width: 100%;}
input[name="your-name"]{width: 40%;}
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: 49%;}
input[name="text-210"]{width: 49%;margin-left:2%;}
input[name="text-220"]{width: 49%;}
input[name="text-230"]{width: 49%;margin-left:2%;}
input[name="text-240"]{width: 20%; margin-right:10px;}
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:rgb(33,124,248);
color:#fff;
transition:ease 0.3s;
text-align:center;
font-size:18px;
height:40px;
vertical-align:middle;
display:inline-block;
border:rgb(33,124,248) 1px solid;
width: 170px;
border-radius:0px;
}
input[type="submit"]:hover{
background: #fff;
color:rgb(33,124,248);
cursor:pointer;
border:rgb(33,124,248) 1px solid;
}



/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1099px){
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: 49%;}
input[name="text-210"]{width: 49%;margin-left:2%;}
input[name="text-220"]{width: 49%;}
input[name="text-230"]{width: 49%;margin-left:2%;}
}