@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: 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-align-items: 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: 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-align-items: 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 */