/* 固有 */
.flow_figLists {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-65);
  @media screen and (max-width: 767px) {
    flex-direction: column;
    margin-top: 50px;
  }
}
.flow_figLists--item {
  &.bg-green {
    position: relative;
    width: 100%;
    max-width: 320px;
    background: #E2F0E9;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-inline: var(--space-20);
    &::before {
      content: '';
      position: absolute;
      background: url(../img/flow_arrow.webp)no-repeat center / contain;
      width: 80px;
      height: 97px;
      inset: 0 auto 0 -70px;
      margin: auto;
    }
  }
  &:not(.bg-green) {transform: translateX(-20px);}
  @media screen and (max-width: 767px) {
    &.bg-green {
      padding-block: var(--space-20);
      height: auto;
      &::before {
        inset: -70px 0 auto 0;
        transform: rotate(90deg);
        width: 60px;
        aspect-ratio: auto;
        z-index: 1;
      }
    }
    &:not(.bg-green) {transform: translateY(-20px);}
  }
}
.flow_figLists--head {
  font-size: var(--font-20);
  letter-spacing: var(--letter-10);
  color: var(--green-color);
  font-weight: bold;
  text-align: center;
}
.flow_figLists--headSmall {
  display: block;
  font-size: 80%;
}
.flow_figLists--fig {
  display: flex;
  justify-content: center;
  margin-block: 1em;
}
.flow_figLists--arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  margin-top: 1em;
}
.flow_figLists--arrowItem {
  position: relative;
  background: #fff;
  width: 108px;
  text-align: center;
}
.flow_figLists--indent {
  display: flex;
  &::before {
    content: '●';
    color: var(--green-color);
  }
  &:not(:last-child) {
    padding-bottom: 1em;
  }
}

/* 「関連サービス」内の不必要な項目を非表示 */
.cmn_service--item:has(img[src*="aside_img4.webp"]),
.cmn_service--item:has(img[src*="aside_img5.webp"]) {display: none;}