.p-banner{}

.p-banner__inner{
	width: 90%;
	max-width: 1100px;
	position: relative;
	margin: 0 auto;
}
.p-banner__pager{
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  gap: 0.8rem;
  margin-top: 1.6rem;
}
.p-banner__pager span{
  display: block;
  width: 6rem;
  height: 1px;
  background: #666666;
}
.p-banner__pager .swiper-pagination-bullet-active{
  background: #fc2b53;
}


@media (hover: hover) and (pointer: fine) {
  .p-banner__item:hover .p-official__link-img::after {
    opacity: 0.5;
    -webkit-clip-path: polygon(-20% 0, 100% 0, 120% 100%, 0 100%);
    clip-path: polygon(-20% 0, 100% 0, 120% 100%, 0 100%);
    transition: opacity 0.1s var(--ease_out), -webkit-clip-path 0.4s var(--ease_out);
    transition: clip-path 0.4s var(--ease_out), opacity 0.1s var(--ease_out);
    transition: clip-path 0.4s var(--ease_out), opacity 0.1s var(--ease_out), -webkit-clip-path 0.4s var(--ease_out);
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-banner__item:hover .p-official__link-img img {
    transform: scale3d(1.05, 1.05, 1.05);
  }
}