@charset "UTF-8";

.contact__title {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: .6944444444vw;
  margin: 2.7777777778vw 0
}

@media (max-width: 1240px) {
  .contact__title {
    gap: 2.6666666667vw;
    margin: 5.3333333333vw 0
  }
}

.contact__title h2 {
  font-family: Montserrat, sans-serif;
  font-size: 5.5555555556vw;
  font-weight: 700;
  line-height: 100%
}

@media (max-width: 1240px) {
  .contact__title h2 {
    font-size: 12.8vw
  }
}

.contact__title h5 {
  font-size: 1.1111111111vw;
  font-weight: 700;
  margin-top: 0
}

@media (max-width: 1240px) {
  .contact__title h5 {
    font-size: 3.7333333333vw
  }
}

.contact__return {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.0416666667vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 175%;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 2.6388888889vw auto 0
}

@media (max-width: 1240px) {
  .contact__return {
    gap: 3.7333333333vw;
    font-size: 3.2vw;
    margin-top: 5.3333333333vw
  }
}

.contact__return svg {
  max-width: 1.3888888889vw
}

@media (max-width: 1240px) {
  .contact__return svg {
    max-width: 5.3333333333vw
  }
}

.contact__return:hover {
  opacity: .7
}

@media (max-width: 1240px) {
  .contact__return:hover {
    opacity: 1
  }
}

.contact__inner {
  background-color: var(--clr-contact-gray);
  padding: 2.7777777778vw 14.4444444444vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.7777777778vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (max-width: 1240px) {
  .contact__inner {
    padding: 5.3333333333vw 4vw;
    gap: 5.3333333333vw
  }
}

.contact__inner h3 {
  font-size: 1.9444444444vw;
  font-weight: 700;
  margin-top: 0;
  text-align: center
}

@media (max-width: 1240px) {
  .contact__inner h3 {
    font-size: 5.3333333333vw
  }
}

.contact__list input[type=checkbox] {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.contact__list-check {
  background-color: #fff;
  border-radius: .2777777778vw;
  border: .0694444444vw solid #999999;
  width: 1.9444444444vw;
  height: 1.9444444444vw;
  top: 0;
  left: 0;
  position: relative;
  display: block;
  cursor: pointer;
  margin-right: .6944444444vw !important
}

@media (max-width: 1240px) {
  .contact__list-check {
    border-radius: 1.0666666667vw;
    border: .2666666667vw solid #999999;
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    margin-right: 2.6666666667vw !important;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
}

.contact__list-check:before, .contact__list-check:after {
  content: "";
  display: block;
  position: absolute
}

.contact__list-check:before {
  top: 50%;
  left: 50%;
  width: .7638888889vw;
  height: .2777777778vw;
  border-radius: .1388888889vw;
  -webkit-transform: translate(-.3472222222vw, .2083333333vw) rotateZ(-135deg);
  transform: translate(-.3472222222vw, .2083333333vw) rotate(-135deg);
  -webkit-transform-origin: .1388888889vw .1388888889vw;
  transform-origin: .1388888889vw .1388888889vw;
  background: var(--clr-blue);
  opacity: 0
}

@media (max-width: 1240px) {
  .contact__list-check:before {
    width: 2.9333333333vw;
    height: 1.0666666667vw;
    border-radius: .5333333333vw;
    -webkit-transform: translate(-1.3333333333vw, .8vw) rotateZ(-135deg);
    transform: translate(-1.3333333333vw, .8vw) rotate(-135deg);
    -webkit-transform-origin: .5333333333vw .5333333333vw;
    transform-origin: .5333333333vw .5333333333vw
  }
}

.contact__list-check:after {
  top: 50%;
  left: 50%;
  width: 1.1805555556vw;
  height: .2777777778vw;
  border-radius: .1388888889vw;
  -webkit-transform: translate(-.3472222222vw, .2083333333vw) rotateZ(-45deg);
  transform: translate(-.3472222222vw, .2083333333vw) rotate(-45deg);
  -webkit-transform-origin: .1388888889vw .0694444444vw;
  transform-origin: .1388888889vw .0694444444vw;
  background: var(--clr-blue);
  opacity: 0
}

@media (max-width: 1240px) {
  .contact__list-check:after {
    width: 4.5333333333vw;
    height: 1.0666666667vw;
    border-radius: .5333333333vw;
    -webkit-transform: translate(-1.3333333333vw, .8vw) rotateZ(-45deg);
    transform: translate(-1.3333333333vw, .8vw) rotate(-45deg);
    -webkit-transform-origin: .5333333333vw .2666666667vw;
    transform-origin: .5333333333vw .2666666667vw
  }
}

.contact__list-check:checked:before, .contact__list-check:checked:after {
  opacity: 1
}

.contact__list-lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

@media (max-width: 1240px) {
  .contact__list-lead {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
  }
}

.contact__list-lead p {
  font-size: .8333333333vw;
  font-weight: 500;
  margin: 0
}

@media (max-width: 1240px) {
  .contact__list-lead p {
    font-size: 3.2vw
  }
}

.contact__list-textbox {
  width: 100%;
  padding: .5555555556vw 1.3888888889vw;
  border: .0694444444vw solid var(--clr-border-gray-2);
  border-radius: .4166666667vw;
  background: #fff;
  font-size: 1em;
  line-height: 1.5
}

@media (max-width: 1240px) {
  .contact__list-textbox {
    width: 100%;
    height: 10.6666666667vw;
    padding: 1.6vw 2.6666666667vw;
    border: .2666666667vw solid var(--clr-border-gray-2);
    border-radius: 1.6vw
  }
}

.contact__list-textbox:focus-visible {
  outline: #3690ff auto .0694444444vw
}

@media (max-width: 1240px) {
  .contact__list-textbox:focus-visible {
    outline: #3690ff auto .2666666667vw
  }
}

.contact__list-textbox.-error {
  color: var(--clr-error);
  border-color: var(--clr-error)
}

.contact__list-others {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 46.5972222222vw
}

@media (max-width: 1240px) {
  .contact__list-others {
    display: block;
    width: 100%
  }
}

.contact__list-textarea {
  width: 100%;
  height: 17.3611111111vw;
  border: .0694444444vw solid #999999;
  border-radius: .4166666667vw;
  font-size: .9722222222vw;
  font-weight: 500;
  padding: .5555555556vw;
  resize: vertical
}

@media (max-width: 1240px) {
  .contact__list-textarea {
    height: 66.6666666667vw;
    border: .2666666667vw solid #999999;
    border-radius: 1.6vw;
    font-size: 3.7333333333vw;
    padding: 1.6vw
  }
}

.contact__list-textarea:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 .0694444444vw #3690ff inset;
  box-shadow: 0 0 0 .0694444444vw #3690ff inset
}

@media (max-width: 1240px) {
  .contact__list-textarea:focus {
    -webkit-box-shadow: 0 0 0 .2666666667vw #3690ff inset;
    box-shadow: 0 0 0 .2666666667vw #3690ff inset
  }
}

.contact__list-textarea.-error {
  color: var(--clr-error);
  border-color: var(--clr-error)
}

.contact__list-inquiry {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width: 1240px) {
  .contact__list-inquiry {
    display: block
  }
}

.contact__list-inquiry-ttl {
  width: 10.1388888889vw
}

@media (max-width: 1240px) {
  .contact__list-inquiry-ttl {
    width: 100%
  }
}

.contact__list-item {
  background-color: #fff;
  border-radius: .6944444444vw;
  padding: 2.7777777778vw 6.1111111111vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width: 1240px) {
  .contact__list-item {
    display: block;
    padding: 5.3333333333vw 4vw;
    border-radius: 2.6666666667vw
  }
}

.contact__list-item h5 {
  font-size: 1.1111111111vw;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.contact__list-item h5.-column {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (max-width: 1240px) {
  .contact__list-item h5 {
    font-size: 4.2666666667vw;
    margin-bottom: 2.9333333333vw
  }
}

.contact__list-item h5 span.-required {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .8333333333vw;
  font-weight: 500;
  border: .0694444444vw solid var(--clr-error);
  color: var(--clr-error);
  padding: .1388888889vw .2083333333vw;
  margin-right: .5555555556vw
}

@media (max-width: 1240px) {
  .contact__list-item h5 span.-required {
    font-size: 3.2vw;
    border: .2666666667vw solid var(--clr-error);
    padding: .5333333333vw .8vw;
    margin-right: 2.1333333333vw
  }
}

.contact__list-item h5 span.-sub {
  font-size: .8333333333vw;
  font-weight: 500;
  line-height: 175%
}

@media (max-width: 1240px) {
  .contact__list-item h5 span.-sub {
    font-size: 2.9333333333vw
  }
}

.contact__list-item ul li {
  margin-bottom: 1.0416666667vw
}

@media (max-width: 1240px) {
  .contact__list-item ul li {
    margin-bottom: 4vw
  }
}

.contact__list-item ul li:last-child {
  margin-bottom: 0
}

@media (max-width: 1240px) {
  .contact__list-item ul li:last-child {
    margin-bottom: 4vw
  }
}

.contact__list-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.125vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}

@media (max-width: 1240px) {
  .contact__list-item-inner {
    gap: 6.6666666667vw
  }
}

.contact__list-item-inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4305555556vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (max-width: 1240px) {
  .contact__list-item-inner ul {
    gap: 5.3333333333vw
  }
}

.contact__list-item-inner ul.-checkboxes {
  gap: .9722222222vw
}

@media (max-width: 1240px) {
  .contact__list-item-inner ul.-checkboxes {
    gap: 3.4666666667vw
  }
}

.contact__list-item-inner ul.-checkboxes li {
  margin-bottom: 0
}

.contact__list-item-inner-title {
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: .0666666667vw;
  padding-bottom: 2.0833333333vw;
  border-bottom: 1px solid var(--clr-black)
}

@media (max-width: 1240px) {
  .contact__list-item-inner-title {
    font-size: 5.3333333333vw;
    letter-spacing: .256vw;
    padding-bottom: 4vw
  }
}

.contact__list-unit {
  font-size: 1.25vw;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.contact__list-unit.-list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.contact__list-unit.-list label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: .6944444444vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--212121, #212121);
  cursor: pointer;
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 175%;
  letter-spacing: unset
}

.contact__list-unit.-list label input {
  margin: 0 !important
}

@media (max-width: 1240px) {
  .contact__list-unit.-list label {
    gap: 2.6666666667vw;
    font-size: 3.7333333333vw
  }
}

@media (max-width: 1240px) {
  .contact__list-unit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 3.7333333333vw;
    max-width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.contact__list-unit.-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.contact__list-unit.-radio, .contact__list-unit.-f-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.contact__list-required {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: .5555555556vw;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

@media (max-width: 1240px) {
  .contact__list-required {
    gap: 2.1333333333vw;
    margin-bottom: 2.1333333333vw
  }
}

.contact__list-required p {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .8333333333vw;
  font-weight: 500;
  border: .0694444444vw solid var(--clr-error);
  color: var(--clr-error);
  padding: .1388888889vw .2083333333vw
}

@media (max-width: 1240px) {
  .contact__list-required p {
    font-size: 3.2vw;
    border: .2666666667vw solid var(--clr-error);
    padding: .5333333333vw .8vw
  }
}

.contact__input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: .2208333333vw;
  width: 100%;
  max-width: 41.6666666667vw;
  position: relative
}

@media (max-width: 1240px) {
  .contact__input-box {
    gap: .848vw;
    max-width: 100%
  }
}

.contact__input-box.-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.3888888889vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (max-width: 1240px) {
  .contact__input-box.-radio {
    gap: 4vw
  }
}

.contact__input-box span.-yen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 1.0416666667vw
}

@media (max-width: 1240px) {
  .contact__input-box span.-yen {
    gap: 3.7333333333vw
  }
}

.contact__input-box span.-yen input {
  max-width: 95%
}

.contact__input-box label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.2916666667vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  font-size: 1.3888888889vw;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: .0555555556vw
}

@media (max-width: 1240px) {
  .contact__input-box label {
    gap: 2.6666666667vw;
    font-size: 4vw;
    letter-spacing: .2133333333vw
  }
}

.contact__input-box input[type=radio] {
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #a1a1a1;
  border-radius: 50%;
  min-width: 1.6666666667vw;
  min-height: 1.6666666667vw;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: border .15s;
  transition: border .15s
}

@media (max-width: 1240px) {
  .contact__input-box input[type=radio] {
    min-width: 6.4vw;
    min-height: 6.4vw
  }
}

.contact__input-box input[type=radio]:checked {
  border: .4166666667vw solid #616161
}

@media (max-width: 1240px) {
  .contact__input-box input[type=radio]:checked {
    border: 1.6vw solid #616161
  }
}

.contact__input-box input[type=radio]:focus {
  outline: none
}

.contact__privacy {
  margin-top: 2.7777777778vw
}

@media (max-width: 1240px) {
  .contact__privacy {
    margin-top: 5.3333333333vw
  }
}

.contact__privacy-link {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width: 1240px) {
  .contact__privacy-link {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
}

.contact__privacy-check {
  background-color: #fff;
  border-radius: .2777777778vw;
  border: .0694444444vw solid #999999;
  width: 1.9444444444vw;
  height: 1.9444444444vw;
  top: 0;
  left: 0;
  position: relative;
  display: block;
  cursor: pointer;
  margin-right: .6944444444vw !important
}

@media (max-width: 1240px) {
  .contact__privacy-check {
    border-radius: 1.0666666667vw;
    border: .2666666667vw solid #999999;
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    margin-right: 2.6666666667vw;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
}

.contact__privacy-check:before, .contact__privacy-check:after {
  content: "";
  display: block;
  position: absolute
}

.contact__privacy-check:before {
  top: 50%;
  left: 50%;
  width: .7638888889vw;
  height: .2777777778vw;
  border-radius: .1388888889vw;
  -webkit-transform: translate(-.3472222222vw, .2083333333vw) rotateZ(-135deg);
  transform: translate(-.3472222222vw, .2083333333vw) rotate(-135deg);
  -webkit-transform-origin: .1388888889vw .1388888889vw;
  transform-origin: .1388888889vw .1388888889vw;
  background: var(--clr-blue);
  opacity: 0
}

@media (max-width: 1240px) {
  .contact__privacy-check:before {
    width: 2.9333333333vw;
    height: 1.0666666667vw;
    border-radius: .5333333333vw;
    -webkit-transform: translate(-1.3333333333vw, .8vw) rotateZ(-135deg);
    transform: translate(-1.3333333333vw, .8vw) rotate(-135deg);
    -webkit-transform-origin: .5333333333vw .5333333333vw;
    transform-origin: .5333333333vw .5333333333vw
  }
}

.contact__privacy-check:after {
  top: 50%;
  left: 50%;
  width: 1.1805555556vw;
  height: .2777777778vw;
  border-radius: .1388888889vw;
  -webkit-transform: translate(-.3472222222vw, .2083333333vw) rotateZ(-45deg);
  transform: translate(-.3472222222vw, .2083333333vw) rotate(-45deg);
  -webkit-transform-origin: .1388888889vw .0694444444vw;
  transform-origin: .1388888889vw .0694444444vw;
  background: var(--clr-blue);
  opacity: 0
}

@media (max-width: 1240px) {
  .contact__privacy-check:after {
    width: 4.5333333333vw;
    height: 1.0666666667vw;
    border-radius: .5333333333vw;
    -webkit-transform: translate(-1.3333333333vw, .8vw) rotateZ(-45deg);
    transform: translate(-1.3333333333vw, .8vw) rotate(-45deg);
    -webkit-transform-origin: .5333333333vw .2666666667vw;
    transform-origin: .5333333333vw .2666666667vw
  }
}

.contact__privacy-check:checked:before, .contact__privacy-check:checked:after {
  opacity: 1
}

.contact__privacy-send {
  font-size: 1.3888888889vw;
  font-weight: 500;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: .6944444444vw;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (max-width: 1240px) {
  .contact__privacy-send {
    font-size: 4.2666666667vw
  }
}

.contact__privacy-send a {
  -webkit-text-decoration: underline #999999;
  text-decoration: underline #999999;
  color: var(--clr-black);
  font-size: 1.3888888889vw
}

@media (max-width: 1240px) {
  .contact__privacy-send a {
    font-size: 5.3333333333vw
  }
}

.contact__privacy-text {
  font-size: .9722222222vw;
  font-weight: 500;
  color: var(--clr-error)
}

@media (max-width: 1240px) {
  .contact__privacy-text {
    font-size: 3.7333333333vw
  }
}

.contact__privacy-errors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: .6944444444vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: .6944444444vw
}

@media (max-width: 1240px) {
  .contact__privacy-errors {
    gap: 1.3333333333vw;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 1.3333333333vw
  }
}

.contact__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 22.2222222222vw;
  padding: 1.3888888889vw 2.4305555556vw;
  margin: 2.7777777778vw auto 0;
  background-color: #fff;
  color: var(--clr-black);
  border: .0694444444vw solid var(--clr-black);
  font-size: 1.3888888889vw;
  font-weight: 700;
  letter-spacing: .1388888889vw;
  border-radius: .2777777778vw;
  -webkit-transition: color .3s, background-color .3s, border .3s;
  transition: color .3s, background-color .3s, border .3s
}

@media (max-width: 1240px) {
  .contact__btn {
    max-width: 100%;
    padding: 5.3333333333vw 13.3333333333vw;
    border: .2666666667vw solid var(--clr-black);
    font-size: 5.3333333333vw;
    border-radius: 1.0666666667vw
  }
}

.contact__btn.-confirm {
  margin: 0 auto
}

.contact__btn span {
  width: 100%;
  text-align: center
}

.contact__btn svg {
  width: 100%;
  max-width: 1.3888888889vw
}

@media (max-width: 1240px) {
  .contact__btn svg {
    max-width: 5.3333333333vw
  }
}

.contact__btn svg * {
  fill: var(--clr-black)
}

.contact__btn:hover {
  color: #fff;
  background-color: var(--clr-error);
  border: .0694444444vw solid var(--clr-error)
}

@media (max-width: 1240px) {
  .contact__btn:hover {
    border: .2666666667vw solid var(--clr-error)
  }
}

.contact__btn:hover svg * {
  fill: var(--clr-white);
  stroke: var(--clr-error)
}

.contact__btn[disabled] {
  pointer-events: none;
  background-color: var(--clr-contact-gray);
  border: .0694444444vw solid var(--clr-border-gray-2);
  color: var(--clr-border-gray-2)
}

@media (max-width: 1240px) {
  .contact__btn[disabled] {
    border: .2666666667vw solid var(--clr-border-gray-2)
  }
}

.contact__btn[disabled] svg * {
  fill: var(--clr-border-gray-2)
}

.contact__confirm {
  background-color: var(--clr-white);
  padding: 2.7777777778vw 6.1111111111vw;
  border-radius: .6944444444vw
}

@media (max-width: 1240px) {
  .contact__confirm {
    padding: 5.3333333333vw 4vw;
    border-radius: 2.6666666667vw
  }
}

.contact__confirm-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3.4722222222vw
}

@media (max-width: 1240px) {
  .contact__confirm-list {
    display: block;
    margin-bottom: 8vw
  }
}

.contact__confirm-list h5 {
  width: 15.4861111111vw;
  font-size: 1.1111111111vw;
  font-weight: 700;
  margin: 0 2.9166666667vw 0 0
}

@media (max-width: 1240px) {
  .contact__confirm-list h5 {
    width: 100%;
    font-size: 4.2666666667vw;
    margin: 0 0 2.6666666667vw
  }
}

.contact__confirm-list-input {
  width: 100%
}

.contact__confirm-list-input p {
  font-size: 1.1111111111vw;
  font-weight: 500;
  word-wrap: break-word
}

@media (max-width: 1240px) {
  .contact__confirm-list-input p {
    font-size: 4.2666666667vw
  }
}

.contact__confirm-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 1240px) {
  .contact__confirm-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.6666666667vw
  }
}

.contact__confirm-list-item h5 {
  min-width: 15.4861111111vw;
  font-size: 1.1111111111vw;
  font-weight: 700
}

@media (max-width: 1240px) {
  .contact__confirm-list-item h5 {
    min-width: unset;
    width: 100%;
    font-size: 4.2666666667vw
  }
}

.contact__confirm-list-item h5 span.-sub {
  font-size: .8333333333vw;
  font-weight: 500;
  line-height: 175%
}

@media (max-width: 1240px) {
  .contact__confirm-list-item h5 span.-sub {
    font-size: 2.9333333333vw
  }
}

.contact__confirm-list-inquiry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 1240px) {
  .contact__confirm-list-inquiry {
    display: block
  }
}

.contact__confirm-list-inquiry h5 {
  width: 15.4861111111vw;
  font-size: 1.1111111111vw;
  font-weight: 700;
  margin: 0 2.9166666667vw 0 0
}

@media (max-width: 1240px) {
  .contact__confirm-list-inquiry h5 {
    width: 100%;
    font-size: 4.2666666667vw;
    margin: 0 0 2.6666666667vw
  }
}

.contact__confirm-list-inquiry-input {
  width: 30.5555555556vw
}

@media (max-width: 1240px) {
  .contact__confirm-list-inquiry-input {
    width: 100%
  }
}

.contact__confirm-list-inquiry-input p {
  font-size: 1.1111111111vw;
  font-weight: 500;
  margin: 0 0 .6944444444vw
}

@media (max-width: 1240px) {
  .contact__confirm-list-inquiry-input p {
    font-size: 4.2666666667vw;
    margin: 0 0 8vw
  }
}

.contact__confirm-list-inquiry-input p:last-child {
  margin: 0
}

@media (max-width: 1240px) {
  .contact__confirm-list-inquiry-input p:last-child {
    margin: 0 0 8vw
  }
}

.contact__confirm-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 22.2222222222vw;
  height: 4.8611111111vw;
  margin: 0 auto;
  background-color: #fff;
  color: var(--clr-black);
  border: .0694444444vw solid var(--clr-black);
  font-size: 1.3888888889vw;
  font-weight: 700;
  letter-spacing: .1388888889vw;
  border-radius: .2777777778vw;
  -webkit-transition: .3s;
  transition: .3s
}

@media (max-width: 1240px) {
  .contact__confirm-btn {
    width: 85.3333333333vw;
    height: 18.6666666667vw;
    border: .2666666667vw solid var(--clr-black);
    font-size: 5.3333333333vw;
    border-radius: 1.0666666667vw
  }
}

.contact__confirm-btn:hover {
  color: #fff;
  background-color: var(--clr-error);
  border: .0694444444vw solid var(--clr-error)
}

@media (max-width: 1240px) {
  .contact__confirm-btn:hover {
    border: .2666666667vw solid var(--clr-error)
  }
}

.contact__confirm-btn:hover .contact__confirm-arrow:before {
  background: #fff
}

.contact__confirm-btn:hover .contact__confirm-arrow:after {
  border-top: .1388888889vw solid var(--clr-error);
  border-right: .1388888889vw solid var(--clr-error)
}

@media (max-width: 1240px) {
  .contact__confirm-btn:hover .contact__confirm-arrow:after {
    border-top: .5333333333vw solid var(--clr-error);
    border-right: .5333333333vw solid var(--clr-error)
  }
}

.contact__confirm-arrow:before, .contact__confirm-arrow:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2.4305555556vw;
  margin: auto;
  content: "";
  vertical-align: middle;
  -webkit-transition: .3s;
  transition: .3s
}

@media (max-width: 1240px) {
  .contact__confirm-arrow:before, .contact__confirm-arrow:after {
    right: 9.3333333333vw
  }
}

.contact__confirm-arrow:before {
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  border-radius: 50%;
  background: var(--clr-black)
}

@media (max-width: 1240px) {
  .contact__confirm-arrow:before {
    width: 5.3333333333vw;
    height: 5.3333333333vw
  }
}

.contact__confirm-arrow:after {
  right: 2.9861111111vw;
  width: .4861111111vw;
  height: .4861111111vw;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media (max-width: 1240px) {
  .contact__confirm-arrow:after {
    right: 11.4666666667vw;
    width: 1.8666666667vw;
    height: 1.8666666667vw
  }
}

.contact__confirm-list-textbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.3888888889vw
}

@media (max-width: 1240px) {
  .contact__confirm-list-textbox {
    gap: 5.3333333333vw
  }
}

.contact__confirm-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.contact__confirm-back:hover {
  opacity: .7
}

.contact__confirm-back-arrow {
  color: var(--clr-black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: .6944444444vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1240px) {
  .contact__confirm-back-arrow {
    gap: 2.6666666667vw
  }
}

.contact__confirm-back-arrow svg {
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  overflow: visible
}

@media (max-width: 1240px) {
  .contact__confirm-back-arrow svg {
    width: 5.3333333333vw;
    height: 5.3333333333vw
  }
}

.contact__confirm-back-arrow span {
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 180%
}

@media (max-width: 1240px) {
  .contact__confirm-back-arrow span {
    font-size: 4.2666666667vw
  }
}

.contact__thanks {
  margin-top: 8.3333333333vw
}

@media (max-width: 1240px) {
  .contact__thanks {
    margin-top: 3.2vw
  }
}

.contact__thanks h3 {
  font-size: 1.9444444444vw;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 3.4722222222vw;
  line-height: 1.75
}

@media (max-width: 1240px) {
  .contact__thanks h3 {
    font-size: 5.3333333333vw;
    margin-bottom: 4vw
  }
}

.contact__thanks p {
  font-size: 1.3888888889vw;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 5.5555555556vw;
  line-height: 1.75
}

@media (max-width: 1240px) {
  .contact__thanks p {
    font-size: 4.2666666667vw;
    margin-bottom: 13.3333333333vw
  }
}

.contact__thanks-top {
  position: relative;
  width: 8.8888888889vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 175%;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  margin-bottom: 8.3333333333vw
}

@media (max-width: 1240px) {
  .contact__thanks-top {
    width: 32vw;
    font-size: 4.2666666667vw;
    margin-bottom: 13.3333333333vw;
    padding: 0
  }
}

.contact__thanks-top:hover {
  opacity: .7
}

.contact .error-message {
  margin: 0;
  color: var(--clr-error);
  font-size: .8333333333vw;
  font-weight: 500;
  position: absolute;
  bottom: -1.4583333333vw
}

@media (max-width: 1240px) {
  .contact .error-message {
    font-size: 3.2vw;
    position: unset
  }
}

.contact .error-message.-relative {
  position: unset
}