@charset "UTF-8";
/*------------------------------------------
共通
-------------------------------------------*/
/*PC
-----------------------------------------------------------------------------*/
#mainv .inner {
  background-image: -webkit-gradient(linear, left top, right top, from(#f0f2f1), color-stop(40%, #f0f2f1), color-stop(57%, rgba(240, 242, 241, 0)), color-stop(95%, rgba(240, 242, 241, 0)), to(#f0f2f1)), url(../images/contact/mainv_bg.jpg);
  background-image: -webkit-linear-gradient(left, #f0f2f1, #f0f2f1 40%, rgba(240, 242, 241, 0) 57%, rgba(240, 242, 241, 0) 95%, #f0f2f1), url(../images/contact/mainv_bg.jpg);
  background-image: linear-gradient(90deg, #f0f2f1, #f0f2f1 40%, rgba(240, 242, 241, 0) 57%, rgba(240, 242, 241, 0) 95%, #f0f2f1), url(../images/contact/mainv_bg.jpg);
  background-size: auto auto, 60% auto;
  background-position: left top, right top;
}
#mainv .inner .catch {
  color: #DB263B;
}

@media only screen and (max-width: 750px) {
  #mainv .inner {
    display: block;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f2f1), color-stop(42%, #f0f2f1), color-stop(51%, rgba(240, 242, 241, 0)), to(rgba(240, 242, 241, 0))), url(../images/contact/mainv_bg.jpg);
    background-image: -webkit-linear-gradient(top, #f0f2f1, #f0f2f1 42%, rgba(240, 242, 241, 0) 51%, rgba(240, 242, 241, 0)), url(../images/contact/mainv_bg.jpg);
    background-image: linear-gradient(180deg, #f0f2f1, #f0f2f1 42%, rgba(240, 242, 241, 0) 51%, rgba(240, 242, 241, 0)), url(../images/contact/mainv_bg.jpg);
    background-size: auto auto, 100% auto;
    background-position: left top, right bottom -60%;
    margin: 0 calc(50% - 50vw);
    width: 100%;
  }
}
#contents #formArea table tr .nameArea .fb {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents #formArea table tr .nameArea p {
  width: 2em;
  margin: 0 10px 0 0;
}
#contents #formArea table tr .nameArea input {
  margin: 0 20px 0 0;
}
#contents #formArea table tr .mailArea input[type=text] {
  width: 300px;
}

/*SP
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 750px) {
  #contents #formArea table tr .nameArea .fb {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #contents #formArea table tr .nameArea p {
    text-align: right;
    width: 2em;
    margin: 0 10px 0 0;
  }
  #contents #formArea table tr .nameArea input {
    width: 50% !important;
  }
  #contents #formArea table tr .nameArea input:nth-child(2) {
    margin: 0 20px 0 0;
  }
  #contents #formArea table tr .addressArea span {
    display: block;
    margin: 0 0 5px;
  }
  /*--------------------------endSP--------------------------------*/
}/*# sourceMappingURL=contact.css.map */