パンくずのcssをstyleに移動

achievement-official.conohawing.com/assets/css/style.css

@@ -9132,3 +9132,77 @@ body {
  width: 100%;
  width: 100%;
  height: auto;
  height: auto;
 }
 }
+
+.c-breadcrumb {
+  background: transparent;
+  position: absolute;
+  z-index: 10;
+  width: 100%;
+  top: 113px;
+  left: 0;
+}
+@media screen and (max-width: 767px) {
+  .c-breadcrumb {
+    top: 1px;
+  }
+}
+.c-breadcrumb__inner {
+  max-width: 1200px;
+  margin: 0 auto;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  overflow: hidden;
+}
+.c-breadcrumb__item {
+  position: relative;
+  margin: 0 2px 0 0;
+}
+@media screen and (max-width: 767px) {
+  .c-breadcrumb__item {
+    margin: 0 3px 0 0;
+  }
+}
+.c-breadcrumb__item:first-child {
+  margin: 0 3px 0 -6px;
+}
+@media screen and (max-width: 767px) {
+  .c-breadcrumb__item:first-child {
+    margin: 0 3px 0 -4px;
+  }
+}
+.c-breadcrumb__item::after {
+  content: '';
+  width: 100%;
+  height: 100%;
+  background: rgba(190, 172, 86, 0.3);
+  position: absolute;
+  top: 0;
+  left: 0;
+  -webkit-transform: skew(-20deg);
+  transform: skew(-20deg);
+}
+.c-breadcrumb a, .c-breadcrumb span {
+  font-size: 1.2rem;
+  line-height: 1.5;
+  color: #fff;
+  position: relative;
+  z-index: 2;
+  display: block;
+}
+@media screen and (max-width: 767px) {
+  .c-breadcrumb a, .c-breadcrumb span {
+    font-size: 1rem;
+  }
+}
+.c-breadcrumb span {
+  padding: 6px 16px;
+}
+@media screen and (max-width: 767px) {
+  .c-breadcrumb span {
+    padding: 3px 10px;
+  }
+}
+

achievement-official.conohawing.com/service/top/index.php

 <?php $pageid="service_top";?>
 <?php $pageid="service_top";?>
 <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
 <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
 <main class="p-service_top">
 <main class="p-service_top">
+	<div class="c-breadcrumb pc-only">
+		<ul class="c-breadcrumb__inner">
+			<li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li>
+			<li class="c-breadcrumb__item"><span>『頂点への道』講座</span></li>
+		</ul>
+	</div>
 	<section class="c-mainvisual">
 	<section class="c-mainvisual">
 		<div class="c-mainvisual__inner">
 		<div class="c-mainvisual__inner">
 			<h2 class="c-mainvisual__title">『頂点への道』講座</h2>
 			<h2 class="c-mainvisual__title">『頂点への道』講座</h2>