/* breadcrumb */
/* line 6, sass/partial/_topic-path.scss */
.breadcrumb {
  padding: 10px 0;
  font-size: 14px;
  line-height: 1;
  background-color: #f4f4f4;
  margin-bottom: 60px;
  /* line 24, sass/style.scss */
}

/* line 13, sass/partial/_topic-path.scss */
.breadcrumb .inner {
  display: flex;
  align-items: center;
}

/* line 18, sass/partial/_topic-path.scss */
.breadcrumb span {
  color: #888888;
}

/* line 22, sass/partial/_topic-path.scss */
.breadcrumb .home {
  display: flex;
  align-items: center;
}

/* line 26, sass/partial/_topic-path.scss */
.breadcrumb .home svg {
  margin-right: 0.3em;
  color: #0c5cc3;
}

/* line 32, sass/partial/_topic-path.scss */
.breadcrumb a {
  color: #000;
  transition: 0.3s;
}

/* line 35, sass/partial/_topic-path.scss */
.breadcrumb a span {
  color: #000;
}

@media (min-width: 1150px) {
  /* line 42, sass/partial/_topic-path.scss */
  .breadcrumb a:hover {
    text-decoration: underline;
    color: #0c5cc3;
  }
  /* line 46, sass/partial/_topic-path.scss */
  .breadcrumb a:hover span {
    color: #0c5cc3;
  }
}

/* line 53, sass/partial/_topic-path.scss */
.breadcrumb .next {
  margin: 0 0.5em;
}

/* line 58, sass/partial/_topic-path.scss */
.breadcrumb svg {
  width: 1em;
  height: 1em;
  min-width: 1em;
}