@charset "UTF-8";
/* PC*/
/* TABLET*/
/* SP*/
.form .screen-reader-response > p {
  margin-bottom: max(6.4vw, 24px);
  font-weight: bold;
  color: #ff0000;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .form .screen-reader-response > p {
    margin-bottom: min(1.6666666667vw, 24px);
  }
}
.form .screen-reader-response ul {
  display: none !important;
}
.form .form__caption {
  margin-bottom: max(10.6666666667vw, 40px);
  font-size: 14px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .form .form__caption {
    margin-bottom: min(2.7777777778vw, 40px);
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  .form {
    width: min(53.3333333333vw, 768px);
    margin: 0 auto;
  }
}
.form .form__contents {
  margin-bottom: max(10.6666666667vw, 40px);
}
@media screen and (min-width: 769px) {
  .form .form__contents {
    margin-bottom: min(2.7777777778vw, 40px);
  }
}
.form .form__head {
  margin-bottom: max(2.6666666667vw, 10px);
  font-weight: bold;
  font-size: max(3.7333333333vw, 14px);
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .form .form__head {
    margin-bottom: min(0.6944444444vw, 10px);
    font-size: min(0.9722222222vw, 14px);
  }
}
.form .form__head.-require span::after {
  content: "必須";
  display: inline-flex;
  width: max(8.5333333333vw, 32px);
  height: max(5.3333333333vw, 20px);
  margin: auto 0 auto max(2.1333333333vw, 8px);
  font-size: max(3.2vw, 12px);
  font-weight: 400;
  color: #fff;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ff6b6b, #ee2a2a);
  box-shadow: 0 2px 6px rgba(238, 42, 42, .3);
  border-radius: max(0.5333333333vw, 2px);
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .form .form__head.-require span::after {
    width: min(2.2222222222vw, 32px);
    height: min(1.3888888889vw, 20px);
    margin: auto 0 auto min(0.5555555556vw, 8px);
    font-size: min(0.8333333333vw, 12px);
    border-radius: min(0.1388888889vw, 2px);
  }
}
.form .form__head .form__text {
  margin-top: max(2.6666666667vw, 10px);
  font-size: max(3.2vw, 12px);
  font-weight: 400;
}
@media screen and (min-width: 769px) {
  .form .form__head .form__text {
    margin-top: min(0.6944444444vw, 10px);
    font-size: min(0.8333333333vw, 12px);
  }
}
.form .form__input {
  margin-bottom: max(10.6666666667vw, 40px);
  position: relative;
}
@media screen and (min-width: 769px) {
  .form .form__input {
    margin-bottom: min(2.7777777778vw, 40px);
  }
}
.form .form__input.-half {
  display: flex;
  gap: max(2.1333333333vw, 8px);
}
@media screen and (min-width: 769px) {
  .form .form__input.-half {
    gap: min(0.5555555556vw, 8px);
  }
}
.form .form__input.-half .wpcf7-form-control-wrap {
  width: max(44vw, 165px);
}
@media screen and (min-width: 769px) {
  .form .form__input.-half .wpcf7-form-control-wrap {
    width: calc(50% - min(0.2777777778vw, 4px));
  }
}
.form .form__input.-half .wpcf7-form-control-wrap:first-of-type .wpcf7-not-valid-tip {
  display: none !important;
}
.form .form__input .screen-reader-response ul {
  display: none !important;
}
.form .form__input .wpcf7-not-valid-tip {
  display: none;
  font-size: max(3.2vw, 12px);
  color: #ff0000;
  position: absolute;
  left: 0;
  bottom: -1.8em;
}
@media screen and (min-width: 769px) {
  .form .form__input .wpcf7-not-valid-tip {
    font-size: min(0.8333333333vw, 12px);
  }
}
.form .form__input .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  height: max(14.6666666667vw, 55px);
  font-size: max(3.7333333333vw, 14px);
  line-height: 1;
  border: 1px solid #DCDEE0;
  border-radius: max(1.0666666667vw, 4px);
  background-color: #fff !important;
}
@media screen and (min-width: 769px) {
  .form .form__input .wpcf7-form-control-wrap {
    height: min(3.8194444444vw, 55px);
    font-size: min(0.9722222222vw, 14px);
    border-radius: min(0.2777777778vw, 4px);
  }
}
.form .form__input .wpcf7-form-control-wrap input, .form .form__input .wpcf7-form-control-wrap select, .form .form__input .wpcf7-form-control-wrap textarea {
  width: 100%;
  height: 100%;
  padding: max(4.2666666667vw, 16px) max(3.2vw, 12px);
}
@media screen and (min-width: 769px) {
  .form .form__input .wpcf7-form-control-wrap input, .form .form__input .wpcf7-form-control-wrap select, .form .form__input .wpcf7-form-control-wrap textarea {
    padding: min(1.1111111111vw, 16px) min(0.8333333333vw, 12px);
  }
}
.form .form__input.-select {
  line-height: 1;
}
.form .form__input.-select select {
  cursor: pointer;
}
.form .form__input.-select select option:first-of-type {
  color: #73828B;
}
.form .form__input.-textarea .wpcf7-form-control-wrap {
  height: max(43.2vw, 162px);
  min-height: max(43.2vw, 162px);
  line-height: 1.8;
  resize: vertical;
}
@media screen and (min-width: 769px) {
  .form .form__input.-textarea .wpcf7-form-control-wrap {
    height: min(11.25vw, 162px);
    min-height: min(11.25vw, 162px);
  }
}
.form .form__input.-select {
  display: flex;
  align-items: center;
  position: relative;
}
.form .form__input.-select::after {
  content: "";
  width: max(5.3333333333vw, 20px);
  height: max(5.3333333333vw, 20px);
  background-image: url("../img/arrow-select.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: max(4.2666666667vw, 16px);
}
@media screen and (min-width: 769px) {
  .form .form__input.-select::after {
    width: min(1.6666666667vw, 24px);
    height: min(1.6666666667vw, 24px);
    right: min(1.1111111111vw, 16px);
  }
}
.form .form__input.-privacy {
  width: 100%;
  height: max(45.3333333333vw, 170px);
  margin: 0;
  padding: max(4.2666666667vw, 16px) max(5.3333333333vw, 20px) max(4.2666666667vw, 16px) max(3.2vw, 12px);
  border: 1px solid #DCDEE0;
  font-size: max(3.7333333333vw, 14px);
  white-space: pre-wrap;
  text-align: justify;
  border-radius: max(1.0666666667vw, 4px);
  background-color: #fff !important;
  overflow-y: scroll;
}
@media screen and (min-width: 769px) {
  .form .form__input.-privacy {
    height: min(8.6111111111vw, 124px);
    padding: min(1.1111111111vw, 16px) min(1.3888888889vw, 20px) min(1.1111111111vw, 16px) min(0.8333333333vw, 12px);
    font-size: min(0.9722222222vw, 14px);
    border-radius: min(0.2777777778vw, 4px);
  }
}
.form .agree__wrap {
  margin: 0 0 max(10.6666666667vw, 40px);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .form .agree__wrap {
    margin: 0 0 min(2.7777777778vw, 40px);
  }
}
.form .agree__wrap .agree__text {
  margin-bottom: max(3.2vw, 12px);
  font-size: max(3.2vw, 12px);
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .form .agree__wrap .agree__text {
    margin-bottom: min(0.8333333333vw, 12px);
    font-size: min(0.8333333333vw, 12px);
  }
}
.form .agree__wrap label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  cursor: pointer;
}
.form .agree__wrap input[type=checkbox] {
  width: max(6.4vw, 24px);
  height: max(6.4vw, 24px);
  margin-right: max(2.1333333333vw, 8px);
}
@media screen and (min-width: 769px) {
  .form .agree__wrap input[type=checkbox] {
    width: min(1.6666666667vw, 24px);
    height: min(1.6666666667vw, 24px);
    margin-right: min(0.5555555556vw, 8px);
  }
}

.form .wpcf7-submit {
  display: flex;
  width: max(83.2vw, 312px);
  height: max(13.8666666667vw, 52px);
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  align-items: center;
  justify-content: center;
  background-color: #f25292;
  border-radius: max(6.9333333333vw, 26px);
}
@media screen and (min-width: 769px) {
  .form .wpcf7-submit {
    width: min(21.6666666667vw, 312px);
    height: min(3.6111111111vw, 52px);
    border-radius: min(1.8055555556vw, 26px);
  }
}
.form .wpcf7-submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.form .wpcf7-submit + .wpcf7-spinner {
  display: none !important;
}
.form .form__wrap.-has-error .form__input .wpcf7-not-valid-tip {
  display: block !important;
}
.form .form__wrap.-has-error + .wpcf7-response-output {
  display: none !important;
}

.thanks {
  padding-top: max(10.6666666667vw, 40px);
  background-color: #F5F5F5;
}
@media screen and (min-width: 769px) {
  .thanks {
    padding-top: min(5.5555555556vw, 80px);
  }
}
.sec__title {
  font-size: 2.6rem;
  font-weight: 700;
  padding-top: 90px;
  text-align: center;
  margin-bottom: max(10.6666666667vw, 40px);
  color: inherit;
}
@media screen and (min-width: 769px) {
  .sec__title {
    font-size: 2.6rem;
    margin-bottom: min(2.7777777778vw, 40px);
  }
}
.thanks .sec__title::after {
  display: none;
}
.thanks .thanks__text {
  margin: 0 auto;
  letter-spacing: 0;
}
@media screen and (min-width: 769px) {
  .thanks .thanks__text {
    padding-top: min(2.7777777778vw, 40px);
  }
}
@media screen and (min-width: 769px) {
  .thanks .thanks__text {
    width: min(53.3333333333vw, 768px);
  }
}
.thanks .thanks__text em {
  font-size: inherit;
  font-weight: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.thanks .to-calendar, .thanks .to-top {
  display: flex;
  width: max(83.2vw, 312px);
  height: max(13.8666666667vw, 52px);
  font-weight: bold;
  line-height: 1;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  box-shadow: max(0.5333333333vw, 2px) max(1.0666666667vw, 4px) 0 #515151;
}
@media screen and (min-width: 769px) {
  .thanks .to-calendar, .thanks .to-top {
    width: min(21.6666666667vw, 312px);
    height: min(3.6111111111vw, 52px);
    box-shadow: min(0.1388888889vw, 2px) min(0.2777777778vw, 4px) 0 #515151;
  }
}
.thanks .to-calendar {
  margin: max(10.6666666667vw, 40px) auto max(5.3333333333vw, 20px);
}
@media screen and (min-width: 769px) {
  .thanks .to-calendar {
    margin: min(2.7777777778vw, 40px) auto min(1.3888888889vw, 20px);
  }
}
.thanks .to-top {
  margin: 0 auto;
  color: inherit;
  background-color: #fff;
}

.document {
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .document {
    background-color: #F5F5F5;
  }
}
@media screen and (max-width: 768px) {
  .document .sec__title {
    margin-bottom: 0;
  }
}
.document .document {
  padding: max(10.6666666667vw, 40px) 0 0;
}
@media screen and (min-width: 769px) {
  .document .document {
    padding-top: min(2.7777777778vw, 40px);
  }
}
@media screen and (min-width: 769px) {
  .document .sec__contents {
    display: flex;
    justify-content: center;
    width: 98%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
.document .head, .document .form {
  display: flex;
  width: 100%;
  padding: 20px;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .document .head {
    width: 40%;
    padding: 20px;
  }
  .document .form {
    width: 60%;
    padding: 20px;
  }
}
@media screen and (min-width: 769px) {
  .document .head {
    padding-top: min(2.7777777778vw, 40px);
    background-color: #fff;
  }
}
.document .head__text {
  text-align: center;
}
.document .head__thumbnail {
  width: max(80vw, 300px);
  margin-block: max(2.1333333333vw, 8px) max(5.3333333333vw, 20px);
}
@media screen and (min-width: 769px) {
  .document .head__thumbnail {
    width: min(20.8333333333vw, 300px);
    margin-block: min(0.5555555556vw, 8px) min(1.3888888889vw, 20px);
  }
}
.document .head__wrap {
  width: 96%;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .document .head__wrap {
    width: min(23.3333333333vw, 336px);
  }
}
.document .head__wrap:not(:last-of-type) {
  margin-bottom: max(10.6666666667vw, 40px);
}
@media screen and (min-width: 769px) {
  .document .head__wrap:not(:last-of-type) {
    margin-bottom: min(2.7777777778vw, 40px);
  }
}
.document .head__caption {
  margin-bottom: max(5.3333333333vw, 20px);
  padding-bottom: max(2.1333333333vw, 8px);
  font-size: max(4.8vw, 18px);
  font-weight: bold;
  border-bottom: max(0.5333333333vw, 2px) solid #EDFCFD;
}
@media screen and (min-width: 769px) {
  .document .head__caption {
    margin-bottom: min(1.3888888889vw, 20px);
    padding-bottom: min(0.5555555556vw, 8px);
    font-size: min(1.25vw, 18px);
    border-bottom: min(0.1388888889vw, 2px) solid #EDFCFD;
  }
}
.document .head__item {
  display: flex;
  align-items: center;
  font-weight: 500;
}
.document .head__item::before {
  content: "";
  display: inline-flex;
  width: max(4.8vw, 18px);
  height: max(4.8vw, 18px);
  margin-right: max(3.2vw, 12px);
  background-image: url("../img/check.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(57%) sepia(94%) saturate(2186%) hue-rotate(143deg) brightness(101%) contrast(91%);
}
@media screen and (min-width: 769px) {
  .document .head__item::before {
    width: min(1.25vw, 18px);
    height: min(1.25vw, 18px);
    margin-right: min(0.8333333333vw, 12px);
  }
}
.document .form {
  background-color: #F5F5F5;
}
@media screen and (min-width: 769px) {
  .document .form {
    margin-bottom: 0;
    padding-bottom: min(5.5555555556vw, 80px);
  }
}
@media screen and (min-width: 769px) {
  .document .form .inner {
    padding: 0 min(5vw, 72px);
  }
}