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

/*----------------------------------------------------------
 form
----------------------------------------------------------*/
.wpcf7 form .wpcf7-response-output{
font-size: 1.6rem;
font-weight: bold;
text-align: center;
margin: 0 0 30px!important;
padding: 0!important;
border: none!important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output{
color: #ff0000;
}
.wpcf7-not-valid-tip{
font-size: 1.2rem!important;
font-weight: bold!important;
margin: 5px 0 0;
padding: 0 0 0 10px;
display: inline-block;
}
.form{
width: 600px;
margin: 0 auto;
}
.form .text{
background: #f9fdff;
font-size: 1.2rem;
text-align: center;
padding: 10px;
}
.form .text a{
color: #0011e1;
text-decoration: underline;
}
.form .block{
width: 100%;
}
.form .block th{
background: linear-gradient(to right, #a87ec2, #4ea6d8);
color: #fff;
font-size: 1.4rem;
font-weight: bold;
border: 3px solid #fff;
border-radius: 10px;
padding: 5px 10px;
vertical-align: middle;
}
.form .block td{
border: 3px solid #fff;
padding: 5px 10px;
vertical-align: middle;
}
.form .block td input{
width: 100%;
font-size: 1.4rem;
-webkit-appearance: none;
outline: none;
border-radius: 5px;
border: 1px solid #ccc;
padding: 10px;
}
.form .block td textarea{
width: 100%;
height: 200px;
font-size: 1.4rem;
-webkit-appearance: none;
outline: none;
border-radius: 5px;
border: 1px solid #ccc;
padding: 10px;
resize: none;
}
.form input[type="submit"]{
width: 200px;
background: linear-gradient(to right, #a87ec2, #4ea6d8);
color: #fff;
font-size: 1.8rem;
font-weight: bold;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 3px solid #444e54;
border-radius: 100px;
text-align: center;
margin: 40px auto 0;
padding: 10px 0;
display: block;
cursor: pointer;
transition: 0.3s;
}
.form input[type="submit"]:hover{
opacity: 0.7;
}
@media (max-width: 768px){
.wpcf7 form .wpcf7-response-output{
font-size: 1.4rem;
margin: 0 0 1.5rem!important;
}
.wpcf7-not-valid-tip{
margin: 0.5rem 0 0;
padding: 0 0 0 1.0rem;
}
.form{
width: 100%;
}
.form .text{
font-size: 1.2rem;
padding: 1.0rem;
}
.form .block th{
width: 100%;
text-align: left;
letter-spacing: 2px;
border: none;
border-radius: 5px;
padding: 0.3rem 1.0rem 0.3rem 2.0rem;
display: block;
}
.form .block td{
width: 100%;
border: none;
padding: 0.8rem 0 2.0rem;
display: block;
}
.form .block td input{
padding: 1.0rem;
}
.form .block td textarea{
height: 20.rem;
padding: 1.0rem;
}
.form input[type="submit"]{
width: 60%;
font-size: 1.6rem;
margin: 1.0rem auto 0;
padding: 1.0rem 0;
}
}