@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Noto+Sans+JP:wght@100..900&display=swap");
/* override */
/* page style */
.p-case {
  padding-bottom: 7.3206442167vw;
}
@media screen and (max-width: 640px) {
  .p-case {
    padding-bottom: 24.8vw;
  }
}
.p-case .p-paging {
  display: flex;
  justify-content: center;
  gap: 1.4641288433vw;
  margin: 7.3206442167vw 0 0;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .p-case .p-paging {
    margin: 21.8666666667vw 0 0;
  }
}
.p-case .p-paging li {
  font-family: "Oswald", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
.p-case .p-paging li a {
  align-items: center;
  border-radius: 0.3660322108vw;
  display: flex;
  font-weight: 400;
  height: 2.5622254758vw;
  justify-content: center;
  text-align: center;
  width: 2.5622254758vw;
}
@media screen and (max-width: 640px) {
  .p-case .p-paging li a {
    border-radius: 1.3333333333vw;
    height: 9.3333333333vw;
    width: 9.3333333333vw;
  }
}
.p-case .p-paging li a:hover {
  color: #5081E8;
  opacity: 1;
}
.p-case .p-paging li.is-current a {
  background: #1A1A1A;
  color: #fff;
}
.p-case .p-paging li.is-current a:hover {
  background: #5081E8;
}
.p-case .p-paging-prev, .p-case .p-paging-next {
  left: 0;
  position: absolute;
  top: 0;
}
.p-case .p-paging-prev a, .p-case .p-paging-next a {
  display: block !important;
  overflow: hidden;
  text-indent: -9999px;
}
.p-case .p-paging-prev a:before, .p-case .p-paging-next a:before {
  background-color: #1A1A1A;
  content: " ";
  display: block;
  height: 100%;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="14" viewBox="0 0 20 14" fill="none"><path d="M20 8L3.825 8L8.4 12.6L7 14L8.34742e-08 7L7 8.34742e-08L8.425 1.4L3.825 6L20 6L20 8Z" fill="%23000"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="14" viewBox="0 0 20 14" fill="none"><path d="M20 8L3.825 8L8.4 12.6L7 14L8.34742e-08 7L7 8.34742e-08L8.425 1.4L3.825 6L20 6L20 8Z" fill="%23000"/></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  -webkit-mask-size: 1.0248901903vw auto;
          mask-size: 1.0248901903vw auto;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .p-case .p-paging-prev a:before, .p-case .p-paging-next a:before {
    -webkit-mask-size: 3.7333333333vw auto;
            mask-size: 3.7333333333vw auto;
  }
}
.p-case .p-paging-prev a:hover:before, .p-case .p-paging-next a:hover:before {
  background: #5081E8;
}
.p-case .p-paging-next {
  left: unset;
  right: 0;
  transform: rotate(180deg);
}
.p-case .p-paging-3point {
  align-items: end;
  display: flex;
  justify-content: center;
  text-align: center;
}/*# sourceMappingURL=case.css.map */