@charset "utf-8";
/*
Contact us
contact.html
========================================================= */






/*
con1
========================================================= */
#contact #con1{
  margin-bottom: 0;
  }
  
#contact #con1 .req{
  color: #e60000;
  font-weight: 600;
  }
  
#contact #con1 p{
  margin-bottom: 1.5em;
  }
#contact #con1 .txt_req{
  margin-bottom: 1em;
  text-indent: -.5em;
  }
  
#contact #con1 .formWrap{
  margin-bottom: 30px;
  }
#contact #con1 .formWrap .t{
  margin-bottom: 10px;
  font-weight: 600;
  }
#contact #con1 .formWrap .f{

  }
#contact #con1 .formWrap .f select{
  height: 50px;
  border:0;
  border-radius:0;
  background: transparent url(../common/img/form-css-arrow.png) no-repeat center right 0/50px 50px;
  background-color:#f5f5f5;
  }
#contact #con1 .formWrap .f input{
  height: 50px;
  border:0;
  border-radius:0;
  background-color:#f5f5f5;
  }
#contact #con1 .formWrap .f textarea{
  height: 200px;
  border:0;
  border-radius:0;
  background-color:#f5f5f5;
  }
@media print, screen and (min-width: 769px) {
  #contact #con1 p{
    margin-bottom: 4em;
    }
  #contact #con1 .txt_req{
    margin-bottom: 3em;
    }
  
  #contact #con1 .formWrap{
    display:table;
    width: 100%;
    margin-bottom: 40px;
  
    }
  #contact #con1 .formWrap div{
    display:table-cell;
    vertical-align:middle; 
    
    }
    
  #contact #con1 .formWrap .t{
    width: 25%;
    margin-bottom: 0;
    }
  #contact #con1 .formWrap .f{
    width: 75%;
    }
    
    
  #contact #con1 .formWrap .f select{
    width: 370px;
    height: 60px;
    font-weight: 600;
    background: transparent url(../common/img/form-css-arrow.png) no-repeat center right 0/60px 60px;
    background-color:#f5f5f5;
    }
  #contact #con1 .formWrap .f input{
    height: 60px;
    border:0;
    border-radius:0;
    /*background-color:#f5f5f5;*/
    }
  #contact #con1 .tel .f input[type="tel"]{
    width: 400px;
    }
  #contact #con1 .formWrap .f textarea{
    height: 280px;
    border:0;
    border-radius:0;
    /*background-color:#f5f5f5;*/
    }
    
  }



#contact .conBox .backBtn{
  border:solid 2px #203864;
  box-sizing:border-box;
  color: #203864;
  background-color:#fff;
  background-image:none !important;
  }
#contact .conBox input[value="送信"]{
  margin: 0;
  color: #fff;
  background-color: #f60;
  }














/*
chrome オートコンプリート対策
========================================================= 
.name .wpcf7-form-control-wrap,
.email .wpcf7-form-control-wrap,
.tel .wpcf7-form-control-wrap,
.preview .wpcf7-form-control-wrap{
  display: block;
  position: relative;
  }

.name .wpcf7-form-control-wrap:before,
.email .wpcf7-form-control-wrap:before,
.tel .wpcf7-form-control-wrap:before,
.preview .wpcf7-form-control-wrap:before{
  position: absolute;
  z-index: 1;
  top: 0;left: 0;
  display: block;
  content:'';
  width: 100%;
  height: 48px;
  position:relative;
  border-radius: 5px;
  background-color:#fff;
}

.name input,
.email input,
.tel input,
.preview input{
  position: absolute;
  z-index: 2;
  top: 0;left: 0;
}*/

/* オートコンプリート時の背景色を変更 
input:-webkit-autofill{
	box-shadow: 0 0 0px 1000px #fff inset;
}*/








.custom-wpcf7c-confirmed .name .wpcf7-form-control-wrap:before,
.custom-wpcf7c-confirmed .com .wpcf7-form-control-wrap:before,
.custom-wpcf7c-confirmed .tel .wpcf7-form-control-wrap:before,
.custom-wpcf7c-confirmed .mail .wpcf7-form-control-wrap:before{
  background-color: transparent !important;
  }

input.wpcf7c-conf:-webkit-autofill{
  -webkit-text-fill-color: #000 !important;
  }




/*
Contact form 7
========================================================= */

  
  
/* error */
#contact .conBox td .error,
#contact .conBox td .wpcf7-not-valid-tip,
#contact .conBox .btnBox + .error,
#contact .conBox .wpcf7-validation-errors{
  display: block;
  margin-top: 10px;
  font-size: 1.1rem;
  color: #e1251b;
  }
#contact .conBox .btn + .error,
#contact .conBox .wpcf7-validation-errors{
  padding: 0;
  border: 0;
  text-align:center;
  }
#contact .conBox .btn + .error,
#contact .conBox .wpcf7-validation-errors,
#contact .conBox .wpcf7-response-output{
  text-align:center;
  color:#fff;
  border: 0;
  padding: 20px;
  font-size: 1.8rem !important;
  background-color:#e60000;
  }

@media screen and (min-width: 769px) {
  #contact .conBox td .error,
  #contact .conBox td .wpcf7-not-valid-tip,
  #contact .conBox .btnBox + .error,
  #contact .conBox .wpcf7-validation-errors{
    font-size: 1.4rem;
    }
  }






/* プラグイン「Contact Form 7 add confirm」確認用 */

#contact #con1 .formWrap .f select.wpcf7c-conf{
  border-bottom: solid 1px #203864 !important;
  font-weight: 400 !important;
  color: #000 !important;
  /*background-color: #fff !important;*/
  background-image: none !important;
  }
#contact #con1 .formWrap .f select:disabled.wpcf7c-conf {
  opacity: 1 !important;
}

#contact #con1 .formWrap .f input.wpcf7c-conf,
#contact #con1 .formWrap .f textarea.wpcf7c-conf{
  border-bottom: solid 1px #203864 !important;
  /*background-color: #fff !important;*/
  }
#contact #con1 .formWrap .f textarea.wpcf7c-conf{
  height:inherit !important;
  resize: none !important;
  }
@media screen and (min-width: 769px) {

  }


/*#contact #con1 .formWrap .f input.wpcf7-not-valid,
#contact #con1 .formWrap .f textarea.wpcf7-not-valid{
  background-color:#fcc;
  }*/


  
.custom-wpcf7c-confirmed .email .your-email-confirm{
  display: none !important;
  }
div.wpcf7-mail-sent-ok {
  display: none !important;
  visibility:hidden !important;
  border: 0 !important;
  height: 1px !important;
}
div.wpcf7 .ajax-loader {
  margin-left: 110px;

}

/*
thanks
========================================================= */
#contact .conBox_thanks{
  text-align:center;
  }
  
#contact .conBox_thanks .thanks_txt1{
  margin-bottom: 30px;
  font-size: 1.75rem;
  font-weight: bold;
  color:#203864;
  }
  
#contact .conBox_thanks .thanks_txt2{
  margin-bottom: 50px;
  font-size: 1.4rem;
  line-height: 1.6;
  }
  
#contact .conBox_thanks .btn a{
  background-image: none;
  } 
@media screen and (min-width: 769px) {
    
  #contact .conBox_thanks .thanks_txt1{
    margin-bottom: 30px !important;
    font-size: 3rem !important;
    }
    
  #contact .conBox_thanks .thanks_txt2{
    margin-bottom: 80px !important;
    font-size: 1.6rem !important;
    line-height: 2.25 !important;
    }
  }