.c-breadcrumbs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: var(--su8);
  flex-wrap: wrap;
  width: 1048px;
  max-width: calc(100% - 48px);
  margin-inline: auto;
  padding: var(--su40) var(--su12) var(--su48);
}
@media screen and (max-width: 767px) {
  .c-breadcrumbs {
    max-width: 100%;
    padding: var(--su24) var(--su20) var(--su40);
  }
}
.c-breadcrumbs li:not(:first-of-type) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 400px;
}
.c-breadcrumbs li:not(:first-of-type)::before {
  content: ">";
  margin-right: var(--su8);
  color: var(--gray60);
}
.c-breadcrumbs a {
  color: var(--gray60);
}
.c-breadcrumbs a, .c-breadcrumbs span {
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .c-breadcrumbs a, .c-breadcrumbs span {
    font-size: 0.75rem;
  }
}

/*# sourceMappingURL=breadCrumbs.css.map */