.swipermainSlider {
}

.mainSlide {
}

.mainSlide_inner {
}

.mainSlide_image_picture {
    position: relative;
    display: block;
}

.mainSlide_image_picture img {
  width: 100%;
}

div.swiper-button-next, div.swiper-button-prev {
  display: block;
}

.swiper-pagination {
  z-index: 2;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    line-height: 1;
    position: relative;
    bottom: 0;
    padding-top: 14px;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    display: none;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    display: none;
}

.swiper-button-next, .swiper-button-prev {
    color: rgba(var(--color-foreground));
}

.swiper-pagination-bullet-active {
    background: rgba(var(--color-foreground));
}

.swiper-button-next > * {
    transform: rotate(180deg);
}

.navi_arrow1 svg, .navi_arrow1 svg {
  max-width: 100%;
  height: auto;
}

.swiper-button-prev.navi_arrow1 {
    left: 1.6%;
}

.swiper-button-next.navi_arrow1 {
    right: 1.6%;
}

.swiper-button-prev.navi_arrow1, .swiper-button-next.navi_arrow1 {
    width: 46px;
    height: 46px;
    margin-top: calc(0px - 46px / 2);
}

.navi_arrow2 svg, .navi_arrow2 svg {
  max-width: 100%;
  height: auto;
}

.swiper-button-prev.navi_arrow2 {
    left: 1.6%;
}

.swiper-button-next.navi_arrow2 {
    right: 1.6%;
}

.swiper-button-prev.navi_arrow2, .swiper-button-next.navi_arrow2 {
    width: 46px;
    height: 46px;
    margin-top: calc(0px - 46px / 2);
}

.navi_arrow3 svg, .navi_arrow3 svg {
  max-width: 100%;
  height: auto;
}

.swiper-button-prev.navi_arrow3 {
    left: 1.6%;
}

.swiper-button-next.navi_arrow3 {
    right: 1.6%;
}

.swiper-button-prev.navi_arrow3, .swiper-button-next.navi_arrow3 {
    width: 46px;
    height: 46px;
    margin-top: calc(0px - 46px / 2);
}