@charset "utf-8";
/* CSS Document */

/* swiper :
-------------------------------------------*/
.swiper--wrapper {
    margin-bottom: 2rem;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-wrapper{
    transform-style:flat;
}


.swiper-slide-shadow{
    background:none!important;}

.swiper-3d .swiper-slide-shadow-left{
    background-image:none!important;}

.swiper-3d .swiper-slide-shadow-right{
    background-image:none!important;}

.swiper-3d .swiper-slide-shadow-top{
    background-image:none!important;}

.swiper-3d .swiper-slide-shadow-bottom{
    background-image:none!important;}

.swiper-slide img{
    width: 100%;
}

/*上書き*/

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction{bottom:0px!important;}



/*slider1*/
.slider2{
	margin-bottom: 2rem;
}
.slider1 .swiper-pagination-bullet ,
.slider2 .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,40px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
     border-radius:1rem; 
    background: var(--swiper-pagination-bullet-inactive-color,#fff);
    opacity: 0.5;
}
.slider2 .swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color,#ccc);
}

.slider1 .swiper-pagination-bullet-active,
.slider2 .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--accent-c);
}

.slider1 .swiper-pagination,
.slider2 .swiper-pagination {
    position: relative;
}

.slider1 .swiper-button-prev,
.slider2 .swiper-button-prev {
    left: 20px;
    right: auto;
}

.slider1 .swiper-button-prev:after,
.slider2 .swiper-button-prev:after {
     content:''; 
    transform: rotate(180deg);
}
.slider1 .swiper-button-next ,
.slider2 .swiper-button-next {
    right: 20px;
    left: auto;
}

.slider1 .swiper-button-next:after,
.slider2 .swiper-button-next:after {
    content: '';
}

.slider1 .swiper-button-next:after,
.slider1 .swiper-button-prev:after,
.slider2 .swiper-button-next:after,
.slider2 .swiper-button-prev:after {
    position: absolute;
    /*    top: 50%;*/
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: none;
    background: url("../img/arrow01.svg") no-repeat;
     width: 50px; 
     height: 50px; 
}