/*————————————

Time Lines v3

————————————*/

.u-timeline-v3 {

&-wrap::before {
  left: 21%;
  width: 1px;
  height: 100%;
  display: none;
  background-color: $g-color-gray-light-v4;
}

}

// [class*=“u-timeline-v3-wrap”] { // &::before { // left: 21%; // width: 1px; // height: 100%; // display: none; // background-color: $g-color-gray-light-v2; // } // }

.u-timeline-v3 {

position: relative;

&__icon {
  left: 21%;
}

}

@media (min-width: $g-md) {

.u-timeline-v3 {
  &-wrap {
    &::before {
      display: block;
    }
  }
}

}

@media (min-width: $g-lg) {

.u-timeline-v3 {
  &-wrap {
    &::before {
      left: 18%;
    }
  }

  &__icon {
    left: 18%;
  }
}

}