.book01-template-04{background-position:50%;background-size:cover;overflow:hidden;position:relative}.book01-template-04__deco{display:block;height:auto;position:absolute;z-index:10}@media (max-width:767px){.book01-template-04__deco{display:none}}.book01-template-04__deco.-dot{right:-5.67708vw;top:6.09375vw;width:14.32292vw}.book01-template-04__deco.-triangle{bottom:7.29167vw;right:-1.09375vw;width:13.90625vw}.book01-template-04__deco.-pen{bottom:6.40625vw;left:-5.52083vw;width:13.69792vw}@media (min-width:768px){.book01-template-04__top-container{padding-left:4.27083vw;padding-right:4.27083vw}}@media (min-width:768px){.book01-template-04__bottom-container{padding-right:4.27083vw}}.book01-template-04__bottom-container-line{background:#c5f368;bottom:0;height:1.30208vw;left:0;position:absolute;-webkit-transform-origin:0 50%;transform-origin:0 50%;width:66.66666%;z-index:1}.book01-template-04__bottom-container-inner{position:relative}@media (min-width:768px){.book01-template-04__bottom-container-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.book01-template-04__bottom-container-inner:after{background:#e8e8e8;content:"";display:block;height:100%;left:33.333333333%;position:absolute;top:0;width:1px}}.book01-template-04 .swiper-pagination{padding-bottom:11.35417vw;position:relative}@media (max-width:767px){.book01-template-04 .swiper-pagination{display:none}}.book01-template-04 .swiper-pagination .swiper-pagination-bullet{background:#fff;border:2px solid #8b8b8b;display:block;height:10px;width:10px}.book01-template-04 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fd6443;border:2px solid #fd6443}.book01-template-04 .swiper-pagination .swiper-pagination-bullet:not(:last-child){margin-bottom:1.82292vw}.book01-template-04__top-line{background:#39373b;height:2px;width:100%}.book01-template-04__category{color:#f2583b;font-size:1.14583vw;font-weight:700;letter-spacing:.0651vw;line-height:1.36364;line-height:1;padding-bottom:1.77083vw;padding-top:7.03125vw}@media (max-width:767px){.book01-template-04__category{font-size:18px;letter-spacing:1.25px}}@media (min-width:768px){.book01-template-04__left{max-width:33.333333%;min-width:33.333333%;width:33.33333333%}.book01-template-04__left-inner{padding-right:5.46875vw}}.book01-template-04__right{position:relative}@media (min-width:768px){.book01-template-04__right{max-width:66.6666%;min-width:66.6666%;width:66.6666%}.book01-template-04__right:after{background:#e8e8e8;content:"";display:block;height:100%;left:50%;position:absolute;top:0;width:1px}}.book01-template-04__title{color:#3c3c3c;font-size:3.125vw;font-weight:700;letter-spacing:.23438vw;line-height:1.2;padding-bottom:4.0625vw}@media (max-width:767px){.book01-template-04__title{font-size:30px;letter-spacing:2.25px;padding-bottom:20px}}.book01-template-04__desc{color:#3c3c3c;display:-webkit-box;font-size:.9375vw;-webkit-line-clamp:6;line-height:1.77778;margin-bottom:7.1875vw;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}@media (max-width:767px){.book01-template-04__desc{font-size:16px;margin-bottom:30px}.book01-template-04__desc br{display:none}}.book01-template-04__swiper{height:auto;width:100%}.book01-template-04__swiper-next,.book01-template-04__swiper-prev{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;z-index:3;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;color:#000;cursor:pointer;font-size:20px;font-weight:900;height:45px;justify-content:center;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}@media (max-width:1199px){.book01-template-04__swiper-next,.book01-template-04__swiper-prev{right:-12px;width:45px}}.book01-template-04__swiper-prev{left:0;right:auto}@media (max-width:1199px){.book01-template-04__swiper-prev{left:-12px}}.book01-template-04__swiper-index{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:number,sans-serif;font-size:.9375vw;font-weight:700;z-index:4}.book01-template-04__swiper-index-split{background:rgba(30,27,25,.2);height:1px;margin:auto 1.19792vw;width:3.125vw}.book01-template-04__swiper-index{padding-bottom:3.95833vw}@media (max-width:767px){.book01-template-04__swiper-index{display:none}}.book01-template-04__swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.book01-template-04__swiper-slide-left,.book01-template-04__swiper-slide-right{display:block;min-height:100%;min-width:50%;padding:0 10px 35px;width:50%}@media (min-width:768px){.book01-template-04__swiper-slide-left,.book01-template-04__swiper-slide-right{padding:7.03125vw 2.1875vw 3.95833vw}}@media (min-width:1200px){.book01-template-04__swiper-slide-left:hover .book01-template-04__swiper-slide-img-icon,.book01-template-04__swiper-slide-left:hover .book01-template-04__swiper-slide-img:before,.book01-template-04__swiper-slide-right:hover .book01-template-04__swiper-slide-img-icon,.book01-template-04__swiper-slide-right:hover .book01-template-04__swiper-slide-img:before{opacity:1}.book01-template-04__swiper-slide-left:hover .book01-template-04__swiper-slide-img>img,.book01-template-04__swiper-slide-right:hover .book01-template-04__swiper-slide-img>img{-webkit-transform:scale(1.2);transform:scale(1.2)}}.book01-template-04__swiper-slide-right{padding-top:70px}@media (min-width:768px){.book01-template-04__swiper-slide-right{padding-top:23.95833vw}}.book01-template-04__swiper-slide-title{font-size:1.25vw;font-weight:700;letter-spacing:.0651vw;line-height:2.03125vw;line-height:1.625;padding-bottom:2.29167vw;padding-top:1.66667vw}@media (max-width:767px){.book01-template-04__swiper-slide-title{font-size:20px;font-size:5.625vw;letter-spacing:1.25px;padding-bottom:15px;padding-top:20px}}.book01-template-04__swiper-slide-desc{color:#424242;font-size:.83333vw;letter-spacing:.04167vw;line-height:1.875}@media (max-width:767px){.book01-template-04__swiper-slide-desc{display:none;font-size:14px;letter-spacing:.8px;line-height:25px}}.book01-template-04__swiper-slide-img{border-radius:5px;overflow:hidden;position:relative}.book01-template-04__swiper-slide-img:before{background:rgba(0,0,0,.48);content:"";height:100%;width:100%}.book01-template-04__swiper-slide-img-icon,.book01-template-04__swiper-slide-img:before{bottom:0;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;-webkit-transition:opacity .8s cubic-bezier(.7,0,.3,1);transition:opacity .8s cubic-bezier(.7,0,.3,1);z-index:1}.book01-template-04__swiper-slide-img-icon{height:4.27083vw;width:4.27083vw}@media (max-width:767px){.book01-template-04__swiper-slide-img-icon{display:none}}.book01-template-04__swiper-slide-img img{display:block;height:auto;width:100%}.book01-template-04__swiper-slide-img>img{border-radius:5px;-webkit-transition:-webkit-transform .8s cubic-bezier(.7,0,.3,1);transition:-webkit-transform .8s cubic-bezier(.7,0,.3,1);transition:transform .8s cubic-bezier(.7,0,.3,1);transition:transform .8s cubic-bezier(.7,0,.3,1),-webkit-transform .8s cubic-bezier(.7,0,.3,1)}@media (max-width:1200px){.book01-template-04__desc br{display:none}}
