.book01-template-03{background-position:50%;background-size:cover;overflow:hidden}.book01-template-03__top{position:relative}@media (min-width:768px){.book01-template-03__top{display:-ms-grid;display:grid;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:17fr 8fr;grid-template-columns:17fr 8fr}.book01-template-03__top>:first-child{-ms-grid-column:1;-ms-grid-row:1}.book01-template-03__top>:nth-child(2){-ms-grid-column:2;-ms-grid-row:1}}.book01-template-03__top-left,.book01-template-03__top-right{padding-top:5.83333vw}@media (max-width:767px){.book01-template-03__top-left,.book01-template-03__top-right{padding-top:45px}}@media (min-width:768px){.book01-template-03__top-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width:768px){.book01-template-03__top-left-mobg{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}}@media (min-width:768px){.book01-template-03__top-left-inner.-bottom{border-left:1px solid hsla(0,0%,44%,.2);min-height:100%;padding-bottom:5.98958vw;padding-left:2.9875vw}.book01-template-03__top-left-container.-bottom{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.book01-template-03__top-left-desc,.book01-template-03__top-left-title{max-width:28vw}}.book01-template-03__top-left-title{font-size:1.66667vw;font-weight:700;letter-spacing:.0651vw;letter-spacing:.39062vw;line-height:1.3125;padding-bottom:2.5vw}@media (max-width:767px){.book01-template-03__top-left-title{font-size:28px;letter-spacing:1.25px;letter-spacing:3px;padding-bottom:30px}}.book01-template-03__top-left-desc{font-size:.9375vw;line-height:1.77778;padding-bottom:3.90625vw}@media (max-width:767px){.book01-template-03__top-left-desc{font-size:16px;padding-bottom:15px}}.book01-template-03__top-left-desc-p{display:-webkit-box;-webkit-line-clamp:20;margin-bottom:3.125vw;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}@media (max-width:767px){.book01-template-03__top-left-desc-p{margin-bottom:30px}.book01-template-03__top-left-desc-p br{display:none}}.book01-template-03__top-left-btn{border-bottom:1px solid #f2583b;color:#f2583b;font-size:1.14583vw;font-weight:700;letter-spacing:.0651vw;line-height:1.36364}@media (min-width:1200px){.book01-template-03__top-left-btn{-webkit-transition:opacity .8s cubic-bezier(.7,0,.3,1);transition:opacity .8s cubic-bezier(.7,0,.3,1)}.book01-template-03__top-left-btn:hover{opacity:.4}}@media (max-width:767px){.book01-template-03__top-left-btn{font-size:18px;letter-spacing:1.25px}}.book01-template-03__top-right{background:#c5f368;padding-bottom:29.94792vw;position:relative}@media (max-width:767px){.book01-template-03__top-right{display:none}}.book01-template-03__top-right-title{font-size:3.125vw;letter-spacing:.1em;line-height:1.4}@media (max-width:767px){.book01-template-03__top-right-title{font-size:32px}}.book01-template-03__top-right-deco,.book01-template-03__top-right-dot,.book01-template-03__top-right-line-square{display:block;height:auto;pointer-events:none;position:absolute}.book01-template-03__top-right-deco{bottom:5.20833vw;height:23.4375vw;left:-23.4375vw;width:23.4375vw;z-index:2}.book01-template-03__top-right-deco .color{background:#c5f368;content:"";display:block;height:100%;position:absolute;top:0;width:50%}.book01-template-03__top-right-deco .color:first-child{border-radius:0 11.71875vw 11.71875vw 0;left:0}.book01-template-03__top-right-deco .color:nth-child(2){border-radius:11.71875vw 0 0 11.71875vw;right:0}.book01-template-03__top-right-dot{bottom:22.91667vw;left:-18.02083vw;width:7.91667vw;z-index:3}.book01-template-03__top-right-line-square{bottom:3.90625vw;left:-9.21875vw;width:18.4375vw;z-index:1}.book01-template-03__top-title{border-top:2px solid #393939;font-size:1.875vw;padding-bottom:7.29167vw;padding-top:1.30208vw;text-transform:uppercase}@media (max-width:767px){.book01-template-03__top-title{font-size:24px;padding-bottom:10px;padding-top:20px}}@media (min-width:768px){.book01-template-03__top .container.-top{padding-left:4.27083vw;padding-right:4.27083vw}}.book01-template-03__bottom{background-position:50%;background-size:cover;padding-bottom:7.29166vw}@media (max-width:767px){.book01-template-03__bottom{padding-bottom:45px}}.book01-template-03__bottom-inner{position:relative}.book01-template-03__bottom-inner-outside{padding-top:6.77083vw}@media (min-width:1200px){.book01-template-03__bottom-inner-outside{border-left:1px solid hsla(0,0%,44%,.2)}}@media (max-width:767px){.book01-template-03__bottom-inner-outside{padding-top:75px}}.book01-template-03__swiper-next,.book01-template-03__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-03__swiper-next,.book01-template-03__swiper-prev{right:-12px;width:45px}}.book01-template-03__swiper-prev{left:0;right:auto}@media (max-width:1199px){.book01-template-03__swiper-prev{left:-12px}}@media (min-width:1200px){.book01-template-03__swiper{padding-right:100px}}.book01-template-03__swiper-btn-group{bottom:0;height:100%;margin:auto;min-height:90px;position:absolute;right:-15px;top:0;width:calc(100% + 30px);z-index:3}@media (min-width:768px){.book01-template-03__swiper-btn-group{right:0;width:100%}}@media (min-width:1200px){.book01-template-03__swiper-btn-group{background-color:#fff;width:100px}}.book01-template-03__swiper-slide{width:20%}@media (max-width:767px){.book01-template-03__swiper-slide{width:33.33333%}}@media (min-width:1200px){.book01-template-03__swiper-slide img{-webkit-filter:grayscale(1);filter:grayscale(1)}.book01-template-03__swiper-slide:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}}.book01-template-03__swiper-slide img{display:block;height:4.84375vw;margin:auto;-webkit-transition:all .8s cubic-bezier(.7,0,.3,1);transition:all .8s cubic-bezier(.7,0,.3,1);width:auto}@media (max-width:1199px){.book01-template-03__swiper-slide img{height:40px}}
