
/*===========================================================================================*/
/**  お問い合わせフォーム*/
/*====================================================================================*/
.form_inner {
max-width: 1200px;
background: #fff;
margin: 0 auto;
padding: 0.5rem 0 0.1rem;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

  .form_inner dl {
padding: 2rem 6rem 2rem;
border-bottom: 1px solid #cdcdcd;
margin: 0;
display: flex;
}

  .form_inner dl dt {
position: relative;
padding-left: 30px;
width: 22%;
font-size: 1.8rem;
font-weight: bold;
}
  .form_inner dl dd {
position: relative;
padding-left: 30px;
width: 76%;
margin: 0;
}

  .form_inner dl dt:before {
width: 9px;
height: 33px;
position: absolute;
top: 3px;
left: 0px;
background: #1fa4ac;
content: "";
  }

  .form_inner input[type="text"],
  .form_inner input[type="number"],
  .form_inner input[type="email"],
  .form_inner input[type="tel"] ,
  .form_inner input[type="date"]{
max-width: 80%;
height: 1.5em;
padding: 8px 2%;
border: none;
background: #f9f9f9;
font-size: 100%;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
box-shadow: 1px 1px 1px 0px #ccc inset;
margin-bottom: 0rem;
}
  .form_inner input[type="date"]{
  font-size: 110%;
  padding: 8px 1%Ã£â‚¬â‚¬8px 2% !important;
  }
  .form_inner select {
max-width: 90%;
height: 2em;
padding: 2px 2%;
border: 1px solid #cccccc;
border-radius: 3px;
background: #fafafa;
font-size: 100%;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
box-shadow: 1px 1px 1px 0px #ccc inset;
  }

  .rtl1,
  .rtl2  { width:150px;}

  .form_inner textarea {
display: block;
width: 90%;
max-width: 90%;
height: 200px;
padding: 8px 2%;
resize: vertical;
border: unset;
border-radius: 3px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
background:#f9f9f9;
font-size:110%;
box-shadow: 1px 1px 1px 0px #ccc inset;
  }

  .cb label {
margin-right: 3rem;
  }

  .w100_input_txt input {
width: 100%;
  }

  .form_submit {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(
  top,
  #ffffff 0%,
  #e7eef8 100%
); /* FF3.6-15 */
background: -webkit-linear-gradient(
  top,
  #ffffff 0%,
  #e7eef8 100%
); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(
  to bottom,
  #ffffff 0%,
  #e7eef8 100%
); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7eef8',GradientType=0 ); /* IE6-9 */

border: 1px solid #f0f0f0;
font-size: 1.6rem;
padding: 1rem 1.5rem;
  }

  .wpcf7-submit {
margin: 1rem auto;
display:block;
padding: 9px 15px;
vertical-align: middle;
line-height: 1;
border: unset;
color: #ffffff;
font-family: inherit;
-webkit-appearance: none;
font-size: 100%;
background: #1fa4ac;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 2rem;
padding: 3rem 4rem;
margin-top: 40px;
margin-bottom: 41px;
  }

  .bg_05 {
background: #f1fbfc;
padding: 5.5rem 0;
  }



  .wpcf7-mail-sent-ok,
  .wpcf7-validation-errors{
width:90%;
background:#FBFBFD;
border: 7px solid #1fa4ac;
margin:2rem auto;
padding: 6rem 4rem;
font-size: 2.5rem;
text-align:center;
/* color: #1fa4ac; */
  }

  .screen-reader-response{
width:90%;
/*
border: 3px solid #FFF;
margin:2rem auto;
padding:2rem;
*/
text-align:center;
  }

  .wpcf7-not-valid-tip{
color:#FF0000;

border:1px solid #FF0000;
padding:0.2rem 1rem;
margin:0.2rem;
display:inline-block;
  }


  .screen-reader-response ul{ display:none;}

  .screen-reader-response{display:none;}

  #form_submit_button{
margin: 1rem auto;
display: block;
padding: 9px 15px;
vertical-align: middle;
line-height: 1;
border: unset;
color: #ffffff;
font-family: inherit;
-webkit-appearance: none;
font-size: 100%;
background: #1fa4ac;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 2rem;
padding: 3rem 4rem;
margin-top: 40px;
margin-bottom: 41px;
  }


  .bg_green {
background: #21a4ae;
font-size: 2.8rem;
color: #fff;
padding: 13px;
font-weight: bold;
}

span.required,
span.optional
{
display: none;

}

.error_blank{
color:#FF0000;
font-weight: bold;
display: block;

}