#header_bottom{
    background-image:url(../images/contact_top.jpg);
}

.area{
	display:flex;
	flex-direction:column;
	min-height:100vh;
}
footer{
	margin-top:auto;
}

/*----メイン----*/
#main {
    text-align:center;
    margin:100px 0 0 0;
}
#main .call img{
    width:auto;
    height:60px;
}


/*----フォーム----*/

#main .first{
    margin:50px 0;
    line-height:30px;
}
#main .second{
    margin-bottom:10px;
}
#main .border{
    display:inline-block;
    height:1px;
    width:30px;
    background:#000;
    vertical-align: middle;
}
#oto_wrapper{
    background:#fff;
    width:90%;
    max-width:1100px;
    margin: 0 auto;
    padding:50px 0;
}

.form_wrap{
    display:flex;
    align-items: center;
    width:90%;
    margin:0 auto;
    border-bottom:1px solid #C89F62;
}
.form_wrap:last-child{
    border:none;
}
.form_wrap .title{
    font-size:16px;
    font-weight:bold;
}
.form_wrap .boxes{
    width:70%;
    margin:20px 0;
}
.form_wrap .box{
	margin-top:5px;
	font-size:16px;
}


/*-------  入力 ------*/

.form_wrap th {
  width: 23%;
  text-align: left;
  margin:10px 0;
}
.form_wrap td{
  margin:20px 0;
  width:77%;
}

span.wpcf7-list-item{
  display:block !important;
  margin-bottom:10px;
}
span.wpcf7-list-item:last-child{
  margin-bottom:0;
}
h3.wpcf7c-elm-step1,
h3.wpcf7c-elm-step2,
h3.wpcf7c-elm-step3{
  margin: 50px 0 0 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.7em;
}




input[type=text],
input[type=email],
input[type=tel]{
  margin:0 auto;
  width:100%;
	font-size: 100%;
	box-sizing: border-box;
	border:1px solid #ccc;
	padding: 10px 10px;
}
textarea{
  width:100%;
  border:1px solid #ccc;
  box-sizing:border-box;
  word-break:break-word;
  height: 150px;
  font-size: 16px;
  padding: 10px;
  resize:vertical;
}
input[type=radio]{
    margin-right:10px;
    width:18px;
    height:18px;
    vertical-align: middle;
}
#wrap_contact input[type=text].wpcf7c-conf,
#wrap_contact input[type=tel].wpcf7c-conf,
#wrap_contact input[type=email].wpcf7c-conf,
#wrap_contact textarea.wpcf7c-conf{
    background-color: #fff!important;
    color: black;
    border: 1px solid #fff;
    outline: none;
  }



.submit{
	margin:50px auto 20px auto;
	width:300px;
  max-width:1100px;
}
.confirm{
	margin:50px auto 0 auto;
	width:300px;
	max-width:1100px;
}
input[type=submit]{
	width:100%;
  font-size: 20px;
  font-weight:bold;
	padding:20px 0;
	cursor: pointer;
	border: none;
  background:#C89F62;
  color:#fff;
  border-radius: 10px;
  transition: 0.3s;
  -webkit-appearance:none;
  appearance:none;
  margin-bottom:20px;
}
input[type=submit]:hover{
  background:#FBC702;
}


/*------- エラー -------*/
.error_wrap{
  width:90%;
  max-width:1100px;
	margin:0 auto 50px auto;
}
.error_wrap .error_list {
	color: #ff2e5a;
	font-size: 18px;
	border: 4px solid #ff2e5a;
	border-radius: 5px;
	margin:20px 0;

}
.error_list  li{
	text-align: left;
		list-style-type: circle
}


/*-------  入力内容確認画面 ------*/
table.form_wrap2{
    width:90%;
    margin:50px auto 0 auto;
    border-collapse:collapse;
    font-size:16px;
    text-align:left;
  }
  .check_title{
    text-align: center;
  }
  .check_title h1{
    color:#000;
    font-size:25px;
    letter-spacing:3px;
  }
  table.form_wrap2 td,
  table.form_wrap2 th{
    border-bottom:1px solid #C89F62;
    padding:20px;
    font-weight:normal;
    word-break: break-all;
  }
  table.form_wrap2 td{
    width:9em;
  }
  .back{
      margin:0 auto;
      width:30%;
      max-width:1100px;
  }
  input[type=button]{
      width:100%;
      font-size: 20px;
      padding:20px 0;
      cursor: pointer;
      border: none;
        background:gray;
        color:#fff;
        border-radius: 10px;
      transition: 0.3s;
    -webkit-appearance:none;
    appearance:none;
  }
  input[type=button]:hover{
    background:#FBC702;
  }
  
  /*------- 送信完了 -------*/
  .thankyou{
    width:70%;
    margin:0 auto;
    font-size:25px;
  }
  .thankyou p{
    margin:50px 0;
  }
  






#wrap_contact .message{
  width:90%;
  max-width:1100px;
  margin:50px auto 20px auto;
  text-align: center;
  font-size:18px;
}
div.wpcf7-response-output {
  margin: 2em 0 0 0;
  border: none;
  color: #dc0003;
  font-weight: bold;
  text-align: center;
  font-size:18px;
}
span.wpcf7-not-valid-tip {
  color: #dc0003;
  font-size: 0.8em;
  font-weight: bold;
  display: block;
  margin: 10px 0 0 0;
}
#wrap_contact table th span {
  color: #fff;
  background: #dc0003;
  padding: 3px 3px 4px 5px;
  font-size: 12px;
  margin-left: 10px;
  border-radius: 3px;
  letter-spacing: 0.2em;
  vertical-align: middle;
}
.screen-reader-response{
  display:none;
}



  div.wpcf7-mail-sent-ok {
    border: none;
    color: #000;
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 2em;
  }
  h4.member_txt_sent {
    margin: 2em 0;
  }
  div.wpcf7-mail-sent-ng, div.wpcf7-aborted {
    border: none;
    color: #dc0003;
    font-weight: bold;
  }
  div.wpcf7-spam-blocked {
    border: none;
    color: #dc0003;
    font-weight: bold;
  }
  div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: none;
    color: #dc0003;
    font-weight: bold;
  }
  #wrap_contact table .post {
    margin: 0;
    padding: 0;
  }
  .member_txt {
    padding: 0 0 5px 0;
  }


  .sent table
  { display: none; }