/* パンくずリスト（全ページ共通）
   SWELL標準の共通パーツ（#breadcrumb）を、サービス詳細ページのパンくず（p-service-fv__breadcrumb）と
   同じ見た目（背景なし・下線区切り・「＞」区切り・折り返しあり）に統一する */
.single-blog #breadcrumb.p-breadcrumb,
.single-news #breadcrumb.p-breadcrumb,
.single-case #breadcrumb.p-breadcrumb,
.single-seminar #breadcrumb.p-breadcrumb,
.post-type-archive-service #breadcrumb.p-breadcrumb,
.post-type-archive-blog #breadcrumb.p-breadcrumb,
.post-type-archive-resources #breadcrumb.p-breadcrumb,
.post-type-archive-case #breadcrumb.p-breadcrumb,
.post-type-archive-news #breadcrumb.p-breadcrumb,
.post-type-archive-seminar #breadcrumb.p-breadcrumb,
.single-service-thanks #breadcrumb.p-breadcrumb,
.single-resources-thanks #breadcrumb.p-breadcrumb,
.page-template-template-thanks-download-php #breadcrumb.p-breadcrumb,
.page-template-template-thanks-contact-php #breadcrumb.p-breadcrumb,
.page-template-template-thanks-consultation-php #breadcrumb.p-breadcrumb,
.page-template-template-thanks-document-php #breadcrumb.p-breadcrumb,
.page-template-template-thanks-service-document-php #breadcrumb.p-breadcrumb,
.page-template-template-faq-php #breadcrumb.p-breadcrumb,
.page-template-template-privacy-policy-php #breadcrumb.p-breadcrumb,
.page-template-template-company-php #breadcrumb.p-breadcrumb,
.page-template-template-why-nextscale-php #breadcrumb.p-breadcrumb,
.page-template-template-price-php #breadcrumb.p-breadcrumb {
  display: none;
}

#breadcrumb.p-breadcrumb {
  background: none !important;
  box-shadow: none !important;
  padding: 12px 0;
}

.p-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  overflow: visible;
  padding-bottom: 8px;
  border-bottom: 1px solid #dddcdc;
}

.p-breadcrumb__item {
  gap: 8px;
  font-size: 16px;
  letter-spacing: 2px;
  color: #1a1a1a;
}

.p-breadcrumb__item::after {
  content: "＞";
  display: inline-block;
  width: auto;
  height: auto;
  background-color: transparent;
  clip-path: none;
  -webkit-clip-path: none;
  opacity: 1;
  color: inherit;
}

.p-breadcrumb__item:last-child::after {
  content: none;
}

/* 親テーマは単一記事ページ末尾（記事タイトル）のテキストを隠すため、常に表示させる */
.single .p-breadcrumb__item:last-child > span.p-breadcrumb__text {
  display: inline-flex;
}

@media (max-width: 767px) {
  .p-breadcrumb__item {
    font-size: 14px;
  }
}

/* シンプルな下層ページ（よくある質問・プライバシーポリシー等）：パンくずリスト（サービス詳細 p-service-fv__breadcrumb と同意匠） */
.page-template-template-faq-php #content.l-content,
.page-template-template-privacy-policy-php #content.l-content,
.page-template-template-company-php #content.l-content {
  padding-top: 32px;
}

@media (max-width: 767px) {
  .page-template-template-faq-php #content.l-content,
  .page-template-template-privacy-policy-php #content.l-content,
  .page-template-template-company-php #content.l-content {
    padding-top: 0;
  }
}

.p-subpage-breadcrumb.p-service-fv__breadcrumb {
  margin-bottom: clamp(32px, 6vw, 64px);
}

.p-subpage-breadcrumb .p-service-fv__breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-block: 4px;
  border-bottom: 1px solid #dddcdc;
}

.p-subpage-breadcrumb .p-service-fv__breadcrumb-item {
  font-size: 16px;
  letter-spacing: 2px;
  color: #1a1a1a;
}

.p-subpage-breadcrumb .p-service-fv__breadcrumb-item a {
  color: inherit;
  text-decoration: none;
}

.p-subpage-breadcrumb .p-service-fv__breadcrumb-item a:hover {
  text-decoration: underline;
}

.p-subpage-breadcrumb .p-service-fv__breadcrumb-item:not(:last-child)::after {
  content: "＞";
  margin-left: 8px;
}

@media (max-width: 767px) {
  .p-subpage-breadcrumb .p-service-fv__breadcrumb-item {
    font-size: 14px;
  }
}