/* contact
========================================= */
.contact {
  background-color: #FAF8F5;
}
.contact__contents {
  max-width: 1000px;
  margin: auto;
  text-align: left;
}

/* form
========================================= */
.form__contents {
  padding-top: 110px;
}
@media (max-width: 768px) {
  .form__contents {
    padding-left: 0;
    padding-right: 0;
  }
}
.form__item {
  font-family: "Noto Sans JP";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 42.5px;
}
@media (max-width: 980px) {
  .form__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 768px) {
  .form__item {
    margin-bottom: 25px;
  }
}
.form__item--textarea, .form__item--address {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.form__item-title {
  width: 20%;
  min-width: 200px;
  margin-right: 2%;
}
@media (max-width: 980px) {
  .form__item-title {
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .form__item-title {
    min-width: inherit;
  }
}
@media (max-width: 980px) {
  .form__item-title-text {
    margin-right: 6px;
  }
}
.form__item-title-required, .form__item-title-optional {
  color: #327028;
  line-height: 1;
}
@media (max-width: 768px) {
  .form__item-title-required, .form__item-title-optional {
    padding: 3px 12px;
  }
}
.form__item-title-required {
  color: #327028;
}
.form__item-title-optional {
  color: #868686;
}
.form__item-title--textarea, .form__item-title--address {
  padding-top: 11px;
}
@media (max-width: 768px) {
  .form__item-title--textarea, .form__item-title--address {
    padding-top: 0;
  }
}
.form__item-title--btn {
  opacity: 0;
}
@media (max-width: 768px) {
  .form__item-title--btn {
    display: none;
  }
}
.form__item-contents {
  width: 78%;
  font-size: 15px;
  line-height: 2.21;
}
@media (max-width: 980px) {
  .form__item-contents {
    width: 100%;
    font-size: 14px;
  }
}
.form__item-contents-box:nth-child(n+2) {
  margin-top: 15px;
}
.form__item-contents--btn {
  text-align: center;
  margin: 0 auto;
}
.form__item-contents--btn a {
  padding: 0;
}
.form__item-contents--select {
  position: relative;
  width: 50%;
}
@media (max-width: 1280px) {
  .form__item-contents--select {
    width: 100%;
  }
}
.form__item-contents--select::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6.5px 0;
  border-color: #868686 transparent transparent;
  pointer-events: none;
}
.form__item-contents-text, .form__item-contents-textarea, .form__item-contents-select, .form__item-contents-date {
  width: 100%;
  padding: 11px 28px;
  background-color: #fff;
}
@media (max-width: 768px) {
  .form__item-contents-text, .form__item-contents-textarea, .form__item-contents-select, .form__item-contents-date {
    padding: 5px 15px;
  }
}
.form__item-contents-text::-webkit-input-placeholder, .form__item-contents-textarea::-webkit-input-placeholder {
  color: #868686;
}
.form__item-contents-text::-moz-placeholder, .form__item-contents-textarea::-moz-placeholder {
  color: #868686;
}
.form__item-contents-text:-ms-input-placeholder, .form__item-contents-textarea:-ms-input-placeholder {
  color: #868686;
}
.form__item-contents-text::-ms-input-placeholder, .form__item-contents-textarea::-ms-input-placeholder {
  color: #868686;
}
.form__item-contents-text::placeholder, .form__item-contents-textarea::placeholder {
  color: #868686;
}
.form__item-contents-select {
  cursor: pointer;
}
.form__item-contents-select.unselected-1, .form__item-contents-select.unselected-2, .form__item-contents-select.unselected-3 {
  color: #868686;
}
.form__item-contents-text--s {
  width: 50%;
}
@media (max-width: 768px) {
  .form__item-contents-text--s {
    width: 100%;
  }
}
.form__item-contents-recaptcha > div {
  margin: 60px auto 15px;
}
.form__item-contents-recaptcha-error {
  text-align: center;
  margin-bottom: 30px;
}
.form__btn:disabled {
  background-color: #898989;
  pointer-events: none;
}