.food01-template-02{position:relative}.food01-template-02 .container{display:none!important}.food01-template-02 .bg{background-position:50%;background-repeat:no-repeat;background-size:contain;transform:scale(1.25);transition:transform 1s ease,opacity 1s ease;transition-delay:.2s;width:100%}.food01-template-02 .bg:before{content:"";display:block;height:100dvh;width:100%}.food01-template-02 .bg.desktop{height:auto}.food01-template-02 .bg.desktop:before{height:auto;padding-bottom:50%}@media(max-width:979px){.food01-template-02{margin-top:60px}.food01-template-02 .bg.desktop{display:none}.food01-template-02 .bg.mobile:before{height:auto;padding-bottom:187.5%}}@media(min-width:740px)and (max-width:979px){.food01-template-02{margin-top:80px}}@media(min-width:980px){.food01-template-02 .bg.mobile{display:none}}.food01-template-02 .layer-text{height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}.food01-template-02 .text-holder{align-items:flex-start;color:#fff;display:flex;flex-direction:column;height:100dvh;justify-content:center;padding:var(--pd-inside-xs) calc(var(--pd-inside-xs)*2) var(--pd-inside-xs) var(--pd-inside-xs);width:100%}@media(min-width:980px){.food01-template-02 .text-holder{height:55.2vw;padding:6vh 10% 0 55%}}@media(min-width:1400px){.food01-template-02 .text-holder{padding:8vh 10% 0 60%}}@media(min-width:1780px){.food01-template-02 .text-holder{padding:10vh 10% 0 68%}}.food01-template-02 .text-holder .btn-play,.food01-template-02 .text-holder .link-holder,.food01-template-02 .text-holder h2,.food01-template-02 .text-holder p{opacity:0;transform:translateY(50px);transition:all .8s ease;transition-property:transform,opacity}.food01-template-02 .text-holder h2{font-size:clamp(32px,1.875vw,48px);font-weight:700;line-height:1.25em;margin-bottom:3vh}.food01-template-02 .text-holder p{display:-webkit-box;height:3em;-webkit-line-clamp:2;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:6vh}@media(min-width:1780px){.food01-template-02 .text-holder p{font-size:1.125em}}.food01-template-02 .text-holder a{align-items:center;cursor:pointer;display:flex;font-size:1.125em;letter-spacing:1px;transition:letter-spacing .3s ease;user-select:none;-moz-user-select:none;-webkit-user-select:none}.food01-template-02 .text-holder a svg{display:block;height:auto;margin-left:2em;width:26px}@media(min-width:1780px){.food01-template-02 .text-holder a svg{width:30px}}.food01-template-02 .text-holder a:hover{letter-spacing:.5em}@media(min-width:1780px){.food01-template-02 .text-holder a{font-size:1.25em}}.food01-template-02 .btn-play{align-items:center;cursor:pointer;display:flex;font-size:1.125em;margin-bottom:6vh;user-select:none;-moz-user-select:none;-webkit-user-select:none}.food01-template-02 .btn-play span{font-weight:700;margin-left:1em;transition:margin .3s ease}.food01-template-02 .btn-play svg{display:block;fill:var(--color-main);height:auto;transition:transform .3s ease;width:clamp(50px,3.645vw,72px)}@media(min-width:1780px){.food01-template-02 .btn-play{font-size:1.25em}}.food01-template-02 .btn-play:hover svg{transform:scale(1.25)}.food01-template-02 .btn-play:hover span{margin-left:1.75em}.food01-template-02 .swiper-slide{opacity:0!important}.food01-template-02 .swiper-slide.swiper-slide-active{opacity:1!important}.food01-template-02 .swiper-slide.swiper-slide-active .bg{transform:none;transition-delay:0s}.food01-template-02 .scroll{bottom:0;color:#fff;cursor:pointer;font-weight:700;height:60px;left:50%;opacity:0;position:absolute;transform:translateX(-50%) translateY(50px);transition:1.5s ease;z-index:10}.food01-template-02 .scroll .scroll-text{font-size:.875em}@media(min-width:740px){.food01-template-02 .scroll .scroll-text{font-size:1.125em}}@media(min-width:1100px){.food01-template-02 .scroll .scroll-text{font-size:1.25em}}@media(min-width:1400px){.food01-template-02 .scroll .scroll-text{font-size:1.5em}}@media(min-width:740px){.food01-template-02 .scroll{height:90px}}@media(min-width:1400px){.food01-template-02 .scroll{height:120px}}@media(max-width:1199px){.food01-template-02 .scroll .scroll i{height:50px}.food01-template-02 .scroll .scroll .scroll-text{font-size:16px}.food01-template-02 .scroll .scroll{height:46px}}.food01-template-02 .ctrl-holder{display:none;flex-direction:column;left:var(--pd-lg);margin-left:-5px;position:absolute;top:50%}@media(min-width:980px){.food01-template-02 .ctrl-holder{display:flex}}.food01-template-02 .ctrl-holder .swiper-button-next,.food01-template-02 .ctrl-holder .swiper-button-prev{align-items:center;display:flex;justify-content:center;margin:0;position:static}.food01-template-02 .ctrl-holder .swiper-button-next:after,.food01-template-02 .ctrl-holder .swiper-button-prev:after{color:#fff;font-size:20px;transform:rotate(90deg);transform-origin:center;width:30px}.food01-template-02 .swiper-pagination{bottom:30px;display:flex;flex-direction:column;left:var(--pd-inside-xs);margin-left:-8px;position:absolute}@media(min-width:980px){.food01-template-02 .swiper-pagination{left:var(--pd-lg);margin-left:-10px}}.food01-template-02 .swiper-pagination .swiper-pagination-bullet{align-items:center;background:none;display:flex;height:30px;justify-content:center;opacity:1;width:30px}.food01-template-02 .swiper-pagination .swiper-pagination-bullet:after{background-color:transparent;border:1px solid #fff;border-radius:50%;content:"";display:block;flex-shrink:0;height:8px;width:8px}.food01-template-02 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background-color:var(--color-main);border-color:var(--color-main)}.food01-template-02 .video-container{position:relative;width:100%}.food01-template-02 .video-container:after{content:"";display:block;padding-top:56.25%}.food01-template-02 .video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.food01-template-02 .popup-video{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(0,0,0,.5);display:flex;height:100dvh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:all .4s ease;transition-property:opacity,visibility;visibility:hidden;width:100%;z-index:9999}.food01-template-02 .popup-video .video-container{transform:translateY(-50px);transition:transform .4s ease;width:88%}@media(min-width:980px){.food01-template-02 .popup-video .video-container{max-width:1100px;width:72%}}.food01-template-02 .popup-video.--active{opacity:1;pointer-events:auto;visibility:visible}.food01-template-02 .popup-video.--active .video-container{transform:none}.food01-template-02.show .scroll{opacity:1;transform:translateX(-50%) translateY(0)}.food01-template-02.show .swiper-slide .btn-play,.food01-template-02.show .swiper-slide .link-holder,.food01-template-02.show .swiper-slide h2,.food01-template-02.show .swiper-slide p{opacity:0;transform:translateY(-50px)}.food01-template-02.show .swiper-slide.swiper-slide-active .btn-play{opacity:1;transform:none}.food01-template-02.show .swiper-slide.swiper-slide-active h2{opacity:1;transform:none;transition-delay:.2s}.food01-template-02.show .swiper-slide.swiper-slide-active p{opacity:1;transform:none;transition-delay:.4s}.food01-template-02.show .swiper-slide.swiper-slide-active .link-holder{opacity:1;transform:none;transition-delay:.6s}.food01-template-02 .scroll i{-webkit-animation:draw 2s linear infinite;animation:draw 2s linear infinite;background:#909090;content:"";display:block;height:120px;margin:0 auto 3px;position:relative;top:15px;width:1px}.food01-template-02 .btn-close{background-color:#f5f5f5;border-radius:50%;cursor:pointer;height:50px;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:transform .3s ease;width:50px}.food01-template-02 .btn-close:hover{transform:translate(50%,-50%) rotate(180deg) scale(1.25)}.food01-template-02 .btn-close:after,.food01-template-02 .btn-close:before{background-color:#333;content:"";height:2px;left:50%;margin-left:-13px;margin-top:-1px;position:absolute;top:50%;width:26px}.food01-template-02 .btn-close:before{transform:rotate(45deg)}.food01-template-02 .btn-close:after{transform:rotate(-45deg)}@-webkit-keyframes draw{0%,to{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0}49.9%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50% 0;transform-origin:50% 0}50%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}99.9%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes draw{0%,to{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0}49.9%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50% 0;transform-origin:50% 0}50%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}99.9%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}