.flowContent .block {
  border: 3px solid #F0F4F8;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}
.flowContent .block::after {
  content: "";
  display: block;
  width: 50px;
  height: 15px;
  background: url(../images/flow_bector.png) no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: -17px;
  left: 0;
  right: 0;
  margin: auto;
}
.flowContent .block:last-child {
  margin-bottom: 0;
}
.flowContent .block:last-child::after {
  content: unset;
}
.flowContent .block .num {
  height: 100px;
  display: flex;
  align-items: center;
  border-right: 2px solid #D9D9D9;
}
.flowContent .block .num p {
  width: 124px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .flowContent .block .num p {
    width: 40px;
    padding-right: 15px;
    font-size: 1.5rem;
  }
}
.flowContent .block .mainBox {
  display: flex;
  align-items: center;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .flowContent .block .mainBox {
    padding-left: 15px;
  }
  .flowContent .block .mainBox .icon img {
    width: 45px;
  }
}
.flowContent .block .txtBox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .flowContent .block .txtBox {
    padding-left: 20px;
  }
}
.flowContent .block .txtBox h3,
.flowContent .block .txtBox p {
  width: 100%;
}
.flowContent .block .txtBox h3 {
  margin-bottom: 10px;
}
.flowContent .block .txtBox p {
  text-align: justify;
}

.num_none {
  width: 144px;
  display: block;
}
@media screen and (max-width: 768px) {
  .num_none {
    width: 55px;
  }
}
@media screen and (max-width: 560px) {
  .flowContent .block .num.num_none {
    width: 68px;
  }
}
@media screen and (max-width: 414px) {
  .flowContent .block .num.num_none {
    width: 82px;
  }
}