@charset "utf-8";
.mr-flex-wrapper-1 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.userpart-1 {
  width: 33.333%;
  position: relative;
}

.userpart-2 {
  width: 33%;
  position: relative;
}

.userpart-1 h4 {
  margin-top: 2vw;
  margin-bottom: 0.8vw;
  font-weight: normal;
  font-size: 1.1458vw;
}

.userpart-1 a,
.userpart-1 p {
  color: #595757;
  font-size: 0.9375vw;
  font-weight: 400;
}

.pt-0 {
  padding-top: 0;
}

.hr-link {
  position: relative;
  display: inline-block;
  margin-top: 1.5vw;
  font-weight: 400 !important;
  color: #3f65a6 !important;
}

.hr-link::after {
  content: ">";
  position: absolute;
  right: -1.2vw;
  color: #3f65a6;
}

.mt-5vw {
  margin-top: 5vw;
}

.mr-contact-us-title-2 {
  font-weight: 600;
  font-size: 1.8vw;
  line-height: 1.1;
  color: #242728;
  padding-top: 1.3vw;
  position: relative;
  margin-bottom: 0;
}

.mr-contact-us-title-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8vw;
  height: 0.3vw;
  background-color: #20b396;
}
.mr-contact-us-title-3 {
  margin-top: 2vw;
  font-weight: normal;
  font-size: 1.1458vw;
}
@media screen and (max-aspect-ratio: 1 / 1) and (max-width: 1200px),
  screen and (max-width: 639px) {
  .mr-flex-wrapper-1 {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .userpart-1 {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
    margin-bottom: 10vw;
  }
  .userpart-2 {
    width: 100%;
    position: relative;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
  }
  .userpart-1 h4 {
    font-size: 5.4vw;
    margin-top: 5vw;
    margin-bottom: 2vw;
  }
  .userpart-1 a,
  .userpart-1 p {
    font-size: 4.26667vw;
  }
  .hr-link {
    margin-top: 5vw;
  }
  .hr-link::after {
    right: -4.5vw;
  }
  .mr-contact-us-title-2 {
    font-size: 7.6vw;
    padding-top: 5vw;
  }
  .mr-contact-us-title-2::before {
    width: 11vw;
    height: 1.5vw;
  }
  .mr-contact-us-title-3 {
    font-size: 5.4vw;
    margin-top: 5vw;
  }
}