@charset "UTF-8";
/**
 * Colors
==================== */
/**
 * Breakpoints
 ==================== */
/**
 * Design Sizes
==================== */
/**
 * Spacing Units
==================== */
/**
 * Font sizes
==================== */
/**
 * Font Families
==================== */
/**
 * vw変換
==================== */
/**
 * em変換
==================== */
/**
 * mixins
==================== */
.contact-form {
  /**
   * Step indicator
  ==================== */
  /**
   * Form layout
  ==================== */
  /**
   * Inputs
  ==================== */
  /**
   * Radio
  ==================== */
  /**
   * Checkbox
  ==================== */
  /**
   * Postal code autofill
  ==================== */
  /**
   * Agreement + submit
  ==================== */
  /**
   * 確認画面（page-contact-form.php内、静的コーディング / Figma node-id 1245-32374）
  ==================== */
  /**
   * Contact Form 7 連携
   * CF7がtext/email/tel/select/textareaタグに自動付与する
   * <span class="wpcf7-form-control-wrap">をレンダリングツリーから見えなくし、
   * 既存のflexレイアウト（.contact-form__field 直下に input 等が並ぶ構造）を
   * 崩さないようにする。
  ==================== */
}
.contact-form__wrapper {
  position: relative;
  padding: 40px 0;
}
@media (max-width: 1440px) {
  .contact-form__wrapper {
    padding: 2.7777777778vw 0;
  }
}
@media (max-width: 1020px) {
  .contact-form__wrapper {
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
.contact-form__wrapper::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0 0 auto;
  height: 120px;
  background: linear-gradient(to bottom, var(--clr-kr-information-bg), transparent);
  pointer-events: none;
}
.contact-form__wrapper > * {
  position: relative;
  z-index: 1;
}
.contact-form__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1440px) {
  .contact-form__content {
    gap: 2.7777777778vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__content {
    gap: 6.4vw;
  }
}
.contact-form__lead {
  font-size: 18px;
  line-height: 1.8;
  letter-spacing: 0.01em;
}
@media (max-width: 1440px) {
  .contact-form__lead {
    font-size: 1.25vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__lead {
    font-size: 4.2666666667vw;
    line-height: 1.7;
  }
}
.contact-form__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  width: 100%;
  padding: 80px 200px;
  background-color: var(--clr-text-white);
}
.contact-form__panel[hidden] {
  display: none;
}
@media (max-width: 1440px) {
  .contact-form__panel {
    gap: 5.5555555556vw;
    padding: 5.5555555556vw 13.8888888889vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__panel {
    gap: 10.6666666667vw;
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
.contact-form__steps {
  display: flex;
  gap: 26px;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1440px) {
  .contact-form__steps {
    gap: 1.8055555556vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__steps {
    gap: 2.1333333333vw;
  }
}
.contact-form__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  flex: 0 0 auto;
}
@media (max-width: 1440px) {
  .contact-form__step {
    gap: 1.1111111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__step {
    gap: 2.1333333333vw;
  }
}
.contact-form__step-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border: 1px solid var(--clr-kr-border-gray);
  background-color: var(--clr-text-white);
  color: var(--clr-kr-black);
  font-family: var(--ff-zen-mincho);
  font-size: 22px;
  line-height: 1;
}
@media (max-width: 1440px) {
  .contact-form__step-circle {
    width: 3.8888888889vw;
    height: 3.8888888889vw;
    font-size: 1.5277777778vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__step-circle {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    font-size: 4.8vw;
  }
}
.contact-form__step.-current .contact-form__step-circle {
  border-color: var(--clr-kr-green);
  background-color: var(--clr-kr-green);
  color: var(--clr-text-white);
}
.contact-form__step-label {
  color: var(--clr-kr-black);
  font-family: var(--ff-noto-sans);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 1440px) {
  .contact-form__step-label {
    font-size: 1.25vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__step-label {
    font-size: 3.2vw;
    white-space: normal;
  }
}
.contact-form__step-connector {
  width: 136px;
  align-self: flex-start;
  margin: 22px 0 auto;
}
@media (max-width: 1440px) {
  .contact-form__step-connector {
    width: 9.4444444444vw;
    margin: 1.5277777778vw 0 auto;
  }
}
@media (max-width: 1020px) {
  .contact-form__step-connector {
    width: 25.6vw;
    margin: 4.2666666667vw 0 auto;
  }
}
.contact-form__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
}
@media (max-width: 1440px) {
  .contact-form__form {
    gap: 2.7777777778vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__form {
    gap: 10.6666666667vw;
  }
}
.contact-form__section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
@media (max-width: 1440px) {
  .contact-form__section {
    gap: 1.6666666667vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__section {
    gap: 4.2666666667vw;
  }
}
.contact-form__section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0;
  color: var(--clr-kr-black-secondary);
  font-family: var(--ff-zen-mincho);
  font-size: 24px;
  line-height: 1.6;
}
.contact-form__section-title::after {
  flex: 1 1 auto;
  height: 1px;
  background-color: var(--clr-kr-border-gray);
  content: "";
}
@media (max-width: 1440px) {
  .contact-form__section-title {
    gap: 0.6944444444vw;
    font-size: 1.6666666667vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__section-title {
    font-size: 4.8vw;
  }
}
.contact-form__fields {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
}
@media (max-width: 1440px) {
  .contact-form__fields {
    gap: 2.2222222222vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__fields {
    gap: 6.4vw;
  }
}
.contact-form__group {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
@media (max-width: 1440px) {
  .contact-form__group {
    gap: 1.1111111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__group {
    flex-direction: column;
    gap: 6.4vw;
  }
}
.contact-form__field {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
@media (max-width: 1440px) {
  .contact-form__field {
    gap: 0.5555555556vw;
  }
}
.contact-form__label {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.contact-form__label label,
.contact-form__label span:first-child {
  color: var(--clr-kr-black);
  font-family: var(--ff-noto-sans);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 1440px) {
  .contact-form__label label,
  .contact-form__label span:first-child {
    font-size: 1.25vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__label label,
  .contact-form__label span:first-child {
    font-size: 4.2666666667vw;
  }
}
.contact-form__badge {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 2px 10px;
  background-color: var(--clr-kr-error-bg);
  color: var(--clr-kr-error);
  font-family: var(--ff-noto-sans);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.6;
}
.contact-form__note {
  width: 100%;
  color: var(--clr-kr-gray);
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 1440px) {
  .contact-form__note {
    font-size: 1.1111111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__note {
    font-size: 3.7333333333vw;
  }
}
.contact-form__example {
  width: 100%;
  color: var(--clr-kr-black);
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 1440px) {
  .contact-form__example {
    font-size: 1.1111111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__example {
    font-size: 3.7333333333vw;
  }
}
.contact-form__error {
  color: var(--clr-kr-error);
  font-size: 16px;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 1440px) {
  .contact-form__error {
    font-size: 1.1111111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__error {
    font-size: 3.7333333333vw;
  }
}
.contact-form__postal-search {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media (max-width: 1440px) {
  .contact-form__postal-search {
    gap: 1.1111111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__postal-search {
    gap: 2.1333333333vw;
    align-items: flex-start;
    flex-direction: column;
  }
}
.contact-form__zip-status {
  min-height: 1.6em;
  color: var(--clr-kr-gray);
  font-size: 12px;
  line-height: 1.6;
}
.contact-form__zip-status:empty {
  display: none;
}
@media (max-width: 1440px) {
  .contact-form__zip-status {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__zip-status {
    font-size: 3.2vw;
  }
}
.contact-form__input, .contact-form__select, .contact-form__textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--clr-kr-input-border);
  background-color: var(--clr-text-white);
  color: var(--clr-kr-black-secondary);
  font-family: var(--ff-noto-sans);
  font-size: 16px;
  line-height: 1.6;
  transition: outline 0.3s, border-color 0.3s;
}
@media (max-width: 1440px) {
  .contact-form__input, .contact-form__select, .contact-form__textarea {
    padding: 0.8333333333vw 1.1111111111vw;
    font-size: 1.1111111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__input, .contact-form__select, .contact-form__textarea {
    padding: 3.2vw 4.2666666667vw;
    font-size: 3.7333333333vw;
  }
}
.contact-form__input::placeholder, .contact-form__select::placeholder, .contact-form__textarea::placeholder {
  color: var(--clr-kr-gray);
}
.contact-form__input.-error, .contact-form__select.-error, .contact-form__textarea.-error {
  border-color: var(--clr-kr-error);
}
.contact-form__input:focus-visible, .contact-form__select:focus-visible, .contact-form__textarea:focus-visible {
  outline: 2px solid var(--clr-kr-green);
  outline-offset: -1px;
}
.contact-form__input:disabled, .contact-form__select:disabled, .contact-form__textarea:disabled {
  border-color: var(--clr-kr-border-gray);
  background-color: var(--clr-bg-gray-7);
  color: var(--clr-kr-input-border);
  cursor: not-allowed;
  opacity: 1;
}
.contact-form__input:disabled::placeholder, .contact-form__select:disabled::placeholder, .contact-form__textarea:disabled::placeholder {
  color: var(--clr-kr-input-border);
}
.contact-form__input.-mw-385, .contact-form__select.-mw-385, .contact-form__textarea.-mw-385 {
  max-width: 385px;
}
@media (max-width: 1440px) {
  .contact-form__input.-mw-385, .contact-form__select.-mw-385, .contact-form__textarea.-mw-385 {
    max-width: 26.7361111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__input.-mw-385, .contact-form__select.-mw-385, .contact-form__textarea.-mw-385 {
    max-width: 100%;
  }
}
.contact-form__input.-mw-277, .contact-form__select.-mw-277, .contact-form__textarea.-mw-277 {
  max-width: 277px;
}
@media (max-width: 1440px) {
  .contact-form__input.-mw-277, .contact-form__select.-mw-277, .contact-form__textarea.-mw-277 {
    max-width: 19.2361111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__input.-mw-277, .contact-form__select.-mw-277, .contact-form__textarea.-mw-277 {
    max-width: 100%;
  }
}
.contact-form__input.-mw-180, .contact-form__select.-mw-180, .contact-form__textarea.-mw-180 {
  max-width: 180px;
}
@media (max-width: 1440px) {
  .contact-form__input.-mw-180, .contact-form__select.-mw-180, .contact-form__textarea.-mw-180 {
    max-width: 12.5vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__input.-mw-180, .contact-form__select.-mw-180, .contact-form__textarea.-mw-180 {
    max-width: 100%;
  }
}
.contact-form__input.-mw-185, .contact-form__select.-mw-185, .contact-form__textarea.-mw-185 {
  max-width: 185px;
}
@media (max-width: 1440px) {
  .contact-form__input.-mw-185, .contact-form__select.-mw-185, .contact-form__textarea.-mw-185 {
    max-width: 12.8472222222vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__input.-mw-185, .contact-form__select.-mw-185, .contact-form__textarea.-mw-185 {
    max-width: 100%;
  }
}
.contact-form__textarea {
  min-height: 110px;
  padding: 12px 16px;
  resize: vertical;
}
@media (max-width: 1440px) {
  .contact-form__textarea {
    min-height: 7.6388888889vw;
    padding: 0.8333333333vw 1.1111111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__textarea {
    min-height: 29.3333333333vw;
  }
}
.contact-form__select-wrapper {
  position: relative;
  width: 100%;
}
.contact-form__select-wrapper.-mw-180 {
  max-width: 180px;
}
@media (max-width: 1440px) {
  .contact-form__select-wrapper.-mw-180 {
    max-width: 12.5vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__select-wrapper.-mw-180 {
    max-width: 48vw;
  }
}
.contact-form__select {
  cursor: pointer;
  width: 100%;
  padding-right: 40px;
  appearance: none;
  background-image: url("../../img/icon/icon-arrow-down.svg");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 16px 16px;
}
@media (max-width: 1440px) {
  .contact-form__select {
    padding-right: 2.7777777778vw;
    background-position: right 1.1111111111vw center;
    background-size: 1.1111111111vw 1.1111111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__select {
    background-position: right 4.2666666667vw center;
    background-size: 4.2666666667vw 4.2666666667vw;
  }
}
.contact-form__radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  width: 100%;
}
@media (max-width: 1440px) {
  .contact-form__radio-group {
    gap: 2.7777777778vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__radio-group {
    gap: 6.4vw;
  }
}
.contact-form__radio {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.contact-form__radio span:last-child {
  color: var(--clr-kr-black);
  font-family: var(--ff-noto-sans);
  font-size: 18px;
  line-height: 1.4;
}
@media (max-width: 1440px) {
  .contact-form__radio span:last-child {
    font-size: 1.25vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__radio span:last-child {
    font-size: 4.2666666667vw;
  }
}
.contact-form__radio-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.contact-form__radio-box {
  position: relative;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border: 1px solid var(--clr-kr-border-gray);
  border-radius: 50%;
  background-color: var(--clr-text-white);
}
.contact-form__radio-input:checked + .contact-form__radio-box {
  border-color: var(--clr-kr-green);
}
.contact-form__radio-input:checked + .contact-form__radio-box::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--clr-kr-green);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: "";
}
.contact-form__radio-input:focus-visible + .contact-form__radio-box {
  outline: 2px solid var(--clr-kr-green);
  outline-offset: 2px;
}
.contact-form__radio-input:disabled ~ span:last-child {
  color: var(--clr-kr-disabled-text);
}
.contact-form__radio-input:disabled + .contact-form__radio-box {
  border-color: var(--clr-kr-border-gray);
  background-color: var(--clr-bg-gray-7);
}
.contact-form__radio-input:disabled:checked + .contact-form__radio-box::after {
  background-color: var(--clr-kr-border-gray);
}
.contact-form__radio:has(> .contact-form__radio-input:disabled) {
  cursor: not-allowed;
}
.contact-form__checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media (max-width: 1440px) {
  .contact-form__checkbox-group {
    gap: 1.1111111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__checkbox-group {
    gap: 3.2vw;
  }
}
.contact-form__checkbox {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.contact-form__checkbox span:last-child {
  color: var(--clr-kr-black);
  font-family: var(--ff-noto-sans);
  font-size: 16px;
  line-height: 1.4;
}
@media (max-width: 1440px) {
  .contact-form__checkbox span:last-child {
    font-size: 1.1111111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__checkbox span:last-child {
    font-size: 3.7333333333vw;
  }
}
.contact-form__checkbox-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.contact-form__checkbox-box {
  position: relative;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border: 1px solid var(--clr-kr-black);
  background-color: var(--clr-text-white);
}
.contact-form__checkbox-input:checked + .contact-form__checkbox-box {
  border-color: var(--clr-kr-black);
  background-color: var(--clr-kr-black);
}
.contact-form__checkbox-input:checked + .contact-form__checkbox-box::after {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 10px;
  height: 6px;
  border-bottom: 2px solid var(--clr-text-white);
  border-left: 2px solid var(--clr-text-white);
  transform: translate(-50%, -50%) rotate(-45deg);
  content: "";
}
.contact-form__checkbox-input:focus-visible + .contact-form__checkbox-box {
  outline: 2px solid var(--clr-kr-green);
  outline-offset: 2px;
}
.contact-form__checkbox-input:disabled ~ span:last-child {
  color: var(--clr-kr-border-gray);
}
.contact-form__checkbox-input:disabled + .contact-form__checkbox-box {
  border-color: var(--clr-kr-border-gray);
  background-color: var(--clr-bg-gray-7);
}
.contact-form__checkbox-input:disabled:checked + .contact-form__checkbox-box {
  background-color: var(--clr-kr-border-gray);
}
.contact-form__checkbox:has(> .contact-form__checkbox-input:disabled) {
  cursor: not-allowed;
}
.contact-form__zip-button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 8px 16px;
  border: none;
  background-color: var(--clr-kr-green);
  color: var(--clr-text-white);
  font-family: var(--ff-zen-mincho);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid var(--clr-kr-green);
}
@media (max-width: 1440px) {
  .contact-form__zip-button {
    padding: 0.5555555556vw 1.1111111111vw;
    font-size: 0.9722222222vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__zip-button {
    height: 12.2666666667vw;
  }
}
.contact-form__zip-button span {
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
}
@media (max-width: 1440px) {
  .contact-form__zip-button span {
    font-size: 0.9722222222vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__zip-button span {
    font-size: 3.7333333333vw;
  }
}
.contact-form__zip-button-arrow {
  width: 24px;
  aspect-ratio: 1/1;
}
@media (max-width: 1440px) {
  .contact-form__zip-button-arrow {
    width: 1.6666666667vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__zip-button-arrow {
    width: 6.4vw;
  }
}
.contact-form__zip-button-arrow * {
  fill: currentColor;
}
.contact-form__agree {
  display: flex;
  width: 100%;
}
.contact-form__submit {
  display: flex;
  justify-content: center;
  width: 100%;
}
.contact-form__submit-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 240px;
  padding: 14px 40px;
  border: none;
  background-color: var(--clr-kr-border-gray);
  color: var(--clr-kr-disabled-text);
  font-family: var(--ff-zen-mincho);
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: not-allowed;
}
@media (max-width: 1440px) {
  .contact-form__submit-button {
    gap: 0.3472222222vw;
    padding: 0.9722222222vw 2.7777777778vw;
    font-size: 1.1111111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__submit-button {
    width: 100%;
    padding: 3.7333333333vw 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
.contact-form__submit-button:not(:disabled) {
  background-color: var(--clr-kr-green);
  color: var(--clr-text-white);
  border-color: var(--clr-kr-green);
  cursor: pointer;
}
.contact-form__submit-button-arrow {
  width: 24px;
  aspect-ratio: 1/1;
}
@media (max-width: 1440px) {
  .contact-form__submit-button-arrow {
    width: 1.6666666667vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__submit-button-arrow {
    width: 6.4vw;
  }
}
.contact-form__submit-button-arrow * {
  fill: currentColor;
}
.contact-form__panel.-confirm {
  gap: 40px;
}
@media (max-width: 1440px) {
  .contact-form__panel.-confirm {
    gap: 2.7777777778vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__panel.-confirm {
    gap: 6.4vw;
  }
}
.contact-form__confirm-value {
  width: 100%;
  color: var(--clr-kr-black);
  font-family: var(--ff-noto-sans);
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 1440px) {
  .contact-form__confirm-value {
    font-size: 1.1111111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__confirm-value {
    font-size: 3.7333333333vw;
  }
}
.contact-form__confirm-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  width: 100%;
}
@media (max-width: 1440px) {
  .contact-form__confirm-actions {
    gap: 1.6666666667vw;
  }
}
@media (max-width: 1020px) {
  .contact-form__confirm-actions {
    flex-direction: column-reverse;
    gap: 4.2666666667vw;
  }
}
.contact-form__confirm-actions .button {
  min-width: 240px;
}
@media (max-width: 1020px) {
  .contact-form__confirm-actions .button {
    min-width: 0;
    width: 100%;
  }
}
.contact-form__confirm-actions .button__arrow.-reverse {
  transform: scaleX(-1);
}
.contact-form .wpcf7-form-control-wrap {
  display: contents;
}
.contact-form__input.wpcf7-not-valid, .contact-form__select.wpcf7-not-valid, .contact-form__textarea.wpcf7-not-valid {
  border-color: var(--clr-kr-error);
}
.contact-form .wpcf7-not-valid-tip {
  display: block;
  width: 100%;
  color: var(--clr-kr-error);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
@media (max-width: 1440px) {
  .contact-form .wpcf7-not-valid-tip {
    font-size: 1.1111111111vw;
  }
}
@media (max-width: 1020px) {
  .contact-form .wpcf7-not-valid-tip {
    font-size: 3.7333333333vw;
  }
}
.contact-form .contact-form__checkbox-group.wpcf7-not-valid .wpcf7-not-valid-tip {
  margin-top: 8px;
}
.contact-form .wpcf7-response-output {
  width: 100%;
  margin: 0;
  padding: 16px 20px;
  border: 1px solid var(--clr-kr-border-gray);
  color: var(--clr-kr-black);
  font-size: 14px;
  line-height: 1.7;
}
.contact-form .wpcf7-response-output:empty {
  display: none;
}
.contact-form .wpcf7-form.invalid .wpcf7-response-output,
.contact-form .wpcf7-form.unaccepted .wpcf7-response-output,
.contact-form .wpcf7-form.spam .wpcf7-response-output,
.contact-form .wpcf7-form.aborted .wpcf7-response-output,
.contact-form .wpcf7-form.failed .wpcf7-response-output {
  border-color: var(--clr-kr-error);
  color: var(--clr-kr-error);
}
.contact-form .wpcf7-form.sent .wpcf7-response-output {
  border-color: var(--clr-kr-green);
  color: var(--clr-kr-green);
}
.contact-form__submit-proxy {
  display: none;
}

/*# sourceMappingURL=contact-form.css.map */