.web-result_flex {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.web-result_sp {
  width: 30%;
  padding: 0 5px 0 0;
}
.web-result_pc {
  width: 70%;
  padding: 0 5px 0 5px;
  margin: 0 auto;
}
.web-result_flex img {
  max-width: 100%;
  margin-bottom: 10px;
  display: block;
  margin: 0 auto 10px;
}

/*スマホで折り返さない*/
 /*.web-result_flex {
 display: block;
  margin-bottom: 20px;
}
.web-result_sp {
  width: 100%;
  margin: 0 auto;
}
.web-result_pc {
  width: 100%;
  margin: 20px auto 0;
}
*/

.web-result_img-block {
  border: 1px solid lightgray;
  position: relative;
  margin-left: 3.5em;
  margin-top: 50px;
}

.stepcircle {
  display: flex;
  width: 8em;
  height: 8em;
  content: "";
  border-radius: 50%;
  background-color: #dd8499;
  color: #fff;
  text-align: center;

  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto -4em;
}

.web-result_img-block_w-small .stepcircle {
  width: 7em;
  height: 7em;
  margin: auto -3.5em;
}
.stepcircle_gray {
  background-color: #898989;
}
.stepcircle span {
  display: inline-block;
  /*line-height: 1.2em;*/
  font-weight: bold;
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto;
}
.web-result_img-block_w-small .stepcircle span {
  font-size: 1.2em;
}

.stepcircle_num {
  font-size: 1.8em;
  font-family: math;
}

.web-result_step {
  padding: 0 10px 10px 60px;
}
.web-result_flex p {
  text-align: center;
  color: #dd8499;
  font-size: 0.8em;
}
@media (min-width: 768px) {
  .stepcircle {
    width: 10em;
    height: 10em;
    margin: auto -5em;
  }
  .web-result_step {
    padding: 30px 20px 30px 150px;
  }
  .web-result_step02 p {
    text-align: center;
  }
  .web-result_img-block_w-small {
    width: 90%;
    margin-left: auto;
  }
  .web-result_img-block_w-small .stepcircle {
    width: 8em;
    height: 8em;
    margin: auto -4em;
  }
  .web-result_pc {
    padding-left: 20px;
  }
}