html body .p-contact {
  padding: clamp(120px * var(--fluid-min, 0.8), 8.78477306vw, 144px) 0 clamp(149px * var(--fluid-min, 0.8), 10.9077598829vw, 178.8px);
}
html body .p-contact__inner {
  width: clamp(924px * var(--fluid-min, 0.8), 67.6427525622vw, 1108.8px);
  margin-inline: auto;
}
html body .p-contact .formWrapper {
  display: flex;
  flex-direction: column;
  gap: clamp(43px * var(--fluid-min, 0.8), 3.1478770132vw, 51.6px);
}
html body .p-contact .formRow {
  display: flex;
  flex-direction: column;
  margin: 0;
}
html body .p-contact .formTh,
html body .p-contact .formTd,
html body .p-contact .formRow > .col,
html body .p-contact .formBtnTd {
  flex: none;
  width: 100%;
  max-width: none;
  padding: 0;
}
html body .p-contact .formTh {
  display: flex;
  align-items: center;
  gap: clamp(10px * var(--fluid-min, 0.8), 0.7320644217vw, 12px);
}
html body .p-contact .formTd {
  margin-top: clamp(18px * var(--fluid-min, 0.8), 1.317715959vw, 21.6px);
}
html body .p-contact .requiredText,
html body .p-contact .anyText {
  width: max(clamp(32px * var(--fluid-min, 0.8), 2.3426061493vw, 38.4px), 2em + 4px);
  white-space: nowrap;
  height: max(clamp(19px * var(--fluid-min, 0.8), 1.3909224012vw, 22.8px), 1.5em);
  margin: 0;
  border-radius: 2px;
  text-align: center;
  background: #d80e0e;
}
html body .p-contact .anyText {
  background: #5a5a5a;
}
html body .p-contact .formInput,
html body .p-contact .formTextArea,
html body .p-contact .formSelect {
  display: block;
  width: 100%;
  height: clamp(50px * var(--fluid-min, 0.8), 3.6603221083vw, 60px);
  padding: 0 clamp(14px * var(--fluid-min, 0.8), 1.0248901903vw, 16.8px);
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  background: #f6f6f6;
  outline: none;
  transition: border-color 0.3s ease;
}
html body .p-contact .formInput:focus,
html body .p-contact .formTextArea:focus,
html body .p-contact .formSelect:focus {
  border-color: #244278;
}
html body .p-contact .formTextArea {
  height: clamp(197px * var(--fluid-min, 0.8), 14.4216691069vw, 236.4px);
  padding: clamp(16px * var(--fluid-min, 0.8), 1.1713030747vw, 19.2px) clamp(14px * var(--fluid-min, 0.8), 1.0248901903vw, 16.8px);
  resize: vertical;
}
html body .p-contact .selectArea {
  position: relative;
  width: clamp(210px * var(--fluid-min, 0.8), 15.3733528551vw, 252px);
}
html body .p-contact .selectArea::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(21px * var(--fluid-min, 0.8), 1.5373352855vw, 25.2px);
  width: 10px;
  height: 8px;
  margin-top: -4px;
  background-color: #495966;
  -webkit-mask-image: url("../images/icon-down.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../images/icon-down.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  pointer-events: none;
}
html body .p-contact .formSelect {
  padding-right: clamp(40px * var(--fluid-min, 0.8), 2.9282576867vw, 48px);
  appearance: none;
  cursor: pointer;
}
html body .p-contact .privacy-policy {
  height: clamp(155px * var(--fluid-min, 0.8), 11.3469985359vw, 186px);
  padding: clamp(31px * var(--fluid-min, 0.8), 2.2693997072vw, 37.2px) clamp(29px * var(--fluid-min, 0.8), 2.1229868228vw, 34.8px);
  overflow-y: auto;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  background: #f6f6f6;
  scrollbar-color: #b7b7b7 transparent;
  scrollbar-width: thin;
}
html body .p-contact .privacy-policy::-webkit-scrollbar {
  width: 17px;
}
html body .p-contact .privacy-policy::-webkit-scrollbar-thumb {
  border: 5px solid transparent;
  border-radius: 14px;
  background: #b7b7b7 padding-box;
}
html body .p-contact .privacy-policy__item + .privacy-policy__item {
  margin-top: clamp(24px * var(--fluid-min, 0.8), 1.756954612vw, 28.8px);
}
html body .p-contact .privacy-policy__title {
  display: flex;
  align-items: center;
  gap: clamp(15px * var(--fluid-min, 0.8), 1.0980966325vw, 18px);
  margin-bottom: clamp(8px * var(--fluid-min, 0.8), 0.5856515373vw, 9.6px);
}
html body .p-contact .privacy-policy__title::before {
  content: "";
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  background: #303030;
}
html body .p-contact .formAgree {
  display: flex;
  align-items: center;
  gap: clamp(6px * var(--fluid-min, 0.8), 0.439238653vw, 7.2px);
}
html body .p-contact .formCheck {
  width: 15px;
  height: 15px;
  margin: 0;
  accent-color: #244278;
}
html body .p-contact .formRow--privacy {
  margin-top: clamp(-8.4px, -0.5124450952vw, -7px * var(--fluid-min, 0.8));
}
html body .p-contact .formRow--agree {
  margin-top: clamp(-30px, -1.8301610542vw, -25px * var(--fluid-min, 0.8));
}
html body .p-contact .formRow--send {
  align-items: center;
  margin-top: clamp(17px * var(--fluid-min, 0.8), 1.2445095168vw, 20.4px);
}
html body .p-contact .formBtnTd {
  display: flex;
  justify-content: center;
  width: auto;
}
html body .p-contact .formSend {
  display: inline-grid;
  place-items: center;
  width: clamp(183px * var(--fluid-min, 0.8), 13.3967789165vw, 219.6px);
  height: clamp(47px * var(--fluid-min, 0.8), 3.4407027818vw, 56.4px);
  border: 1px solid #244278;
  border-radius: 24px;
  background: #244278;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  html body .p-contact .formSend:hover {
    background: #fff;
  }
}
html body .p-contact .privacy-policy a,
html body .p-contact .privacy-policy a p {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
  transition: text-decoration-color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  html body .p-contact .privacy-policy a:hover,
  html body .p-contact .privacy-policy a:hover p {
    text-decoration-line: underline;
    text-decoration-color: currentColor;
  }
}
html body .p-complete {
  padding: clamp(120px * var(--fluid-min, 0.8), 8.78477306vw, 144px) 0 clamp(149px * var(--fluid-min, 0.8), 10.9077598829vw, 178.8px);
}
html body .p-complete__inner {
  width: clamp(924px * var(--fluid-min, 0.8), 67.6427525622vw, 1108.8px);
  margin-inline: auto;
}
html body .p-complete__texts {
  text-align: center;
}
html body .p-complete__texts p + p {
  margin-top: clamp(8px * var(--fluid-min, 0.8), 0.5856515373vw, 9.6px);
}
html body .p-complete__back {
  display: flex;
  justify-content: center;
  margin-top: clamp(52px * var(--fluid-min, 0.8), 3.8067349927vw, 62.4px);
}
@media screen and (max-width: 767px) {
  html body .p-contact,
  html body .p-complete {
    padding: clamp(57.6px, 9.375vw, 86.4px) 0 clamp(80px, 13.0208333333vw, 120px);
  }
  html body .p-contact__inner,
  html body .p-complete__inner {
    width: auto;
    width: clamp(550.4px, 89.5833333333vw, 825.6px);
    max-width: calc(100% - clamp(32px, 5.2083333333vw, 48px) * 2);
    margin-inline: auto;
  }
  html body .p-contact .formWrapper {
    gap: clamp(25.6px, 4.1666666667vw, 38.4px);
  }
  html body .p-contact .requiredText,
  html body .p-contact .anyText {
    width: clamp(25.6px, 4.1666666667vw, 38.4px);
    height: clamp(15.2px, 2.4739583333vw, 22.8px);
  }
  html body .p-contact .formInput,
  html body .p-contact .formSelect {
    height: clamp(40px, 6.5104166667vw, 60px);
    padding: 0 clamp(11.2px, 1.8229166667vw, 16.8px);
  }
  html body .p-contact .formTextArea {
    height: clamp(157.6px, 25.6510416667vw, 236.4px);
    padding: clamp(12.8px, 2.0833333333vw, 19.2px) clamp(11.2px, 1.8229166667vw, 16.8px);
  }
  html body .p-contact .selectArea {
    width: clamp(168px, 27.34375vw, 252px);
  }
  html body .p-contact .selectArea::after {
    right: clamp(16.8px, 2.734375vw, 25.2px);
  }
  html body .p-contact .formSelect {
    padding-right: clamp(32px, 5.2083333333vw, 48px);
  }
  html body .p-contact .privacy-policy {
    height: clamp(124px, 20.1822916667vw, 186px);
  }
}
@media screen and (max-width: 767px) {
  html body .p-contact,
  html body .p-complete {
    padding: clamp(38.4px, 12.8vw, 57.6px) 0 clamp(57.6px, 19.2vw, 86.4px);
  }
  html body .p-contact__inner,
  html body .p-complete__inner {
    width: clamp(268px, 89.3333333333vw, 402px);
    max-width: calc(100% - clamp(16px, 5.3333333333vw, 24px) * 2);
    margin-inline: auto;
  }
  html body .p-contact .formWrapper {
    gap: clamp(22.4px, 7.4666666667vw, 33.6px);
  }
  html body .p-contact .requiredText,
  html body .p-contact .anyText {
    width: clamp(25.6px, 8.5333333333vw, 38.4px);
    height: clamp(15.2px, 5.0666666667vw, 22.8px);
  }
  html body .p-contact .formInput,
  html body .p-contact .formSelect {
    height: clamp(40px, 13.3333333333vw, 60px);
    padding: 0 clamp(11.2px, 3.7333333333vw, 16.8px);
  }
  html body .p-contact .formTextArea {
    height: clamp(157.6px, 52.5333333333vw, 236.4px);
    padding: clamp(12.8px, 4.2666666667vw, 19.2px) clamp(11.2px, 3.7333333333vw, 16.8px);
  }
  html body .p-contact .selectArea {
    width: clamp(168px, 56vw, 252px);
  }
  html body .p-contact .selectArea::after {
    right: clamp(16.8px, 5.6vw, 25.2px);
  }
  html body .p-contact .formSelect {
    padding-right: clamp(32px, 10.6666666667vw, 48px);
  }
  html body .p-contact .privacy-policy {
    height: clamp(124px, 41.3333333333vw, 186px);
  }
  html body .p-contact .privacy-policy {
    padding: clamp(16px, 5.3333333333vw, 24px) clamp(12.8px, 4.2666666667vw, 19.2px);
  }
  html body .p-complete__texts {
    text-align: left;
  }
}
