.contact-v4__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .contact-v4__left {
    margin-bottom: 0;
    padding: 10rem;
  }
}

.contact-v4__title {
  color: rgba(var(--color-foreground));
  font-size: calc(var(--font-heading-scale) * 3.4rem);
  font-weight: 500;
}
@media (min-width: 768px) {
  .contact-v4__title {
    padding-bottom: 1.5rem;
  }
}

.contact-v4__sub-title {
  font-size: calc(var(--font-body-scale) * 1.5rem);
  color: rgba(var(--color-foreground));
  line-height: calc(1 + 0.4 / var(--font-body-scale));
  margin-bottom: 1.5rem;
}
.contact-v4__sub-title a {
  color: rgba(var(--color-foreground), 0.5);
}

@media (min-width: 768px) {
  .contact-v4__box {
    padding-top: 2rem;
  }
}

.contact-v4__box-wrap {
  display: flex;
  gap: 1.5rem;
  width: 100%;
}
@media (min-width: 768px) {
  .contact-v4__box-wrap {
    gap: 3.5rem;
  }
}

.contact-v4__svg svg {
  width: 3rem;
  height: 3rem;
}
.contact-v4__svg svg path {
  fill: rgba(var(--color-foreground));
}

.contact-v4__info-box {
  display: flex;
  flex-direction: column;
}

.contact-v4__title-box {
  color: rgba(var(--color-foreground));
  font-size: calc(var(--font-body-scale) * 1.8rem);
  line-height: calc(1 + 0.08 / var(--font-body-scale));
  font-weight: 500;
  margin-bottom: 1rem;
}

.contact-v4__title-sub-box {
  font-size: calc(var(--font-body-scale) * 1.5rem);
  margin-bottom: 0;
  color: rgba(var(--color-foreground), 0.5);
  line-height: 2rem;
}

.contact-v4__map {
  height: 100%;
}
.contact-v4__map iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .contact-v4__map iframe {
    height: 70dvh;
  }
}
.contact-v4__map a {
  display: block;
  height: 100%;
}
.contact-v4__map .xo-image {
  height: 100%;
}
.contact-v4__map img {
  height: 100%;
}