/*---------------------------------
フォーム　大体はこのcssの色を変えればOK。フォームごとの微調整はここに追記
始めに#contact-formを付けないと確認画面と完了画面に反映されないので注意
-------------------------------------*/

/*フォームの上に背景色付きの余白開けたかったらここを微調整
#contact-formで触ると確認画面と完了画面にも反映されてしまう*/
.contact-bg{

}
#contact-form{
  width: 100%;
  position: relative;
  z-index: 4;
}
#contact-form .wrap{
  width: 960px;
  margin: 40px auto 0;
  padding: 60px 0 100px;
}
@media screen and (max-width: 667px) {
    #contact-form .wrap {
        width: 94%;
        margin: 0 auto;
        padding: 40px 0 70px;
    }
}

.p-form-system .e-tel-button {
  color: #fff !important;
  text-align: center;
  background-color: #367ABF !important;
}

.p-form-system .e-action .e-button.m-submit:not(:disabled) {

  border: 2px solid #367ABF !important;
  background-color: #367ABF !important;
    color: #fff!important;

}
.p-form-system .e-action .e-button.m-submit:not(:disabled):hover {
    background: #fff !important;
  color: #367ABF!important;
}

#contact-form .p-form-system .e-input-privacy .e-input-privacy-text a {
    color: #004EA2;
    text-decoration: underline;
}

.c-input-field-text:focus-visible {
    border: 2px solid #035ecc;
}

.p-form-confirm__action__button.is-submit {

  border: 2px solid #367ABF !important;
  background-color: #367ABF !important;
    color: #fff!important;

}
.p-form-confirm__action__button.is-submit:hover {
    background-color: #fff !important;
  color: #367ABF!important;
}

.p-form-system>.e-form-intro>.e-book-phone .e-tel-button:before {
    background: url(/form_system/data/fonts/icon-tel_white.svg) no-repeat 50%/contain;
}