.banner_join {
  width: 100% !important;
}
.banner_join .text3 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -10%);
  color: #fff;
}
.banner_join .text3 h2 {
  width: 100%;
  font-size: 4.6875vw;
  font-weight: normal;
  text-align: center;
}
.banner_join .text3 p {
  text-align: center;
  font-size: 2.5vw;
  margin-top: 0.52083333vw;
}
.join_content {
  padding-top: 6.04166667vw;
  box-sizing: border-box;
}
.join_content .lr {
  width: 0.98958333vw;
  margin: 0 auto;
}
.join_content .content_text,
.join_content .content_text2 {
  width: 100%;
  margin-top: 3.33333333vw;
}
.join_content .content_text p,
.join_content .content_text2 p {
  width: 100%;
  text-align: center;
  font-size: 1.66666667vw;
  color: #082967;
}
.join_content .content {
  width: 100%;
  position: relative;
  margin-top: 8.02083333vw;
  background-image: url(../../img/bg1.png);
  background-repeat: repeat;
  padding-top: 2.08333333vw;
  padding-bottom: 2.08333333vw;
}
.join_content .content .content_body {
  background-color: #fff;
  width: 89.58333333vw;
  margin: 0 auto;
  padding-top: 2.91666667vw;
}
.join_content .content .content_body .item {
  width: 35vw;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin-left: 5.9375vw;
  margin-bottom: 5.72916667vw;
}
.join_content .content .content_body .item h3 {
  font-size: 3.125vw;
  font-weight: normal;
  margin-bottom: 3.22916667vw;
  color: #062967;
}
.join_content .content .content_body .item p {
  font-size: 1.5625vw;
  margin-bottom: 3.75vw;
  color: #062967;
}
.join_content .content .content_body .item .text {
  font-size: 1.35416667vw;
  text-align: left;
  line-height: 2.03125vw;
}
.join_content .post {
  width: 100%;
  background-color: #f6f7f8;
  padding: 2.5vw 5.20833333vw;
  margin-top: 3.54166667vw;
}
.join_content .post .post_content {
  background-color: #fff;
  padding: 2.8125vw 5.83333333vw;
  width: 89.16666667vw;
  box-sizing: border-box;
}
.join_content .post .post_content h3 {
  font-size: 2.5vw;
  font-weight: normal;
  color: #062967;
  margin-bottom: 3.75vw;
}
.join_content .post .post_content .post_dec {
  font-size: 1.875vw;
}
.join_content .post .post_content .title {
  font-size: 1.5625vw;
  margin-bottom: 1.5625vw;
  margin-top: 1.71875vw;
}
.join_content .post .post_content .title img {
  width: 1.09375vw;
  display: inline-block;
  margin-right: 0.83333333vw;
}
.join_content .post .post_content p {
  font-size: 1.35416667vw;
  line-height: 3.125vw;
}
.join_content .seach {
  font-size: 2.08333333vw;
  text-align: center;
  background-color: #f6f7f8;
  padding-bottom: 3.22916667vw;
}
.join_content .seach a {
  display: inline-block;
  color: #062967;
  height: 3.64583333vw;
  border-bottom: 1px solid #062967;
}
.join_content .relation {
  padding-top: 10.20833333vw;
}
.join_content .relation h3 {
  font-size: 3.75vw;
  color: #062967;
  font-weight: normal;
  text-align: center;
}
.join_content .relation .bd {
  height: 2.65625vw;
  width: 5.20833333vw;
  border-bottom: 2px solid #062967;
  margin: 0 auto;
}
.join_content .relation .icons {
  display: flex;
}
.join_content .relation .icons .item {
  flex: 1;
  text-align: center;
  margin-top: 5.625vw;
}
.join_content .relation .icons .item img {
  width: 5.46875vw;
  display: inline-block;
}
.join_content .relation .icons .item p {
  font-size: 1.5625vw;
  margin-top: 2.23958333vw;
}
.join_content .sites {
  width: 45.9375vw;
  margin: 0 auto;
  position: relative;
  margin-top: 4.0625vw;
}
.join_content .sites .site_text1 {
  position: absolute;
  top: 23.4375vw;
  text-align: center;
  color: #062967 !important;
  left: -11.45833333vw;
  font-size: 1.66666667vw;
}
.join_content .sites .site_text2 {
  position: absolute;
  font-size: 2.29166667vw;
  color: #d1d4dc;
  top: 5.72916667vw;
  left: 11.97916667vw;
}
.join_content .sites .site_text3 {
  position: absolute;
  font-size: 2.29166667vw;
  color: #d1d4dc;
  top: 19.79166667vw;
  left: 18.75vw;
}