@-webkit-keyframes scroll_down{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0;transform-origin:0 0}50%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 0;transform-origin:0 0}60%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 100%;transform-origin:0 100%}to{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 100%;transform-origin:0 100%}}@keyframes scroll_down{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0;transform-origin:0 0}50%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 0;transform-origin:0 0}60%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 100%;transform-origin:0 100%}to{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 100%;transform-origin:0 100%}}.book01-template-02{background:#fff;background-position:50%;background-size:cover;height:100vh;overflow:hidden;position:relative}@media (min-width:768px){.book01-template-02{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:57.25vw}}.book01-template-02__video-popup{display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:fixed;top:0;z-index:1020;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:100%;justify-content:center;opacity:0;pointer-events:none;-webkit-transition:opacity .8s cubic-bezier(.7,0,.3,1);transition:opacity .8s cubic-bezier(.7,0,.3,1);width:100%}.book01-template-02__video-popup.-active{opacity:1;pointer-events:auto}.book01-template-02__video-popup-close{background:#fff;cursor:pointer;height:45px;position:absolute;right:0;top:0;width:45px;z-index:3}@media (min-width:1200px){.book01-template-02__video-popup-close:hover:before{-webkit-transform:rotate(45deg) scale(1.2);transform:rotate(45deg) scale(1.2)}.book01-template-02__video-popup-close:hover:after{-webkit-transform:rotate(-45deg) scale(1.2);transform:rotate(-45deg) scale(1.2)}}.book01-template-02__video-popup-close:after,.book01-template-02__video-popup-close:before{background:#161616;bottom:0;content:"";height:2px;left:0;margin:auto;position:absolute;right:0;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-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);width:22px}.book01-template-02__video-popup-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.book01-template-02__video-popup-bg{background:rgba(0,0,0,.8);height:100%;left:0;position:absolute;top:0;width:100%}.book01-template-02__video-popup-center{max-width:1000px;position:relative;width:100%;z-index:1}.book01-template-02__video-popup-center:before{content:"";display:block;padding-bottom:56.25%;width:100%}.book01-template-02__video-popup-iframe{height:100%;left:0;position:absolute;top:0;width:100%}.book01-template-02__swiper{height:100%;width:100%}.book01-template-02__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-02__swiper-index-split{background:rgba(30,27,25,.2);height:1px;margin:auto 1.19792vw;width:3.125vw}.book01-template-02__swiper-index{bottom:0;left:16.25vw;padding-bottom:3.54167vw;position:absolute}@media (max-width:767px){.book01-template-02__swiper-index{display:none}}.book01-template-02__swiper-index-split{background:#414141}.book01-template-02__swiper-index-current{color:#fd6443}.book01-template-02__swiper-index-max{color:#fff}.book01-template-02__swiper-btn-group{height:10.20833vw;position:absolute;right:0;top:50%;width:5.10417vw;z-index:5}@media (max-width:767px){.book01-template-02__swiper-btn-group{height:90px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:45px}}.book01-template-02__swiper-next,.book01-template-02__swiper-prev{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:#39373b;color:#fff;cursor:pointer;font-size:24px;font-weight:900;height:50%;justify-content:center;width:100%}@media (min-width:1200px){.book01-template-02__swiper-next:before,.book01-template-02__swiper-prev:before{-webkit-transition:-webkit-transform .8s ease;transition:-webkit-transform .8s ease;transition:transform .8s ease;transition:transform .8s ease,-webkit-transform .8s ease}.book01-template-02__swiper-next:hover:before,.book01-template-02__swiper-prev:hover:before{-webkit-transform:scale(1.3);transform:scale(1.3)}}.book01-template-02__swiper-prev{background:#fd6443}.book01-template-02__swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:3.75vw;padding-left:3.75vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.book01-template-02__swiper-slide-index{font-family:number,sans-serif;font-size:.9375vw;font-weight:700;letter-spacing:.04688vw;line-height:1;padding-bottom:1.30208vw}.book01-template-02__swiper-slide-title{font-size:2.08333vw;letter-spacing:.05208vw;line-height:1.1;margin-bottom:1.5625vw}.book01-template-02__swiper-slide-slogan,.book01-template-02__swiper-slide-title{display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.book01-template-02__swiper-slide-slogan{font-size:.9375vw;font-weight:700;letter-spacing:.09375vw}.book01-template-02__scroll{bottom:3.54167vw;color:#fff;cursor:pointer;font-size:16px;left:4.27083vw;line-height:19px;position:absolute;width:19px;z-index:5}@media (max-width:767px){.book01-template-02__scroll{bottom:20px;display:none;left:20px}}.book01-template-02__scroll-text{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.book01-template-02__scroll-line{-webkit-animation:scroll_down 1s infinite;animation:scroll_down 1s infinite;background:#414141;height:3.64583vw;margin:1.5625vw auto 0;width:1px}@media (max-width:767px){.book01-template-02__scroll-line{height:35px;margin:15px auto 0}}.book01-template-02__left,.book01-template-02__right{height:100%;position:relative}.book01-template-02__left{overflow:hidden}@media (min-width:768px){.book01-template-02__left{max-width:68%;min-width:68%;width:68%}}.book01-template-02__left-main-img{bottom:0;height:50%;position:absolute;right:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:height 0s cubic-bezier(.7,0,.3,1) .8s,width 0s cubic-bezier(.7,0,.3,1) .8s,-webkit-transform 0s cubic-bezier(.7,0,.3,1) .8s;transition:height 0s cubic-bezier(.7,0,.3,1) .8s,width 0s cubic-bezier(.7,0,.3,1) .8s,-webkit-transform 0s cubic-bezier(.7,0,.3,1) .8s;transition:transform 0s cubic-bezier(.7,0,.3,1) .8s,height 0s cubic-bezier(.7,0,.3,1) .8s,width 0s cubic-bezier(.7,0,.3,1) .8s;transition:transform 0s cubic-bezier(.7,0,.3,1) .8s,height 0s cubic-bezier(.7,0,.3,1) .8s,width 0s cubic-bezier(.7,0,.3,1) .8s,-webkit-transform 0s cubic-bezier(.7,0,.3,1) .8s;width:47.05882%;z-index:0}.book01-template-02__left-main-img.-active{height:100%;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:width .8s cubic-bezier(.7,0,.3,1),height .8s cubic-bezier(.7,0,.3,1),-webkit-transform .8s cubic-bezier(.7,0,.3,1);transition:width .8s cubic-bezier(.7,0,.3,1),height .8s cubic-bezier(.7,0,.3,1),-webkit-transform .8s cubic-bezier(.7,0,.3,1);transition:transform .8s cubic-bezier(.7,0,.3,1),width .8s cubic-bezier(.7,0,.3,1),height .8s cubic-bezier(.7,0,.3,1);transition:transform .8s cubic-bezier(.7,0,.3,1),width .8s cubic-bezier(.7,0,.3,1),height .8s cubic-bezier(.7,0,.3,1),-webkit-transform .8s cubic-bezier(.7,0,.3,1);width:100%;z-index:1}.book01-template-02__left-main-img-inner{background-position:50%;background-size:cover;height:100%;position:relative;width:100%;z-index:1}.book01-template-02__left-main-img-inner.mobile{display:none}@media (max-width:767px){.book01-template-02__left-main-img-inner-box{padding-bottom:20px;padding-left:40px;padding-right:40px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;z-index:3}.book01-template-02__left-main-img-inner{display:none}.book01-template-02__left-main-img-inner.mobile{display:block}}.book01-template-02__left-main-img-text{left:0;padding-left:15.98958vw;padding-right:5.10417vw;padding-top:23.85417vw;position:absolute;top:0;z-index:3}@media (max-width:767px){.book01-template-02__left-main-img-text{padding-bottom:0;padding-left:0;padding-right:0;position:static;width:100%}}.book01-template-02__left-main-img-index{color:#fff;font-family:number,sans-serif;font-size:1.25vw;font-weight:700;letter-spacing:.05em;line-height:1;padding-bottom:.625vw;padding-right:3.02083vw;text-align:right}@media (max-width:767px){.book01-template-02__left-main-img-index{font-size:3.75vw;padding-bottom:3.75vw;padding-left:0;text-align:left}}.book01-template-02__left-main-img-title{color:#c5f368;display:-webkit-box;font-size:6.25vw;letter-spacing:.1em;-webkit-line-clamp:3;line-height:1.05;margin-bottom:4.0625vw;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}@media (max-width:767px){.book01-template-02__left-main-img-title{font-size:14.0625vw;margin-bottom:6.25vw}}.book01-template-02__left-main-img-slogan{color:#fff;display:-webkit-box;font-size:1.5625vw;font-weight:400;letter-spacing:.1em;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}@media (max-width:767px){.book01-template-02__left-main-img-slogan{font-size:3.75vw}}.book01-template-02__left-main-img-play{bottom:3.54167vw;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:6.82292vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border:2px solid #fa7224;border-radius:50%;cursor:pointer;height:5.10417vw;justify-content:center;width:5.10417vw;z-index:3}@media (max-width:767px){.book01-template-02__left-main-img-play{bottom:-45px;height:45px;left:45px;margin-top:0;pointer-events:auto;position:absolute;right:auto;width:45px}}@media (min-width:1200px){.book01-template-02__left-main-img-play:hover:before{-webkit-transform:scale(1.5);transform:scale(1.5)}}.book01-template-02__left-main-img-play:before{border-color:transparent transparent transparent #fa7224;border-style:solid;border-width:.80729vw 0 .80729vw .72917vw;content:"";display:block;height:0;left:.18229vw;position:relative;-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);width:0}@media (max-width:767px){.book01-template-02__left-main-img-play:before{border-width:8px 0 8px 7px;left:2px}}.book01-template-02__right{background:#fff}@media (min-width:768px){.book01-template-02__right{max-width:32%;min-width:32%;width:32%}}@media (max-width:767px){.book01-template-02__right{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}}.book01-template-02__right-bottom,.book01-template-02__right-top{background:#c5f368;height:100%}@media (min-width:768px){.book01-template-02__right-bottom,.book01-template-02__right-top{height:50%}}.book01-template-02__right-bottom{overflow:hidden;position:relative}@media (max-width:767px){.book01-template-02__right-bottom{display:none}}.book01-template-02__right-bottom-img{bottom:0;height:200%;position:absolute;right:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:height .8s cubic-bezier(.7,0,.3,1),width .8s cubic-bezier(.7,0,.3,1),-webkit-transform .8s cubic-bezier(.7,0,.3,1);transition:height .8s cubic-bezier(.7,0,.3,1),width .8s cubic-bezier(.7,0,.3,1),-webkit-transform .8s cubic-bezier(.7,0,.3,1);transition:transform .8s cubic-bezier(.7,0,.3,1),height .8s cubic-bezier(.7,0,.3,1),width .8s cubic-bezier(.7,0,.3,1);transition:transform .8s cubic-bezier(.7,0,.3,1),height .8s cubic-bezier(.7,0,.3,1),width .8s cubic-bezier(.7,0,.3,1),-webkit-transform .8s cubic-bezier(.7,0,.3,1);width:212.5%;z-index:1}.book01-template-02__right-bottom-img.-active{height:100%;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:height 0s cubic-bezier(.7,0,.3,1),width 0s cubic-bezier(.7,0,.3,1),-webkit-transform 0s cubic-bezier(.7,0,.3,1);transition:height 0s cubic-bezier(.7,0,.3,1),width 0s cubic-bezier(.7,0,.3,1),-webkit-transform 0s cubic-bezier(.7,0,.3,1);transition:transform 0s cubic-bezier(.7,0,.3,1),height 0s cubic-bezier(.7,0,.3,1),width 0s cubic-bezier(.7,0,.3,1);transition:transform 0s cubic-bezier(.7,0,.3,1),height 0s cubic-bezier(.7,0,.3,1),width 0s cubic-bezier(.7,0,.3,1),-webkit-transform 0s cubic-bezier(.7,0,.3,1);width:100%;z-index:0}.book01-template-02__right-bottom-img-inner{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
