@charset "UTF-8";
.order {
  padding: 130px 0 0;
}
@media (min-width: 760px) {
  .order {
    padding: 200px 0 0;
  }
}
.order main {
  max-width: 950px;
  width: calc(100% - clamp(20px, 7.9vw, 60px));
  margin: 0 auto;
}
.order .order__Ttl {
  font-family: var(--font-en);
  font-size: 50px;
  text-align: center;
  line-height: 1;
}
.order .order__lead {
  font-size: 18px;
  line-height: 1.777;
  margin-top: 80px;
  max-width: 727px;
  width: 100%;
  margin: 80px auto 0;
}
.order .order__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 160px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 60px auto;
}
@media (min-width: 760px) {
  .order .order__progress {
    gap: 300px;
  }
}
.order .order__progress::after {
  content: "";
  width: calc(100% - 10px);
  left: 0;
  right: 0;
  margin: auto;
  height: 3px;
  display: block;
  background-color: #B7B4B4;
  position: absolute;
  bottom: 10px;
  z-index: -1;
}
.order .order__progress .order__progress__item {
  font-size: 14px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #B4B4B4;
}
@media (min-width: 760px) {
  .order .order__progress .order__progress__item {
    font-size: 16px;
  }
}
.order .order__progress .order__progress__item::after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 23px;
  border-radius: calc(1px/ 0);
  background-color: #B4B4B4;
}
.order .order__progress .order__progress__item.current {
  color: #000;
  font-weight: bold;
}
.order .order__progress .order__progress__item.current::after {
  background-color: #000;
}
.order .order__formWrap {
  max-width: 888px;
  margin: 0 auto;
}
.order .order__formWrap .order__formWrap__txt {
  margin-bottom: 40px;
}
.order .wpcf7-response-output {
  display: none !important;
}

.wpcf7 {
  margin-bottom: 160px;
}
@media (min-width: 760px) {
  .wpcf7 {
    margin-bottom: 192px;
  }
}
.wpcf7 dl {
  letter-spacing: 0;
  font-size: 14px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 0.5em;
  margin-top: 16px;
}
@media (min-width: 760px) {
  .wpcf7 dl {
    margin-top: 20px;
  }
}
.wpcf7 dl:nth-of-type(1) {
  margin-top: 0;
}
@media (min-width: 760px) {
  .wpcf7 dl {
    font-size: 16px;
    -ms-grid-columns: minmax(216px, auto) minmax(50%, 580px);
    grid-template-columns: minmax(216px, auto) minmax(50%, 580px);
  }
}
.wpcf7 dl dt {
  font-weight: bold;
}
.wpcf7 dl dt.required {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.wpcf7 dl dt.required::after {
  content: "※";
  color: red;
}
.wpcf7 dl dd.col1 .privacyCheck {
  margin-top: 20px;
}
.wpcf7 dl dd.col1 .privacyCheck .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wpcf7 dl dd.col1 .privacyCheck .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input[type=checkbox] {
  border-width: 3px;
}
.wpcf7 dl dd.col1 .privacyCheck .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input[type=checkbox]::before {
  top: 1px;
  left: 5px;
}
.wpcf7 dl dd.col1 .privacyCheck .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wpcf7 dl dd.col1 .privacyCheck .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label a {
  text-decoration: underline;
}
.wpcf7 dl dd.col1 .privacyCheck .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label a:hover {
  text-decoration: none;
}
.wpcf7 dl dd.col1 .privacyCheck .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label .red {
  color: red;
  margin-left: 0.25em;
}
.wpcf7 dl dd.col1 .confirmCheck {
  margin-top: 16px;
}
.wpcf7 dl dd.col1 .confirmCheck .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wpcf7 dl dd.col1 .confirmCheck .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input[type=checkbox] {
  border-width: 3px;
}
.wpcf7 dl dd.col1 .confirmCheck .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input[type=checkbox]::before {
  top: 1px;
  left: 5px;
}
.wpcf7 dl dd.col1 .confirmCheck .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wpcf7 dl dd.col1 .confirmCheck .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label .red {
  color: red;
  margin-left: 0.25em;
}
.wpcf7 dl dd.col1 .wpcf7-form-control-wrap {
  display: block;
}
.wpcf7 dl dd.col2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 760px) {
  .wpcf7 dl dd.col2 {
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.wpcf7 dl dd.col2 .col2__box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 32px auto;
  grid-template-columns: 32px auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 760px) {
  .wpcf7 dl dd.col2 .col2__box {
    -ms-grid-columns: 48px auto;
    grid-template-columns: 48px auto;
  }
}
.wpcf7 dl dd.col2-check {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 16px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media (min-width: 760px) {
  .wpcf7 dl dd.col2-check {
    -ms-grid-columns: -webkit-max-content 1em auto;
    -ms-grid-columns: max-content 1em auto;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    gap: 20px 1em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.wpcf7 dl dd.col2-check .col2-check__inner {
  display: -ms-grid;
  display: grid;
  gap: 8px;
}
@media (min-width: 760px) {
  .wpcf7 dl dd.col2-check .col2-check__inner {
    display: contents;
  }
}
.wpcf7 dl dd.col2-check .col2-check__box.check .wpcf7-form-control-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: 0;
}
.wpcf7 dl dd.col2-check .col2-check__box.check .wpcf7-form-control-wrap .wpcf7-form-control {
  font-size: 0;
}
.wpcf7 dl dd.col2-check .col2-check__box.check .wpcf7-form-control-wrap label {
  font-size: 14px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 760px) {
  .wpcf7 dl dd.col2-check .col2-check__box.check .wpcf7-form-control-wrap label {
    font-size: 16px;
  }
}
.wpcf7 dl dd.col2-check .col2-check__box.check .wpcf7-form-control-wrap .wpcf7-list-item {
  margin: 0;
}
.wpcf7 dl dd.col2-check .col2-check__box.text {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 47px auto;
  grid-template-columns: 47px auto;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media (min-width: 760px) {
  .wpcf7 dl dd.col2-check .col2-check__box.text {
    -ms-grid-columns: 55px auto;
    grid-template-columns: 55px auto;
  }
}
.wpcf7 dl dd input {
  width: 100%;
  border: 1px solid #707070;
  height: 38px;
  border-radius: 0;
  -webkit-border-radius: 0px;
}
.wpcf7 dl dd input::-webkit-input-placeholder {
  position: absolute;
  height: -webkit-fit-content;
  height: fit-content;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wpcf7 dl dd input::-moz-placeholder {
  position: absolute;
  height: -moz-fit-content;
  height: fit-content;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wpcf7 dl dd input:-ms-input-placeholder {
  position: absolute;
  height: fit-content;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wpcf7 dl dd input::-ms-input-placeholder {
  position: absolute;
  height: fit-content;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wpcf7 dl dd input::placeholder {
  position: absolute;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (min-width: 760px) {
  .wpcf7 dl dd input::-webkit-input-placeholder {
    font-size: 0.7em;
  }
  .wpcf7 dl dd input::-moz-placeholder {
    font-size: 0.7em;
  }
  .wpcf7 dl dd input:-ms-input-placeholder {
    font-size: 0.7em;
  }
  .wpcf7 dl dd input::-ms-input-placeholder {
    font-size: 0.7em;
  }
  .wpcf7 dl dd input::placeholder {
    font-size: 0.7em;
  }
}
.wpcf7 dl dd input:focus {
  outline: none;
}
.wpcf7 dl dd input[type=text], .wpcf7 dl dd input[type=tel], .wpcf7 dl dd input[type=email], .wpcf7 dl dd input[type=url] {
  padding: 0 0.5em;
}
.wpcf7 dl dd input[type=checkbox] {
  margin-right: 0.5em;
  position: relative;
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #FFFFFF;
  border: solid 1px #707070;
  border-radius: 0px;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
  cursor: pointer;
}
@media (min-width: 760px) {
  .wpcf7 dl dd input[type=checkbox] {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
}
.wpcf7 dl dd input[type=checkbox]:checked::before {
  position: absolute;
  top: 2px;
  left: 6px;
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
  width: 5px;
  height: 11px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  content: "";
}
.wpcf7 dl dd textarea {
  width: 100%;
  border: 1px solid #707070;
  padding: 0.1875em 0.5em;
}
@media (min-width: 760px) {
  .wpcf7 dl dd textarea::-webkit-input-placeholder {
    font-size: 0.7em;
  }
  .wpcf7 dl dd textarea::-moz-placeholder {
    font-size: 0.7em;
  }
  .wpcf7 dl dd textarea:-ms-input-placeholder {
    font-size: 0.7em;
  }
  .wpcf7 dl dd textarea::-ms-input-placeholder {
    font-size: 0.7em;
  }
  .wpcf7 dl dd textarea::placeholder {
    font-size: 0.7em;
  }
}
.wpcf7 dl dd textarea:focus {
  outline: none;
}
.wpcf7 hr {
  background-color: #000;
  margin: 40px 0;
}
@media (min-width: 760px) {
  .wpcf7 hr {
    margin: 72px 0;
  }
}
.wpcf7 .wpcf7-submit {
  background-color: #1C1500;
  color: #fff;
  padding: 0.5em 1.5em;
  border: none;
  cursor: pointer;
  font-size: 18px;
  -webkit-transition: all 0.6s var(--hover-transition);
  transition: all 0.6s var(--hover-transition);
  font-weight: bold;
  display: block;
  margin: 0 auto;
}
@media (min-width: 760px) {
  .wpcf7 .wpcf7-submit {
    font-size: 22px;
  }
}
.wpcf7 .wpcf7-submit:hover {
  background-color: #fff;
  color: #1C1500;
}

.thanks {
  margin-bottom: 160px !important;
}
@media (min-width: 760px) {
  .thanks {
    margin-bottom: 280px !important;
  }
}

.grecaptcha-badge {
  z-index: 1;
}

/* ===========================================
 * バリデーションに引っかかった時のスタイル
 * ======================================== */
.wpcf7-not-valid {
  border-color: #FD0A0A !important;
}
.wpcf7-not-valid .wpcf7-list-item input[type=checkbox] {
  border-color: #FD0A0A !important;
}

/* ===========================================
 * reCAPTCHAのバッジ非表示
 * ======================================== */
.grecaptcha-badge {
  opacity: 1;
  visibility: visible;
}