.post-type-archive-slide-news {
  .sec02 {
    width: inherit;
  }
}

.page_slide-news {
  background-size: cover;
  position: relative;
  height: 380px;
  margin: 0 0 70px;
  background-repeat: no-repeat;
  background-image: url(../image/page/slide-news/bg.jpg);
  background-position: 50% 100%;
}

@media screen and (max-width: 767px) {
  .page_slide-news {
    background-image: url(../image/page/slide-news/bg_sp.jpg);
    height: calc(900/750*100vw);
    margin-bottom: 40px;
  }
}

.pagination:has(.page-numbers) {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .pagination:has(.page-numbers) {
    margin-top: calc(135 /750*100vw);
  }
}

.pagination .page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .pagination .page-numbers {
    gap: calc(10 /750*100vw);
  }
}
.pagination .page-numbers li a,
.pagination .page-numbers li span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 36px;
  font-size: 20px;
  font-weight: 700;
  color: #888888;
  /* border-radius: 50%; */
  /* background: #d9ebff; */
  transition: background 0.2s, color 0.2s;
}
@media screen and (max-width: 767px) {
  .pagination .page-numbers li a,
  .pagination .page-numbers li span {
    width: calc(50 /750*100vw);
    height: calc(90 /750*100vw);
    font-size: calc(34 /750*100vw);
  }
}
.pagination .page-numbers li a:hover,
.pagination .page-numbers li span:hover {
  /* background: #026ee2; */
  color: #ea535d;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .pagination .page-numbers li a:hover,
  .pagination .page-numbers li span:hover {
    color: #888888;
  }
}
.pagination .page-numbers li a:focus,
.pagination .page-numbers li span:focus {
  text-decoration: none;
}
.pagination .page-numbers li a.current,
.pagination .page-numbers li span.current {
  color: #ea535d;
}
.pagination .page-numbers li .dots {
  width: auto;
}
.pagination .page-numbers li .prev,
.pagination .page-numbers li .next {
  width: 36px;
  border-radius: 50%;
  background: #fff;
  color: #ea535d;
  
}
@media screen and (max-width: 767px) {
  .pagination .page-numbers li .prev,
  .pagination .page-numbers li .next {
    width: calc(90 /750*100vw);
  }
}
.pagination .page-numbers li .prev svg,
.pagination .page-numbers li .next svg {
  width: 8px;
}
@media screen and (max-width: 767px) {
  .pagination .page-numbers li .prev svg,
  .pagination .page-numbers li .next svg {
    width: calc(16 /750*100vw);
  }
}
.pagination .page-numbers li .dots:hover {
  /* background: transparent; */
  color: #888888;
}
.pagination .page-numbers li .prev:hover,
.pagination .page-numbers li .next:hover {
  background: #ea535d;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .pagination .page-numbers li .prev:hover,
  .pagination .page-numbers li .next:hover {
    background: #fff;
    color: #ea535d;
  }
}
.pagination .page-numbers li .prev:hover path,
.pagination .page-numbers li .next:hover path {
  fill: #fff;
}
@media screen and (max-width: 767px) {
  .pagination .page-numbers li .prev:hover path,
  .pagination .page-numbers li .next:hover path {
    fill: #ea535d;
  }
}