@charset "utf-8";

/*コンタクトフォーム7*/

div.inq-form{  }

div.inq-form dl{
display: table;
width: 100%;
border-collapse: collapse;
border-spacing: 1.5rem 0;
margin-bottom: 0;
}

div.inq-form dt{
display: table-cell;
border-collapse: collapse;
font-weight: normal;
width: 25%;
background: #fff;
padding: 1rem;
border: 1px solid rgba(0,0,0,0.1);
}

div.inq-form dd{
display: table-cell;
border-collapse: collapse;
vertical-align: middle;
padding: 1rem;
background: #fff;
border: 1px solid rgba(0,0,0,0.1);
}

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

div.inq-form dl{
display: block;
width: 100%;
}

div.inq-form dt{
display: block;
width: 100%;
background: rgba(0,0,0,0.1);
padding: 0.5rem;
}

div.inq-form dd{
display: block;
padding: 0.5rem;
background: rgba(255,255,255,1);
border: none;
}
}

div.wpcf7, div.wpcf7 label { font-weight:normal; }

div.wpcf7 input[type="text"],
div.wpcf7 input[type="email"],
div.wpcf7 input[type="tel"],
div.wpcf7 textarea,
div.wpcf7 select { border:1px solid rgba(0,0,0,0.2); padding:5px 5px; margin:0; width:100%; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; }

div.wpcf7 label { margin-right:10px; }

div.wpcf7 input[name="company"]{ width:40%; }
div.wpcf7 input[name="your-name"]{ width:40%; }
div.wpcf7 input[name="ruby"]{ width:40%; }
div.wpcf7 input[name="kisai-name"]{ width:40%; }
div.wpcf7 input[name="birthday-year"]{ width:10%; }
div.wpcf7 input[name="birthday-month"]{ width:10%; }
div.wpcf7 input[name="birthday-day"]{ width:10%; }
div.wpcf7 select[name="profession"]{ max-width:40%; }
div.wpcf7 input[name="tel"]{ width:30%; }
div.wpcf7 input[name="your-email"]{ width:35%; }
div.wpcf7 input[name="your-email_confirm"]{ width:35%; }
div.wpcf7 input[name="postal"]{ width:25%; }
div.wpcf7 input[name="address"]{ width:70%; }

@media screen and (max-width: 767px) {
div.wpcf7 input[name="company"]{ width:100%; }
div.wpcf7 input[name="your-name"]{ width:100%; }
div.wpcf7 input[name="ruby"]{ width:100%; }
div.wpcf7 input[name="kisai-name"]{ width:100%; }
div.wpcf7 input[name="birthday-year"]{ width:25%; }
div.wpcf7 input[name="birthday-month"]{ width:20%; }
div.wpcf7 input[name="birthday-day"]{ width:20%; }
div.wpcf7 select[name="profession"]{ max-width:100%; }
div.wpcf7 input[name="tel"]{ width:100%; }
div.wpcf7 input[name="your-email"]{ width:100%; }
div.wpcf7 input[name="your-email_confirm"]{ width:100%; }
div.wpcf7 input[name="postal"]{ width:50%;; }
div.wpcf7 input[name="address"]{ width:100%; }
}

div.wpcf7 input[class$="-submit"] { width: 50%; display: block; padding: 25px 50px; margin: 30px auto 10px;  border: 1px solid rgba(0,0,0,0.1); background: rgba(0,0,0,0.2); font-weight :bold; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; }
div.wpcf7 input[class$="-submit"]:hover { filter: alpha(opacity=70); opacity: 0.7; }
div.wpcf7 input[type="submit"][disabled]{filter: alpha(opacity=50); opacity: 0.5;}

div.wpcf7 form.sent p, div.wpcf7 form.sent div.inq-form { /*display: none;*/ }

div.wpcf7-mail-sent-ok { border: 2px solid #398f14; padding: 20px; text-align: center; font-weight: bold; color: rgba(0,0,0,0.8); }
div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; padding: 20px; text-align: center; font-weight: bold;  color: rgba(0,0,0,0.8); }
div.wpcf7-spam-blocked { border: 2px solid #ffa500; padding: 20px; text-align: center; font-weight: bold;  color: rgba(0,0,0,0.8); }
div.wpcf7-validation-errors { border: 2px solid #f7e700; padding: 20px; text-align: center; font-weight: bold;  color: rgba(0,0,0,0.8); }

/**/