@charset "UTF-8";
/* =================================================== *
  contact
 * =================================================== */
/*  メイン画像
=================================================== */
.mainvisual {
  background: url("../img/contact/main.jpg") no-repeat center center;
}

/*  INTRO
=================================================== */
#contact-intro {
  padding-bottom: 5%;
}

#contact-intro h2 {
  color: #003d02;
  margin-bottom: 5%;
  text-align: center;
}

/* リスト　基本のリストはpage.css　.default-list */
.contact-intro-list {
  margin-bottom: 5%;
}

.contact-intro-list dt {
  padding: 15px;
  width: 7em;
}

.contact-intro-list dd {
  padding: 15px 15px 15px 7em;
}

@media screen and (max-width: 767px) {
  .contact-intro-list dt {
    padding: 0;
    width: 100%;
  }
  .contact-intro-list dd {
    padding: 0 0 10px 0;
  }
}

/*  FORM
=================================================== */
#contact-form {
  padding-bottom: 10%;
}

#contact-form p {
  text-align: center;
}

/* リスト　基本のリストはpage.css　.default-list */
.contact-form-list {
  background: linear-gradient(90deg, #fde1b0 0%, #fde1b0 10em, #fff 10em, #fff 100%);
  margin-bottom: 3%;
}

.contact-form-list dt {
  padding: 15px;
  text-align: center;
}

.contact-form-list dd {
  padding: 15px 15px 15px 12em;
}

@media screen and (max-width: 767px) {
  .contact-form-list {
    background: none;
  }
  .contact-form-list dt {
    background: #fde1b0;
    padding: 5px;
  }
  .contact-form-list dd {
    border-bottom: none;
    margin-top: 5px;
    padding: 0;
  }
}

.contact-form-btn-group {
  margin: 3% 0;
  text-align: center;
}

.contact-form-btn-group a + a {
  margin-left: 10px;
}