.b-slider-main-page {
  width: 100%;
  padding-bottom: 25px; }
  .b-slider-main-page__wrapper {
    position: relative; }
  .b-slider-main-page__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .b-slider-main-page__image {
    max-width: 100%;
    widtH: 100%; }
    @media (max-width: 767px) {
      .b-slider-main-page__image--pc {
        display: none; } }
    .b-slider-main-page__image--mobile {
      display: none; }
      @media (max-width: 767px) {
        .b-slider-main-page__image--mobile {
          display: block; } }
  .b-slider-main-page__pagination {
    bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    left: 50%;
    height: 20px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media (max-width: 767px) {
      .b-slider-main-page__pagination {
        bottom: 10px;
        gap: 10px;
        height: 10px; } }
    .b-slider-main-page__pagination .swiper-pagination-bullet {
      background: rgba(0, 40, 72, 0.5);
      height: 20px;
      width: 20px;
      opacity: .5; }
      @media (max-width: 767px) {
        .b-slider-main-page__pagination .swiper-pagination-bullet {
          height: 10px;
          width: 10px; } }
      .b-slider-main-page__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1;
        background: #002848; }