ol {
  list-style: none;
  padding-left: 0;
}

.page_title::after {
  content: "";
  background-image: url(../../assets/img/page_title/example_pc.webp);
}
@media screen and (max-width: 768px) {
  .page_title::after {
    background-image: url(../../assets/img/page_title/example_sp.webp);
  }
}

#breadcrumb {
  background-color: #f9f5ef;
}

section#example {
  background-color: #f9f5ef;
  padding-top: 2.5rem;
  padding-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  section#example {
    padding-bottom: 5rem;
  }
}
section#example .example_contents_wrapper {
  margin-top: 2.5rem;
}

.c-pagination {
  width: 100%;
}
.c-pagination .page-numbers {
  color: #746e65;
  background-color: #fff;
}
.c-pagination .page-numbers.current {
  color: #fff;
  background-color: #746e65;
}
.c-pagination .page-numbers.prev, .c-pagination .page-numbers.next {
  position: relative;
  background-color: #746e65;
}
.c-pagination .page-numbers.prev::after, .c-pagination .page-numbers.next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.c-pagination .page-numbers.prev::after {
  transform: translate(-50%, -50%) rotate(225deg);
}
