.common-step ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px auto 40px;
    max-width: 1000px;
}
.common-step li{
    width: calc(25% - 5px);
    position: relative;
    margin-right: 5px;
    text-align: center;
}
.common-step li:after{
    background-image:url(/common/images/step_arrow.svg);
    background-repeat: no-repeat;
    content:"";
    display:block;
    width:15px;
    height:28px;
    position:absolute;
    right: -12px;
    top: 100px;
}
.common-step li:last-child::after{
    display:none;
}
.common-step li p{
    width: 90%;
    text-align: left;
    margin: 10px auto 30px;
    font-size: 14px;
}

@media only screen and (max-width: 750px) {
  .common-step ul{
      margin:20px 0 20px 0;
  }
  .common-step li{
      width:calc(100%);
      position:relative;
      margin-right:0;
      margin-bottom:20px;
  }
  .common-step li:after{
      position:absolute;
      right:auto;
      top:auto;
      bottom:-30px;
      left: 50%;
      transform: translateX(-50%)  rotate(90deg);
      -webkit- transform: translateX(-50%)  rotate(90deg);
  }
  .common-step li img{
      width:calc(100%);
  }
  .common-step li p{
      width: 90%;
      margin: 10px 5%;
      font-size: 12px;
  }
}