.frame-border {
  position: relative;
  z-index: 1;
}
.frame-border.-gray .frame_item {
  border-right-color: rgb(139, 152, 158);
}
@media only screen and (max-width: 640px) {
  .frame-border.-gray .frame_item {
    border-bottom-color: rgb(139, 152, 158);
  }
}
.frame-border.-red .frame_item {
  border-right-color: rgb(255, 0, 0);
}
@media only screen and (max-width: 640px) {
  .frame-border.-red .frame_item {
    border-bottom-color: rgb(255, 0, 0);
  }
}
.frame_container {
  margin: 4rem -3rem 0;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  .frame_container {
    margin: 6.25vw 0 0;
    flex-direction: column;
  }
}
.frame_item {
  padding: 0 3rem;
  width: 33.3333333333%;
  border-right: solid 2px;
  font-size: 1.8rem;
  line-height: 1.6;
}
@media only screen and (max-width: 640px) {
  .frame_item {
    margin-bottom: 6.25vw;
    padding: 0 0 6.25vw;
    width: 100%;
    border-right: none;
    border-bottom: solid 2px;
  }
}
.frame_item:last-child {
  border: none;
  margin-bottom: 0;
}
.frame_title {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 2.4rem;
  line-height: 1.3;
}
@media only screen and (max-width: 640px) {
  .frame_title {
    font-size: 5vw;
  }
}

.agent_container {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  .agent_container {
    display: block;
  }
}
.agent_body {
  margin-bottom: 3.6rem;
  width: 54rem;
}
@media only screen and (max-width: 640px) {
  .agent_body {
    width: 100%;
  }
}
.agent_image {
  width: 52rem;
}
@media only screen and (max-width: 640px) {
  .agent_image {
    width: 100%;
  }
}

.user_image {
  margin: -6rem auto 0;
  width: 92rem;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  .user_image {
    margin: -4.6875vw auto 0;
    width: 100%;
  }
}
.user_image_arrow {
  text-align: center;
  margin: 0 auto 3em;
}/*# sourceMappingURL=user.css.map */