@charset "UTF-8";
/* 各ページごとの設定 */
/*
@mixin pc_top_gradient{
	background-image: -webkit-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-image: -ms-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-size: auto auto, cover;
	background-position: left top, center, center;
}
@mixin sp_top_gradient{
	background-image: -webkit-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-image: -ms-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-size: auto auto, auto 100%;
	background-position: left top, center, center;
}
*/
/*------------------------------------------
共通
-------------------------------------------*/
/*PC
-----------------------------------------------------------------------------*/
@media print, screen and (min-width: 751px) {
  #mainv {
    background: #F0F0F0;
  }
  #mainv .inner {
    height: 240px;
    padding: 120px 0 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#F0F0F0), color-stop(37%, #F0F0F0), color-stop(47%, rgba(240, 240, 240, 0)), color-stop(95%, rgba(240, 240, 240, 0)), to(#F0F0F0)), url(../images/contact/mainv_bg.jpg);
    background-image: linear-gradient(90deg, #F0F0F0, #F0F0F0 37%, rgba(240, 240, 240, 0) 47%, rgba(240, 240, 240, 0) 95%, #F0F0F0), url(../images/contact/mainv_bg.jpg);
    background-size: auto auto, 708px auto;
    background-position: left top, right bottom;
  }
  #mainv .inner .catch {
    color: #DB263B;
  }
  #contents #formArea table tr .nameArea .fb {
    -webkit-box-align: 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;
  }
  /*--------------------------endPC--------------------------------*/
}

/*SP
-----------------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
  #mainv {
    background: #F0F0F0;
  }
  #mainv .inner {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), color-stop(31%, #F0F0F0), color-stop(39%, rgba(240, 240, 240, 0)), to(rgba(240, 240, 240, 0))), url(../images/contact/mainv_bg.jpg);
    background-image: linear-gradient(180deg, #F0F0F0, #F0F0F0 31%, rgba(240, 240, 240, 0) 39%, rgba(240, 240, 240, 0)), url(../images/contact/mainv_bg.jpg);
    background-size: auto auto, 100% auto;
    background-position: left top, right bottom;
  }
  #mainv .inner .catch {
    color: #DB263B;
  }
  #contents #formArea table tr .nameArea .fb {
    -webkit-box-align: 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 */