.page-contact {
}

@media only screen and (min-width: 768px) {
  .reach-list {
    --gap: 0.25rem;
    --item-margin-bottom: 0;
  }
}

.reach-list-item {
  height: 100%;
}

.reach-list-item .meta {
  box-sizing: border-box;
  height: 100%;
  border-radius: 0.3rem;
  background: rgba(244, 244, 248, 1);
  padding: var(--padding48) var(--padding48) var(--padding36);
}

.reach-list-item .title {
  color: rgba(7, 18, 61, 1);
  font-size: var(--font36);
  font-weight: 700;
  margin-bottom: 0.16rem;
}

.reach-list-item .desc {
  color: rgba(38, 48, 86, 1);
  font-size: var(--font26);
  line-height: 1.3;
}

.reach-list-item .icon {
  margin-bottom: 0.12rem;
  height: var(--icon66);
}

.reach-list-item .icon img {
  max-height: 100%;
}

@media screen and (max-width: 767px) {
  .reach-list-item .meta {
    padding: 28px 24px;
  }

  .reach-list-item .title {
    margin-bottom: 4px;
  }

  .reach-list-item .desc {
    line-height: 1.5;
  }

  .reach-list-item .icon {
    margin-bottom: 8px;
  }
}

.r1 .flex-box-left {
  padding-right: var(--padding100);
}

.r1 .flex-box-left img {
  border-radius: 0.48rem;
}

.form-area {
  box-sizing: border-box;
  height: 100%;
  border-radius: 0.48rem;
  background: rgba(244, 244, 248, 1);
  padding: var(--padding8) var(--padding40);
}

.form-title {
  color: rgba(7, 18, 61, 1);
  font-size: 0.26rem;
  font-weight: 700;
  padding: var(--padding24) 0;
  margin-bottom: 0.24rem;
}

@media screen and (max-width: 767px) {
  .form-title {
    font-size: 16px;
    margin-bottom: 0;
  }
}