.vs-page-contact .vs-contact-list {
  align-self: stretch;
  max-width: 545px;
  padding-block: 16px;
  border-block: 1px solid var(--c-line);
}
.vs-page-contact .vs-contact-list__mail { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.vs-page-contact .vs-contact-list__mail a { text-decoration-line: none; }
.vs-page-contact .vs-contact-list__mail a:hover { text-decoration-line: underline; }
.vs-page-contact .vs-contact-aside {
  justify-content: center;
  gap: 28px;
  padding: 40px;
}
.vs-page-contact .vs-contact-aside__title {
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  letter-spacing: var(--ls-h2);
  color: #fff;
}
.vs-page-contact .vs-contact-aside__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--c-line-on-dark);
}
.vs-page-contact .vs-contact-aside__item {
  padding: 18px 0;
  border-bottom: 1px solid var(--c-line-on-dark);
}
.vs-page-contact .vs-contact-aside__term {
  max-width: 545px;
  font-size: var(--fs-lede);
  line-height: var(--lh-lede);
  color: #fff;
  text-wrap: pretty;
}
.vs-page-contact .vs-contact-aside__text {
  margin-top: 4px;
  max-width: 545px;
  font-size: var(--fs-small);
  line-height: var(--lh-small);
  color: var(--vs-cloud);
  text-wrap: pretty;
}
.vs-page-contact .vs-contact-aside .vs-note { margin-top: 0; max-width: 545px; }

@media (max-width: 1024px) {
  .vs-page-contact .vs-contact-aside { padding: 30px; }
}

@media (max-width: 767px) {
  .vs-page-contact .vs-contact-aside { padding: 30px 16px; gap: 24px; }
}
.vs-page-contact .vs-faq { margin-top: 64px; }

@media (max-width: 1024px) {
  .vs-page-contact .vs-faq { margin-top: 48px; }
}

@media (max-width: 767px) {
  .vs-page-contact #write > .vs-pair__visual { min-height: 0; }
  .vs-page-contact .vs-faq { margin-top: 32px; }
}