/* サービス一覧 */
.service-link {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  color: #7c7c7c;
  padding: 2rem 2rem 1.5rem 2rem;
  &::after {
    --arrow-chevron: url('data:image/svg+xml;charset=utf-8,<svg width="10" height="15" viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.21973 1.06641L8.33354 7.29099L1.21973 13.5156" stroke="%23808080" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    content: "";
    align-self: flex-end;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    background: var(--arrow-chevron) no-repeat center center;
    background-size: 10px 15px;
  }
}

@media (width >= 992px) {
  .service-link {
    &:hover {
      &::after {
        transition: .3s;
      }
    }
  }
}

@media (width < 768px) {
  .service-item {
    width: 100%;
  }
}