/* 202103 */

.book01-template-06 {
    overflow: hidden;
    color: #fff;
    background-position: center;
    background-size: cover;
}

@media (min-width:768px) {
    .book01-template-06 {
        padding-right: 4.27083vw
    }
}


/* 202103 */

.book01-template-06__inner {
    padding-top: 45px;
    padding-bottom: 45px;
    background: #161616;
    background-position: center;
    background-size: cover;
}

@media (min-width:768px) {
    .book01-template-06__inner {
        padding-top: 6.77083vw;
        padding-right: 3.54167vw;
        padding-bottom: 9.11458vw
    }
}

@media (min-width:1200px) {
    .book01-template-06__inner {
        padding-right: 8.75vw
    }
}

.book01-template-06__title {
    font-size: 1.66667vw;
    line-height: 1.3125;
    font-weight: 700;
    letter-spacing: .0651vw;
    padding-bottom: 4.42708vw
}

@media (max-width:767px) {
    .book01-template-06__title {
        font-size: 28px;
        letter-spacing: 1.25px;
        padding-bottom: 30px;
        text-align: center
    }
}

.book01-template-06__swiper-slide {
    padding-right: 3.64583vw;
    padding-left: 3.64583vw;
    width: 14.28571%;
    height: auto
}

@media (max-width:1199px) {
    .book01-template-06__swiper-slide {
        width: 20%
    }
}

@media (max-width:767px) {
    .book01-template-06__swiper-slide {
        width: 33.3333333%
    }
}

@media (min-width:1200px) {
    .book01-template-06__swiper-slide img {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        -webkit-transition: -webkit-filter .8s cubic-bezier(.7, 0, .3, 1);
        transition: -webkit-filter .8s cubic-bezier(.7, 0, .3, 1);
        transition: filter .8s cubic-bezier(.7, 0, .3, 1);
        transition: filter .8s cubic-bezier(.7, 0, .3, 1), -webkit-filter .8s cubic-bezier(.7, 0, .3, 1)
    }
    .book01-template-06__swiper-slide:hover img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }
}

.book01-template-06__swiper-slide-img {
    display: block;
    margin: auto;
    width: 4.16667vw;
    height: auto
}


@media (max-width: 1500px){
    .book01-template-06__swiper-slide-img{
        width: 6.6667vw
    }
}
@media (max-width: 1000px){
    .book01-template-06__swiper-slide-img{
        width: 7.6667vw
    }
}
@media (max-width:767px) {
    .book01-template-06__swiper-slide-img {
        width: 80px
    }
}