@charset "UTF-8";

.flow{
    display: flex;
    justify-content: space-between;
    gap :1.5%;
}
.flow .item{
    position: relative;
    border: 1px solid var(--i_border_color);
    padding: 1rem;
    counter-increment: num;
}
.flow .item::after{
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 10px;
    border-color: transparent transparent transparent var(--i_txt_color);
    margin: 0 auto;
    top: 50%;
    right: -10%;
}
.flow .item:last-child::after{
    content:none;
}
@media screen and (max-width: 900px){
.flow .item b::before{
  content: counter(num);
  display: inline-block;
  background: var(--i_txt_color);
  color:#FFF;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
}