.contact-page .auto-scroll {
  margin-top: 20.6rem;
}
@media (max-width: 768px) {
  .contact-page .auto-scroll {
    margin-top: 11rem;
  }
}

.contact-page .page-title {
  margin: 0 2rem 8rem 2rem;
  padding: 0 8%;
  border-bottom: 3px solid #6B717C;
  padding-bottom: 8rem;
}
@media (max-width: 768px) {
  .contact-page .page-title {
    padding: 0;
    margin: 0 1.5rem 4rem 1.5rem;
    padding-bottom: 4rem;
  }
}

.contact-page .page-title h1 {
  font-size: clamp(2.4rem, 1.737rem + 1.768vw, 4rem);
  font-weight: bold;
}

.contact-page .page-title div {
  display: flex;
  font-size: clamp(1.4rem, 1.3rem + 0.5vw, 1.6rem);
}

.contact-page .page-title div a {
  margin-right: 0.5rem;
}

.contact-page .contact-page__inner {
  margin: 0 8%;
}
@media (max-width: 768px) {
  .contact-page .contact-page__inner {
    margin: 0 1.5rem;
  }
}

.contact-page .contact-page__inner p {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .contact-page .contact-page__inner p {
    margin-bottom: 2rem;
  }
}

.contact-page .contact-page__inner--contents {
  display: flex;
  gap: 4rem;
  justify-content: center;
  margin-bottom: 12rem;
}
@media (max-width: 768px) {
  .contact-page .contact-page__inner--contents {
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 8rem;
  }
}

.contact-page .contact-page__inner--contents .contact-page__inner--content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 58rem;
  height: 30rem;
  border-radius: 8px;
  width: 100%;
}
@media (max-width: 768px) {
  .contact-page .contact-page__inner--contents .contact-page__inner--content {
    padding: 4rem 3rem;
  }
}

.contact-page .contact-page__inner--contents .contact-page__inner--content:nth-child(1) {
  background-color: #88D2DF;
}

.contact-page .contact-page__inner--contents .contact-page__inner--content:nth-child(2) {
  background-color: #3773A0;
}
.contact-page .contact-page__inner--contents .contact-page__inner--content:nth-child(2) h4 {
  color: #FFFFFF;
}
.contact-page .contact-page__inner--contents .contact-page__inner--content:nth-child(2) p {
  color: #FFFFFF;
}
.contact-page .contact-page__inner--contents .contact-page__inner--content:nth-child(2) a p {
  color: #101A2A;
}

.contact-page .contact-page__inner--contents .contact-page__inner--content h4 {
  font-size: clamp(1.8rem, 1.5rem + 1.4vw, 2.4rem);
  font-weight: bold;
  margin-bottom: 2rem;
}

.contact-page .contact-page__inner--contents .contact-page__inner--content p {
  text-align: center;
  margin-bottom: 0;
}

.contact-page .contact-page__inner--contents .contact-page__inner--content a {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  margin-top: 4rem;
  background-color: #FFFFFF;
  padding: 2rem;
  border-radius: 4px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-page .contact-page__inner--contents .contact-page__inner--content a:hover {
  transform: translateY(-4px) scale(1.02);
  opacity: 1;
}

.contact-page .contact-page__inner--contents .contact-page__inner--content a img {
  width: 1.6rem;
}/*# sourceMappingURL=p-contact.css.map */