.all-refund {
    position: absolute;
    width: 180px;
    height: 30px;
    top: 94%;
    right: 38%;
}

.swiper--wrapper {
    /* wrapperのサイズを調整 */
    width: 100%;
    height: 100%;
}

.swiper-slide {
    /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
    color: #ffffff;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 300px;
    text-align: center;
}

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
    height: 50px;
    width: 50px;
}

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 50px;
    margin: auto;
    width: 50px;
}

/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
    background-image: url(https://asset.myfabius.jp/lib/cdp/img/01_original/arrow_left.png );
}

/* 次への矢印カスタマイズ */
.swiper-button-next::after {
    background-image: url(https://asset.myfabius.jp/lib/cdp/img/01_original/arrow_right.png );
}

/* 画像サイズ調整 */
.swiper-slide img {
    height: auto;
    width: 80%;
}

.swiper-wrapper {
    position: absolute;
    top: 54%;
}


.swiper-button-next,
.swiper-button-prev {
    top: 69% !important;
}


.test1 {
    animation-name: test1;
    animation-duration: .8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    max-width: 750px;
    overflow: hidden;
}

@keyframes test1 {
    from {}

    to {
        transform: scale(1.1, 1.1);
    }
}

.btn-fixed img {
    width: 90%;
}

.reflection-img {
    position: relative;
    overflow: hidden;

}

.reflection {
    height: 100%;
    width: 10%;
    position: absolute;
    top: -100px;
    left: 0;
    background-color: #fff;
    opacity: 0;
    transform: rotate(112deg);
    animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
    0% {
        transform: scale(0) rotate(0deg);
        opacity: 0;
    }

    80% {
        transform: scale(0) rotate(12deg);
        opacity: 0.5;
    }

    81% {
        transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        transform: scale(20) rotate(45deg);
        opacity: 0;
    }
}

.free {
    width: 80%;
    overflow: hidden;
    position: absolute;
    transform: translateX(-50%);
}

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

    .swiper-button-prev::after,
    .swiper-button-next::after {
        height: 37px;
        width: 37px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: 72% !important;
    }
}