@charset "utf-8";

.slider_box {
    max-width: 690px;
    margin: auto;
    padding: 48px 76px;
    background: url(../img/slide/img_bg01.png) center / contain no-repeat;
}

.slider_box._pink {
    background: url(../img/slide/img_bg02.png) center / contain no-repeat;
}

.slider_box._yellow {
    background: url(../img/slide/img_bg03.png) center / contain no-repeat;
}

.slider_box .slider_item {
    display: flex;
    justify-content: center;
}

.slider_item {
    max-width: 538px;
    border: 4px solid #fff;
    border-radius: 2px;
    overflow: hidden;
}

.slider_img {
    width: 100%;
    max-height: 338px;
    object-fit: cover;
    display: block;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #fff;
    border: 2px solid #000;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background-color: #a3d6ca;
}

.swiper-button-prev.slider-prev {
    top: 50%;
    left: 20.5%;
    z-index: 2;
}
.swiper-button-next.slider-next {
    top: 50%;
    right: 20%;
    z-index: 2;
}

.slider-prev,
.slider-next {
    width: 50px;
    height: 50px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: transparent;
    filter: drop-shadow(3px 3px 0 rgba(0,0,0,.2));
    z-index: 2;
}

.slider-prev {
    background-image: url(../img/slide/img_button_prev.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider-next {
    background-image: url(../img/slide/img_button_next.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider_box .slider-page {
    bottom: 14px;
}

.slider_text {
    margin-bottom: 10px;
}

.show_sp {
    display: none;
}

@media (max-width: 1200px) {
    .swiper-button-prev.slider-prev {
        left: 20.5%;
    }
    .swiper-button-next.slider-next {
        right: 20%;
    }
}

@media (max-width: 1100px) {
    .swiper-button-prev.slider-prev {
        left: 15.5%;
    }
    .swiper-button-next.slider-next {
        right: 14.5%;
    }
}

@media (max-width: 1000px) {
    .swiper-button-prev.slider-prev {
        left: 11.5%;
    }
    .swiper-button-next.slider-next {
        right: 11%;
    }
}

@media (max-width: 900px) {
    .swiper-button-prev.slider-prev {
        left: 5.5%;
    }
    .swiper-button-next.slider-next {
        right: 5%;
    }
}

@media (max-width: 800px) {
    .swiper-button-prev.slider-prev {
        left: 2.5%;
    }
    .swiper-button-next.slider-next {
        right: 1.5%;
    }
}

@media screen and (max-width:767px) {

    .show_pc {
        display: none;
    }
    .show_sp {
        display: block;
    }

    .slider_box {
        padding: 6.25vw 10vw;
    }

    .slider_item {
        max-width: none;
    }

    .slider_img {
        height: 44.01vw;
        max-height: none;
    }

    .swiper-pagination-bullet {
        width: 2vw;
        height: 2vw;
    }

    .swiper-button-prev.slider-prev {
        top: 55%;
        left: 3.5%;
        z-index: 2;
    }
    .swiper-button-next.slider-next {
        top: 55%;
        right: 1.5%;
        z-index: 2;
    }

    .slider-prev,
    .slider-next {
        width: 5.5vw;
        height: 5.5vw;
    }

    .slider_box .slider-page {
        bottom: 0;
    }
}