.p-breadcrumb {
  padding-top: 20px;
}
@media (max-width: 767px) {
  .p-breadcrumb {
    padding-top: 12px;
  }
}

.p-breadcrumb__inner {
  width: min(100% - 60px, 1120px);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .p-breadcrumb__inner {
    width: calc(100% - 40px);
  }
}

.p-breadcrumb__lists {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.75;
  color: #011631;
}
@media (max-width: 767px) {
  .p-breadcrumb__lists {
    font-size: 12px;
  }
}

.p-breadcrumb__list {
  flex: 0 0 auto;
  white-space: nowrap;
}
.p-breadcrumb__list:first-child {
  margin-inline-start: auto;
}
.p-breadcrumb__list a {
  display: inline-block;
  color: #c6c6c6;
}
@media (hover: hover), screen and (min-width: 768px) {
  .p-breadcrumb__list a {
    transition: opacity 0.3s;
  }
  .p-breadcrumb__list a:hover {
    opacity: 0.7;
  }
}
.p-breadcrumb__list + .p-breadcrumb__list::before {
  content: "/";
  margin-inline: 10px;
  color: #c6c6c6;
}

.p-breadcrumb--lp {
  width: 100%;
  align-self: stretch;
  padding-block: 10px;
}

.p-footer-kounyu > .p-breadcrumb--lp,
.p-footer-baikyaku > .p-breadcrumb--lp,
.p-footer-souzoku > .p-breadcrumb--lp {
  margin-top: -30px;
  margin-bottom: -30px;
}

.p-footer > .p-breadcrumb--lp {
  margin-bottom: -34px;
}

.l-footer > .p-breadcrumb--lp {
  margin-bottom: -16px;
}
@media (max-width: 767px) {
  .l-footer > .p-breadcrumb--lp {
    margin-bottom: -31px;
  }
}