@charset "UTF-8";
*:focus {
  outline: none;
}

/*メールフォームプロ打消し*/
#mfp_loading,
#mfp_loading_screen,
#mfp_overlay_background,
#mfp_overlay,
#mfp_hidden {
  display: none;
}

/**/
.contact {
  padding: calc((85/1920)*100vw) 0 calc((100/1920)*100vw);
  max-width: 800px;
  margin: 0 auto;
}

.contact .title {
  font-size: clamp(18px, 3vw, 36px);
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  color: #1c194a;
  line-height: calc(60/36);
}

.contact .title span {
  font-size: clamp(12px, 1.5vw, 18px);
  letter-spacing: 0.1em;
}

.contact .text {
  font-size: clamp(12px, 1.5vw, 18px);
  letter-spacing: 0.1em;
  line-height: calc(30/18);
  margin-top: calc((35/1920)*100vw);
}

.contact .text .red {
  margin: calc((35/1920)*100vw) 0 calc((90/1920)*100vw);
  color: #ff0000;
  display: block;
}

.contact .mailform .mfp {
  font-size: clamp(12px, 1.5vw, 18px);
}

.contact .mailform dt {
  margin: calc((30/1920)*100vw) 0 calc((12/1920)*100vw);
}

.contact .mailform input,
.contact .mailform textarea {
  background-color: #edead9;
  border-radius: 10px;
  border: none;
  font-size: 16px;
  width: 100% !important;
  padding: calc((15/1920)*100vw);
}

.contact .mailform textarea {
  height: calc((265/1920)*100vw);
}

.contact .mailform .must {
  color: #ff0000;
}

.contact .mailform .privacy {
  color: #000;
  display: inline-block;
  border-bottom: 1px solid #000;
  line-height: 1.6;
}

.contact .mailform .btn {
  margin: calc((60/1920)*100vw) 0 calc((30/1920)*100vw);
  text-align: center;
}

.contact .mailform .btn input {
  width: auto !important;
}

.contact button {
  background-color: #0b4c9c;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: calc((20/1920)*100vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc((395/1920)*100vw);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(12px, 1.04167vw, 20px);
  letter-spacing: 0.1em;
}

.contact button span {
  margin: 0 auto;
}

.contact button img {
  width: calc((12/1920)*100vw);
}

@media screen and (max-width: 768px) {
  .contact {
    padding: calc((125/750)*100vw) calc((30/750)*100vw) calc((120/750)*100vw);
  }
  .contact .title {
    font-size: clamp(23px, 6.13333vw, 46px);
  }
  .contact .title span {
    font-size: clamp(13px, 3.46667vw, 26px);
  }
  .contact .text .red {
    margin: calc((40/750)*100vw) 0 calc((70/750)*100vw);
  }
  .contact .mailform .mfp {
    font-size: clamp(13px, 3.46667vw, 26px);
  }
  .contact .mailform dt {
    margin: calc((35/750)*100vw) 0 calc((15/750)*100vw);
  }
  .contact .mailform input,
  .contact .mailform textarea {
    padding: calc((15/750)*100vw);
  }
  .contact .mailform textarea {
    height: calc((265/750)*100vw) !important;
  }
  .contact .mailform .btn {
    margin: calc((100/750)*100vw) 0 calc((60/750)*100vw);
  }
  .contact button {
    width: calc((545/750)*100vw);
    padding: calc((30/750)*100vw) 0;
  }
  .contact button span {
    font-size: clamp(13px, 3.46667vw, 26px);
  }
  .contact button img {
    width: calc((28/750)*100vw);
    margin-right: calc((24/750)*100vw);
  }
}

@media screen and (max-width: 800px) {
  form#mailformpro dl dd {
    padding: 5px 0;
  }
}
/*# sourceMappingURL=style.css.map */