/* =========================================================
   Breadcrumb
   Site Color: Axis / Iccho
   role: color only
========================================================= */

.c-breadcrumbArea {
  padding: 22px 0 26px;
  background:
    linear-gradient(
      180deg,
      rgba(31, 47, 83, 0.02),
      rgba(31, 47, 83, 0.06)
    );
}

.c-breadcrumb {
  color: rgba(31, 47, 83, 0.68);
}

.c-breadcrumb__link {
  color: rgba(154, 102, 40, 0.92);
}

.c-breadcrumb__link:hover {
  color: #1f2f53;
}

.c-breadcrumb__current {
  color: rgba(31, 47, 83, 0.78);
}

.c-breadcrumb__sep {
  color: rgba(194, 143, 75, 0.72);
}

/* =========================================================
   Footer前なので、少し締める
========================================================= */

.c-breadcrumbArea + .l-footer,
.c-breadcrumbArea + .l-footer-copy {
  margin-top: 0;
}

/* =========================================================
   Mobile
========================================================= */

@media screen and (max-width: 767px) {
  .c-breadcrumbArea {
    padding: 18px 0 22px;
  }

  .c-breadcrumb {
    color: rgba(31, 47, 83, 0.7);
  }
}