.process_ul {
  display: flex;
  gap: 20px;
  padding-left: 0;
  list-style: none;
  align-items: stretch;
  > li {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 10px;
    border: 1px solid var(--light-normal);
    border-radius: 5px;
    text-align: left;
    background-color: var(--white);
  }
  > li::after {
    position: absolute;
    right: -22px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 8px solid var(--gray-normal);
    border-right: 6px solid transparent;
  }
  > li:last-child:after {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .process_ul {
    flex-direction: column;
    > li {
    }
    > li::after {
      right: calc(50% - 3px);
      border-bottom: 6px solid transparent;
      border-top: 8px solid var(--gray-normal);
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      bottom: -20px;
    }
  }
}