@charset "UTF-8";
/* contact_form.css */


section.main{ margin-top:68px;}

@media (max-width: 767px) {
section.main{ margin-top:64px;}
}

.ttl{ background:url(../images/contact_form/main_bg.jpg) no-repeat top center; background-size:cover; height:368px;}
.ttl .inner{ width:1320px; margin:0 auto; position:relative;}
.ttl .top_txt{ position:absolute; left:0; top:110px;}
.ttl .top_txt h1{ font-size:38px; font-weight:bold; color:#fff; margin-bottom:10px; text-align:left;}
.ttl .top_txt p{ font-size:19px; font-weight:bold; color:#FFF; text-align:left; line-height:1.8;}

@media (max-width: 1320px) {
.ttl .inner{ width:100%; }
.ttl .top_txt{ left:20px; }
}



@media (max-width: 767px) {
.ttl{ height:auto;}
.ttl .inner{ width:100%;  position: inherit;}
.ttl .top_txt{ position:inherit; padding:40px 10px;}
.ttl .top_txt h1{ font-size: 24px; font-size: 5vw;
    line-height: 1.4;}
.ttl .top_txt p{ font-size: 16px; font-size: 3.2vw;}
.ttl .top_txt br{ display:none;}
}



.contents{width:1320px; margin:80px auto 40px; }
.contents p.form_txt{ font-size:20px; text-align:center; line-height:1.8; color:#262626;  }
.contents p.form_txt02{ font-size:15px; text-align:left; line-height:1.5; color:#db0000; width:1030px;  margin:10px auto 40px;  }
.contents p.form_txt03{ font-size:18px; text-align:center; line-height:1.8; color:#262626; margin-bottom:40px; }
.contents p.form_txt04{ font-size:24px; text-align:center; line-height:1.8; color:#262626; }

@media (max-width: 1320px) {
.contents{width:100%;  padding-right: 15px;
    padding-left: 15px; box-sizing:border-box; }
}


@media (max-width: 767px) {
.contents{width:100%; margin:20px auto; display:block;
    padding-right: 15px;
    padding-left: 15px; box-sizing:border-box;   }
.contents p.form_txt{ font-size:3.2vw; text-align:left;  }
.contents p.form_txt02{ font-size:3.2vw; width:100%;  margin:0px auto 20px;  }
.contents p.form_txt03{ font-size:3.2vw; text-align:left; margin-bottom:20px; }
.contents p.form_txt04{ font-size:3.6vw; }
}


.form_table{border-collapse: collapse; width:1030px; margin:80px auto 40px; border:none; font-family: "Yu Gothic","メイリオ", sans-serif;}
.wpcf7-response-output {width:1030px;margin: 2em auto 1em !important;}
.form_table th{ width:300px; text-align:left; color:#252525; font-weight:bold; font-size:18px; background:#f4f4f4; padding:30px 0 30px 20px; vertical-align: middle; border-bottom:1px solid #ccc; box-sizing:border-box;}
.form_table td{ color:#262626; font-size:16px; text-align:left;  padding:30px 30px 30px 40px; border-bottom:1px dotted #ccc;}
.essential{    color: #fff;
    font-size: 13px;
    background: #FF5C26;
    padding: 5px 15px;
    margin-left: 10px;
    line-height: 1;}
.small{ font-size:14px;}
.form_table input[type="text"], .form_table textarea, .form_table select, .form_table input[type="date"],.form_table input[type="email"],.form_table input[type="tel"] {
    padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-appearance: none;
border-radius: 0;
}

input[type="checkbox"]{ width:15px; height:15px; border-radius: 0; outline: none;
    border: 1px solid #DDD;
border-radius: 0;}

.form_table .comment_area {
    width: 100%;
    height: 200px;
}
.form_table .width100{ width:100%;}
.form_table .width60{ width:60%;}

.btn_area { text-align:center; margin:40px 0;}
.btn_area .reset_btn{ border: none; color:#fff; background:#AAAAAA; line-height:60px; text-align:center; width:220px; border-radius: 5px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; font-weight:bold; font-size:18px; margin:0 20px; font-weight: bold; font-family: "Yu Gothic","メイリオ", sans-serif; -webkit-appearance: none; height:61px;}
.btn_area .submit_btn{border: none; color:#fff; background:#001B54; line-height:60px; text-align:center; width:220px; border-radius: 5px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; font-weight:bold; font-size:18px; margin:0 20px; font-weight: bold; font-family: "Yu Gothic","メイリオ", sans-serif; -webkit-appearance: none; height:61px;}

.btn_area .reset_btn:hover,.btn_area .submit_btn:hover{opacity: .7;}

form.invalid,
form.sent{
padding-top:70px;
}
.wpcf7-f27-p30-o1{
padding-top:70px !important;
}
@media (max-width: 1030px) {
.form_table{width:100%;}
.wpcf7-response-output {width:100%;}

}

@media (max-width: 767px) {
.form_table{width:100%; margin:40px auto; }
.wpcf7-response-output {width:100%;}
.form_table th.first{border-top:1px solid #ccc;}
.form_table th{ width:100%; text-align:left; font-size:3.2vw; padding:15px 0; padding-left:20px; display:block; box-sizing:border-box; border-bottom:none; border-top:none;}
.form_table td{ font-size:3.2vw; padding:15px 20px ; width:100%; display:block; box-sizing:border-box;}
.essential{ font-size: 3.2vw;
    padding: 5px 10px;}
.small{ font-size:3vw;}

.btn_area { text-align:center; margin:40px 0;}
.btn_area .reset_btn{ width:60%;font-size:13px; margin:10px; line-height:40px; height:40px;}
.btn_area .submit_btn{width:60%; font-size:13px; margin:10px; line-height:40px; height:40px;}

}