.outer_wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
}

/*  */
.sub2_05_07_wrap {
  max-width: 1200px;
  margin: 5% auto 5% !important;
  padding: 10px;
}
.sub2_05_07_wrap > h1 {
  color: #165ca1;
  font-size: 30px;
  margin-bottom: 5%;
  font-weight: 800;
}
.sub2_05_07 > h2 {
  color: #165ca1;
  font-size: 25px;
}
.sub2_05_07_wrap > img {
  display: block;
  margin: 0 auto;
  width: 80%;
}
.sub2_05_07 {
  margin-top: 5%;
  color: #666;
  font-size: 17px;
  line-height: 1.8;
}

.sub2_05_07_l_img {
  float: right;
  width: 18% !important;
}

/*  */
.sub2_05_07 > dl {
  width: 100%;
  height: auto;
  overflow: hidden;
  text-align: center;
  margin-top: 60px;
  color: #000;
}
.sub2_05_07 > dl > dt {
  float: left;
  width: 15%;
  padding: 4%;
  margin-right: 10%;
  border-radius: 50%;
  border: 8px solid #165ca1;
  font-size: 20px;
  color: #165ca1;
  font-weight: 800;
}

.sub2_05_07 > dl > dd {
  float: left;
  width: 60%;
  text-align: left;
  margin-top: 4%;
}

.sub2_05_07 > dl > dd > p {
  /* padding: 2%; */
  font-size: 16px;
}

.c666 {
  border: 8px solid #666 !important;
}
.sub2_05_07_02 > dl > dt {
  width: 20%;
  border: 8px solid #165ca1;
  font-size: 20px;
  color: #165ca1;
  font-weight: 800;
  text-align: center;
  padding: 3% 0;
  margin-bottom: 5%;
  display: inline-block;
  border-radius: 20px;
}
.sub2_05_07_02 > dl > dd {
  float: right;
  width: 73%;
  text-align: left;
}

.sub2_05_07_02 > dl > dd > p {
  font-size: 16px;
  line-height: 6;
}

.sub2_05_07_02 h2 {
  color: #165ca1;
  font-size: 25px;
  margin: 6% 0 5%;
}
@media all and (max-width: 1199px) {
  .sub2_05_07_wrap {
    max-width: 1000px;
  }
  .sub2_05_07 > dl > dt {
    padding: 3%;
  }
}
@media all and (max-width: 999px) {
  .sub2_05_07_wrap {
    max-width: 800px;
  }
  .sub2_05_07 > dl > dt {
    padding: 6%;
    width: 24%;
  }
  .sub2_05_07_02 > dl > dd {
    width: 66%;
  }
  .sub2_05_07_02 > dl > dt {
    width: 27%;
    padding: 3%;
  }
  .sub2_05_07_02 > dl > dd > p {
    line-height: 1.5;
    padding-top: 9%;
  }
}
@media all and (max-width: 673px) {
  .sub2_05_07_wrap > h1 {
    font-size: 5vw;
  }
  .sub2_05_07 > h2 {
    font-size: 4vw;
  }
  .sub2_05_07 {
    font-size: 2.8vw;
  }
  .sub2_05_07 > dl > dt {
    float: none;
    width: 100%;
    border-radius: 30px;
    padding: 2.5%;
    font-size: 3vw;
    border: 3px solid #165ca1;
  }
  .sub2_05_07 > dl > dd {
    width: 100%;
    text-align: center;
  }
  .sub2_05_07 > dl > dd > p {
    font-size: 2.8vw;
  }
  .c666 {
    border: 3px solid #666 !important;
  }
  .sub2_05_07_02 h2 {
    font-size: 4vw;
  }
  .sub2_05_07_02 > dl > dt {
    float: none;
    width: 100%;
    border: 3px solid #165ca1;
    font-size: 3vw;
    margin-bottom: 5%;
    border-radius: 30px;
  }
  .sub2_05_07_02 > dl > dd > p {
    font-size: 2.8vw;
    padding-top: 0%;
    padding-bottom: 5%;
  }
  .sub2_05_07_02 > dl > dd {
    width: 100%;
    text-align: center;
  }
  .sub2_05_07 > dl {
    margin-top: 4%;
  }
  .sub2_05_07_wrap {
    margin: 5% auto 20% !important;
  }
  .sub2_05_07_wrap > img {
    width: 100%;
  }
}