.js-cus-slide.swiper, .js-paper-slide.swiper{ overflow: hidden} .js-cus-slide.swiper .swiper-button-prev, .js-cus-slide.swiper .swiper-button-next, .js-paper-slide.swiper .swiper-button-prev, .js-paper-slide.swiper .swiper-button-next{ width: 30px; height: 30px; margin-top: -15px; background-position: center; background-repeat: no-repeat; background-size: 30px 30px} .js-cus-slide.swiper .swiper-button-prev::after, .js-cus-slide.swiper .swiper-button-next::after, .js-paper-slide.swiper .swiper-button-prev::after, .js-paper-slide.swiper .swiper-button-next::after{ display: none} .js-cus-slide.swiper .swiper-button-prev, .js-paper-slide.swiper .swiper-button-prev{ background-image: url("/wp-content/themes/i-dent/assets/images/ico_prev.svg")} .js-cus-slide.swiper .swiper-button-next, .js-paper-slide.swiper .swiper-button-next{ background-image: url("/wp-content/themes/i-dent/assets/images/ico_next.svg")} .js-cus-slide.swiper .swiper-pagination, .js-paper-slide.swiper .swiper-pagination{ position: static; display: flex; align-items: center; justify-content: center; height: 8px; margin-top: 30px} .js-cus-slide.swiper .swiper-pagination-bullet, .js-paper-slide.swiper .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 2px !important; background: #025899; opacity: 1; transition: width 0.3s ease} .js-cus-slide.swiper .swiper-pagination-bullet-active, .js-paper-slide.swiper .swiper-pagination-bullet-active{ width: 29px; border-radius: 50px; background: linear-gradient(90deg, #dfaa23 0%, #fbf08d 47.92%, #dfaa23 100%)} @media screen and (min-width: 992px){ .js-cus-slide.swiper, .js-paper-slide.swiper{ width: calc(100% + 46px); margin-left: -23px} .js-paper-slide.swiper{ padding-top: 50px; padding-bottom: 50px}} @media screen and (min-width: 1301px){ .js-cus-slide.swiper .cus-name{ font-size: 21px}} @media screen and (min-width: 768px) and (max-width: 991.98px){ .js-cus-slide.swiper{ width: calc(100% - 60px); margin-left: 30px} .js-paper-slide.swiper{ width: calc(100% - 34px); margin-left: 17px}} @media screen and (max-width: 767.98px){ section.m-paper> .wrapper> .ttl-primary{ font-size: 19px} .js-cus-slide.swiper, .js-paper-slide.swiper{ width: calc(100% + 6px); margin-left: -3px} .js-cus-slide.swiper .swiper-pagination, .js-paper-slide.swiper .swiper-pagination{ height: 6px; margin-top: 12px} .js-cus-slide.swiper .swiper-pagination-bullet, .js-paper-slide.swiper .swiper-pagination-bullet{ width: 6px; height: 6px} .js-cus-slide.swiper .swiper-pagination-bullet-active, .js-paper-slide.swiper .swiper-pagination-bullet-active{ width: 21px}}