:root{--color-main:#10386b;--color-sub:#b5a049;--color-error:#db584b;--color-txt:#4d4d4d;--color-base:#f2f2f2;--color-gray-light:#f3f3f3;--color-gray:#c3c3c3;--color-gray-dark:#4b4b4b}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}input,textarea,button{appearance:button;box-sizing:border-box;cursor:pointer;border:none;border-radius:0}html{scrollbar-gutter:stable}@media (max-width:375px){html{font-size:4.26vw}}body{color:var(--color-txt);letter-spacing:.06em;font-family:Shippori Mincho,Georgia,Hiragino Mincho ProN,ヒラギノ明朝 ProN W3,游明朝,Yu Mincho,YuMincho,ＭＳ 明朝,MS Mincho,serif;font-size:.875rem;font-weight:400;line-height:1.8;position:relative}html,body{width:100%}ol,ul{list-style-type:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}body *{box-sizing:border-box;word-break:break-word}a{cursor:pointer;color:var(--color-main);outline:none;text-decoration:none;transition:all .3s cubic-bezier(.4,.4,0,1)}a:hover{opacity:.5}::selection{background:var(--color-sub)}::-moz-selection{background:var(--color-sub)}small{font-size:max(80%,12px)}h1,h2,h3,h4,h5,h6,li{font-size:100%}img,picture,video{vertical-align:bottom;max-width:100%;height:auto}.recipe__inr,.voice__inr,.features__inr,.product__inr,.about__inr,.kv__inr,.footer__inr{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}.recipe__ttl,.voice__ttl,.features__ttl,.product__ttl,.about__ttl,.contact__ttl{writing-mode:vertical-rl;color:var(--color-main);letter-spacing:.3em;padding-top:.875rem;font-size:1.625rem;line-height:1.7}@media (max-width:768px){.recipe__ttl,.voice__ttl,.features__ttl,.product__ttl,.about__ttl,.contact__ttl{writing-mode:horizontal-tb;letter-spacing:.1em;text-align:center;padding-top:0;font-size:1.375rem;line-height:1.8}}.recipe__ttl span.tate,.voice__ttl span.tate,.features__ttl span.tate,.product__ttl span.tate,.about__ttl span.tate,.contact__ttl span.tate{writing-mode:horizontal-tb;letter-spacing:0;margin-top:-.5em;line-height:1.8}@media (max-width:768px){.recipe__ttl span.tate,.voice__ttl span.tate,.features__ttl span.tate,.product__ttl span.tate,.about__ttl span.tate,.contact__ttl span.tate{margin-top:0}}.recipe__ttl span.en,.voice__ttl span.en,.features__ttl span.en,.product__ttl span.en,.about__ttl span.en,.contact__ttl span.en{letter-spacing:.24em;color:var(--color-txt);margin-top:-.875rem;margin-left:.5em;font-family:Baskervville,Shippori Mincho,Georgia,Hiragino Mincho ProN,ヒラギノ明朝 ProN W3,游明朝,Yu Mincho,YuMincho,ＭＳ 明朝,MS Mincho,serif;font-size:1rem;font-weight:500;display:block}@media (max-width:768px){.recipe__ttl span.en,.voice__ttl span.en,.features__ttl span.en,.product__ttl span.en,.about__ttl span.en,.contact__ttl span.en{margin-top:.5rem;margin-left:0;font-size:.875rem}}.wrapper,.contents{width:100%}.header{z-index:300;align-items:center;gap:2em;width:100%;height:120px;padding:1em 2em;transition:all .3s cubic-bezier(.4,.4,0,1);display:flex;position:fixed;top:0;left:0}@media (max-width:1024px){.header{z-index:301;gap:1em;height:110px;padding:1em 20px}}@media (max-width:768px){.header{height:3.75rem}}.header__logo{z-index:303;width:9rem;line-height:0;position:relative}@media (max-width:1024px){.header__logo{width:7.5rem}}@media (max-width:768px){.header__logo{width:6.25rem}}.header__logo a{display:block}.header__ec{width:2.8125rem;margin-right:auto;display:block}@media (max-width:1024px){.header__ec{z-index:303;width:2.5rem}}@media (max-width:768px){.header__ec{width:2rem;margin-bottom:5px}}.header.is-scrolled{background-color:var(--color-main)}.hamb-menu{flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}@media (max-width:1024px){.hamb-menu{pointer-events:none;z-index:302;background-color:var(--color-main);flex-direction:column;width:100%;padding:6.25rem 20px 2.5rem;transition:all .3s cubic-bezier(.4,.4,0,1);position:fixed;top:0;right:0;overflow-y:scroll;transform:translateY(-100%)}}@media (max-width:768px){.hamb-menu{padding:5rem 20px 2.5rem}}.hamb-btn{display:none}@media (max-width:1024px){.hamb-btn{cursor:pointer;z-index:303;flex-direction:column;justify-content:center;width:3.75rem;height:3.75rem;padding:1rem;display:flex}.hamb-btn .hamb-btn__bar:before,.hamb-btn .hamb-btn__bar:after,.hamb-btn .hamb-btn__bar{background:#fff;width:100%;height:.0625rem;margin:auto;transition:all .3s cubic-bezier(.4,.4,0,1);display:block;position:relative}.hamb-btn__bar:before,.hamb-btn__bar:after{content:"";position:absolute;background:#fff!important}.hamb-btn__bar:before{animation:.75s forwards menu-bar-1;bottom:.375rem}.hamb-btn__bar:after{animation:.75s forwards menu-bar-2;top:.3125rem}body.is-menu-open .hamb-menu{pointer-events:all;transform:translate(0)}body.is-menu-open .hamb-btn__bar{background:0 0}body.is-menu-open .hamb-btn__bar:before{animation:.75s forwards active-menu-bar-1;bottom:.6875rem}body.is-menu-open .hamb-btn__bar:after{animation:.75s forwards active-menu-bar-2;top:.5rem}}@keyframes menu-bar-1{0%{transform:translateY(.625rem)rotate(45deg)}50%{transform:translateY(.625rem)rotate(0)}to{transform:translateY(0)rotate(0)}}@keyframes menu-bar-2{0%{transform:translateY(-.625rem)rotate(-45deg)}50%{transform:translateY(-.625rem)rotate(0)}to{transform:translateY(0)rotate(0)}}@keyframes active-menu-bar-1{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(.625rem)rotate(0)}to{transform:translateY(.625rem)rotate(45deg)}}@keyframes active-menu-bar-2{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-.625rem)rotate(0)}to{transform:translateY(-.625rem)rotate(-45deg)}}.gnav{flex:1;justify-content:flex-end;align-items:center;gap:2em;display:flex}@media (max-width:1024px){.gnav{flex-direction:column;justify-content:flex-start;gap:1.5em;width:100%}}.gnav-main{justify-content:flex-end;align-items:center;gap:2em;display:flex}@media (max-width:1024px){.gnav-main{width:100%;display:block}.gnav-main>li{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;margin-bottom:1em}}.gnav-main>li a{color:#fff;font-size:1.25rem;font-weight:700;position:relative}@media (max-width:1024px){.gnav-main>li a{color:#fff;border-bottom:1px solid #fff3;width:100%;padding:.5em 0;display:block}}@media (max-width:768px){.gnav-main>li a{font-size:1rem}}.gnav-main>li a:hover{opacity:1}@media (min-width:1025px){.gnav-main>li a:hover{color:var(--color-main)}}.footer{background-color:var(--color-main);padding-top:120px}@media (max-width:1024px){.footer{padding-top:5rem}}@media (max-width:768px){.footer{padding-top:56px}}.footer__main{margin-bottom:1.25rem;display:flex}@media (max-width:1024px){.footer__main{flex-direction:column}}.footer__sub{padding-bottom:2rem}@media (max-width:768px){.footer__sub{padding-bottom:1.5rem}}.footer__inr{flex-direction:row-reverse;justify-content:space-between;align-items:flex-end;display:flex}@media (max-width:768px){.footer__inr{flex-direction:column;align-items:center;gap:1.25rem}}.footer__mark{width:6.25rem}@media (max-width:768px){.footer__mark{width:4.375rem}}.map{flex:1;padding:3.125rem 0;overflow:hidden}@media (max-width:1024px){.map{padding:2.5rem 0}}@media (max-width:768px){.map{padding:1.875rem 0}}.map iframe{vertical-align:bottom;object-fit:cover;width:100%;height:100%}@media (max-width:1024px){.map iframe{height:18.75rem}}.contact{border-top:7px solid var(--color-sub);text-align:center;background-color:#fff;width:20rem;padding:2.75rem 2rem}@media (max-width:1024px){.contact{width:100%;max-width:31.25rem;margin:0 auto;padding:2rem 1.5rem}}@media (max-width:768px){.contact{padding:1.5rem 1.25rem}}.contact__ttl{writing-mode:horizontal-tb;margin-bottom:1em}.contact__txt{margin-bottom:1.5rem}@media (max-width:768px){.contact__txt{margin-bottom:1rem;font-size:.875rem}}.contact__sns{justify-content:center;gap:2rem;margin-bottom:.875rem;display:flex}@media (max-width:768px){.contact__sns{gap:1.25rem}}.contact__sns-link,.contact__sns-link--line,.contact__sns-link--instragram{background-position:50%;background-repeat:no-repeat;background-size:contain;width:5rem;height:5rem;display:block}@media (max-width:768px){.contact__sns-link,.contact__sns-link--line,.contact__sns-link--instragram{width:3.75rem;height:3.75rem}}.contact__sns-link--instragram{background-image:url(/instagram.svg)}.contact__sns-link--line{background-image:url(/line.svg)}.contact__tel{color:var(--color-sub);margin-bottom:.5rem;font-size:1.5625rem}@media (max-width:768px){.contact__tel{font-size:1.25rem}}.contact__ec{border-radius:.3125rem;display:block;overflow:hidden}.contact__ec:hover{opacity:1}.contact__ec:hover .contact__btn{background-color:var(--color-main);border-color:var(--color-main);opacity:1}.contact__btn{background-color:var(--color-sub);border:1px solid var(--color-sub);padding:.625rem 2rem;transition:all .3s cubic-bezier(.4,.4,0,1);display:block}@media (max-width:768px){.contact__btn{padding:.5rem 1.25rem}}.contact__btn span{color:#fff;letter-spacing:.25em;justify-content:center;align-items:center;gap:.5em;font-size:1.5rem;display:flex}@media (max-width:768px){.contact__btn span{font-size:1.125rem}}.contact__btn span:before{content:"";background:url(/icon-cart.svg) 50%/contain no-repeat;width:1em;height:1em}.info{flex:1;padding:3.125rem 0}@media (max-width:1024px){.info{padding:2.5rem 0}}@media (max-width:768px){.info{padding:1.875rem 0}}.info__inr{background:url(/footer-bg.jpg) 50%/cover no-repeat;flex-direction:column;align-items:center;height:100%;padding:5rem 20px 3.125rem;display:flex}@media (max-width:1024px){.info__inr{padding:3.75rem 20px 2.5rem}}@media (max-width:768px){.info__inr{padding:2.5rem 20px 1.875rem}}.info__txt{writing-mode:vertical-rl;color:#fff;letter-spacing:.12em;flex:1;font-size:1.0625rem;line-height:3}@media (max-width:1024px){.info__txt{writing-mode:horizontal-tb;text-align:center;margin-bottom:2rem;font-size:1rem;line-height:2}}.info__logo{width:13.375rem;margin:0 auto}@media (max-width:768px){.info__logo{width:10rem}}.copyright{color:#fff}@media (max-width:768px){.copyright{text-align:center;font-size:.75rem}}.slider{position:relative}.slider .swiper{-webkit-user-select:none;user-select:none;width:100%;position:relative}.slider .swiper .swiper-main :focus{outline:none}.slider .swiper .swiper-slide-text{-webkit-user-select:text;user-select:text}.slider .swiper .swiper-slide{height:auto}.slider__control{justify-content:center;align-items:center;gap:1em;margin-top:1em;display:flex;position:relative}.slider__control .swiper-pagination{position:static}.slider__control .swiper-button-prev,.slider__control .swiper-button-next{margin:0;padding:0;transition:all .3s cubic-bezier(.4,.4,0,1);position:static;transform:none!important}.slider__control .swiper-button-prev:after,.slider__control .swiper-button-next:after{transition:all .3s cubic-bezier(.4,.4,0,1)}.slider__control .swiper-button-prev span,.slider__control .swiper-button-prev svg,.slider__control .swiper-button-next span,.slider__control .swiper-button-next svg{display:none!important}body.is-fixed{width:100%;position:fixed;overflow:hidden}.modal{z-index:400;opacity:0;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.modal.is-active{justify-content:center;align-items:center;display:flex}.modal.is-visible{opacity:1}.modal__overlay{opacity:.85;cursor:pointer;background:url(/recipe-bg.jpg) 50%/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.modal__wrap{z-index:401;width:100%;max-width:870px;max-height:80vh;position:relative}@media (max-width:768px){.modal__wrap{max-width:95vw;height:70vh}}.modal__close{cursor:pointer;z-index:402;width:35px;height:35px;position:absolute;top:-40px;right:-40px}@media (max-width:1024px){.modal__close{right:0}}@media (max-width:768px){.modal__close{width:30px;height:30px;top:-35px}}.modal__close:before,.modal__close:after{content:"";background:var(--color-main);width:100%;height:1px;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.modal__close:before{transform:translateY(-50%)rotate(45deg)}.modal__close:after{transform:translateY(-50%)rotate(-45deg)}.modal__contents{background:#fff;height:100%;padding:50px;display:none;position:relative;overflow:auto}@media (max-width:768px){.modal__contents{overscroll-behavior:contain;padding:20px}}.modal__contents.is-active{display:block}.modal__head{border-bottom:1px solid var(--color-gray);align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}@media (max-width:768px){.modal__head{gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem}}.modal__num{color:var(--color-sub);letter-spacing:.05em;font-family:Baskervville,Shippori Mincho,Georgia,Hiragino Mincho ProN,ヒラギノ明朝 ProN W3,游明朝,Yu Mincho,YuMincho,ＭＳ 明朝,MS Mincho,serif;font-size:2.5rem;line-height:1}@media (max-width:768px){.modal__num{font-size:1.75rem}}.modal__ttl{color:var(--color-main);letter-spacing:.12em;font-size:1.625rem;line-height:1.4}@media (max-width:768px){.modal__ttl{font-size:1.125rem}}.modal__body{gap:3rem;display:flex}@media (max-width:768px){.modal__body{flex-direction:column;gap:1.5rem}}.modal__ingredients{flex-shrink:0;width:15rem}@media (max-width:768px){.modal__ingredients{width:100%}}.modal__ingredients-sub{color:var(--color-sub);letter-spacing:.1em;margin-top:1rem;margin-bottom:.5rem;font-size:.875rem}@media (max-width:768px){.modal__ingredients-sub{margin-top:.75rem;margin-bottom:.375rem;font-size:.8125rem}}.modal__steps{flex:1}.modal__subtitle{letter-spacing:.15em;margin-bottom:1rem;padding-left:.875rem;font-size:1.125rem;position:relative}@media (max-width:768px){.modal__subtitle{margin-bottom:.75rem}}.modal__subtitle:before{content:"";background-color:var(--color-sub);border-radius:50px;width:3px;height:60%;position:absolute;top:55%;left:0;transform:translateY(-50%)}.modal__list li{font-size:.9375rem;line-height:1.8}@media (max-width:768px){.modal__list li{font-size:.875rem}}.modal__list li:not(:last-child){margin-bottom:.5rem}@media (max-width:768px){.modal__list li:not(:last-child){margin-bottom:.375rem}}.modal ul.modal__list li{padding-left:1.25rem;position:relative}@media (max-width:768px){.modal ul.modal__list li{padding-left:1rem}}.modal ul.modal__list li:before{content:"";background-color:var(--color-sub);border-radius:50%;width:.375rem;height:.375rem;position:absolute;top:.625rem;left:0}@media (max-width:768px){.modal ul.modal__list li:before{width:.3125rem;height:.3125rem;top:.5rem}}.modal ol.modal__list{counter-reset:step}.modal ol.modal__list li{padding-left:2rem;position:relative}@media (max-width:768px){.modal ol.modal__list li{padding-left:1.75rem}}.modal ol.modal__list li:before{content:counter(step);counter-increment:step;background-color:var(--color-main);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.8125rem;line-height:0;display:flex;position:absolute;top:.125rem;left:0}@media (max-width:768px){.modal ol.modal__list li:before{width:1.25rem;height:1.25rem;font-size:.75rem;top:.0625rem}}.modal__note{color:#888;margin-top:.5rem;font-size:.8125rem;line-height:1.6;display:block}@media (max-width:768px){.modal__note{margin-top:.375rem;font-size:.75rem}.forPC{display:none!important}}@media (min-width:769px){.forSP{display:none!important}}.anm-char{display:inline-block}.anm-txt .anm-char{position:relative}.anm-fade-up{opacity:0;transform:translateY(20px)}.anm-blur{filter:blur(50px)}.kv{background-color:var(--color-main);padding:2rem 0;overflow:hidden}@media (max-width:1024px){.kv{padding:1.5rem 0}}@media (max-width:768px){.kv{padding:1rem 0}}.kv__inr{position:relative}.kv__inr:before,.kv__inr:after{content:"";opacity:.2;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}.kv__inr:before{z-index:5;background-image:url(/kv-illust01.svg);width:min(14.93vw,215px);height:min(14.93vw,215px);top:10%;right:-5%}@media (max-width:768px){.kv__inr:before{width:100px;height:100px;top:5%;right:0}}.kv__inr:after{z-index:5;background-image:url(/kv-illust02.svg);width:min(25vw,360px);height:min(12.56vw,181px);bottom:20%;left:-10%}@media (max-width:768px){.kv__inr:after{width:180px;height:90px;bottom:10%;left:-5%}}.kv__mark{width:6.25rem;margin:0 auto 2rem}@media (max-width:768px){.kv__mark{width:4.375rem;margin-bottom:1.25rem}}.kv__main{margin-bottom:1.5em;position:relative}@media (max-width:768px){.kv__main{margin-bottom:1em}}.kv__main:before{content:"";opacity:.2;z-index:5;background-image:url(/kv-illust03.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:min(14.93vw,215px);height:min(14.93vw,215px);position:absolute;bottom:-13%;right:2%}@media (max-width:768px){.kv__main:before{width:100px;height:100px;bottom:-10%}}.kv__copy{color:#fff;text-shadow:0 0 8px #00000080;letter-spacing:.04em;z-index:5;font-size:2.5rem;font-weight:600;position:absolute;top:15%;left:0}@media (max-width:1024px){.kv__copy{font-size:2rem}}@media (max-width:768px){.kv__copy{font-size:1.25rem;top:10%}}.kv__year{text-align:center;letter-spacing:.03em;color:#889bb5;font-family:Baskervville,Shippori Mincho,Georgia,Hiragino Mincho ProN,ヒラギノ明朝 ProN W3,游明朝,Yu Mincho,YuMincho,ＭＳ 明朝,MS Mincho,serif;font-size:1.25rem}@media (max-width:768px){.kv__year{font-size:1rem}}.about{padding:120px 0 4rem;margin-bottom:3.5rem!important}@media (max-width:768px){.about{padding:56px 0 4rem;margin-bottom:2.5rem!important}}.about__inr{background:url(/about-bg.svg) bottom/min(47.22vw,680px) no-repeat;flex-direction:row-reverse;justify-content:center;align-items:flex-start;gap:5rem;padding-bottom:5rem;display:flex;position:relative}@media (max-width:1024px){.about__inr{gap:2.5rem;padding-bottom:3.75rem}}@media (max-width:768px){.about__inr{background-size:80%;flex-direction:column;align-items:center;gap:1.5rem;padding-bottom:2.5rem}}.about__copy{writing-mode:vertical-rl;letter-spacing:.1em;margin-top:3rem;font-size:1.1875rem;line-height:2.5}@media (max-width:768px){.about__copy{writing-mode:horizontal-tb;text-align:center;margin-top:0;font-size:1rem;line-height:2}}.cta{position:relative;overflow:hidden;margin-bottom:0!important}.cta__slide{animation:20s linear infinite slide-loop;display:flex}.cta__slide li{min-width:61.11vw}@media (max-width:1024px){.cta__slide li{min-width:70vw}}@media (max-width:768px){.cta__slide li{min-width:85vw}}.cta__btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta__btn a{background-color:var(--color-sub);border:1px solid var(--color-sub);border-radius:.3125rem;padding:.625rem 2rem;display:block}@media (max-width:768px){.cta__btn a{padding:.5rem 1.25rem}}.cta__btn a:hover{background-color:var(--color-main);border-color:var(--color-main);opacity:1}.cta__btn a span{color:#fff;letter-spacing:.25em;justify-content:center;align-items:center;gap:.5em;font-size:1.5rem;display:flex}@media (max-width:768px){.cta__btn a span{font-size:1rem}}.cta__btn a span:before{content:"";background:url(/icon-cart.svg) 50%/contain no-repeat;width:1em;height:1em}@keyframes slide-loop{0%{transform:translate(0)}to{transform:translate(-50%)}}.product{color:#fff;background:url(/product-bg.jpg) top/100% repeat-y;padding:9.375rem 0 8.75rem}@media (max-width:1024px){.product{padding:6.25rem 0 5rem}}@media (max-width:768px){.product{padding:3.75rem 0}}.product__inr{gap:4.5rem;display:flex}@media (max-width:1024px){.product__inr{gap:2.5rem}}@media (max-width:768px){.product__inr{flex-direction:column;gap:2rem}}.product__ttl,.product__ttl span.en{color:#fff}.product-feature__item{align-items:flex-start;gap:2.5rem;display:flex}@media (max-width:1024px){.product-feature__item{gap:1.5rem}}@media (max-width:768px){.product-feature__item{flex-direction:column;gap:1.25rem}}.product-feature__item:nth-child(2n){flex-direction:row-reverse}@media (max-width:768px){.product-feature__item:nth-child(2n){flex-direction:column}}.product-feature__item:not(:last-child){margin-bottom:7.5rem}@media (max-width:1024px){.product-feature__item:not(:last-child){margin-bottom:5rem}}@media (max-width:768px){.product-feature__item:not(:last-child){margin-bottom:3rem}}.product-feature__txtbox{flex:1}.product-feature__point{margin-bottom:2rem}@media (max-width:768px){.product-feature__point{margin-bottom:1.25rem}}.product-feature__lead{letter-spacing:.24em;margin-bottom:1.3125rem;font-size:1.3125rem}@media (max-width:768px){.product-feature__lead{margin-bottom:1rem;font-size:1.125rem}}.product-feature__img{border:1px solid var(--color-sub);border-radius:2.5rem;width:55%;overflow:hidden}@media (max-width:1024px){.product-feature__img{border-radius:1.5rem;width:50%}}@media (max-width:768px){.product-feature__img{border-radius:1.25rem;width:100%}}.features{padding:120px 0}@media (max-width:768px){.features{padding:56px 0}}.features__inr{gap:4.5rem;display:flex}@media (max-width:1024px){.features__inr{gap:2.5rem}}@media (max-width:768px){.features__inr{flex-direction:column;gap:2rem}}.features-list{counter-reset:feature}.features-list__item{align-items:center;gap:2rem;display:flex}@media (max-width:768px){.features-list__item{flex-direction:column;gap:.625rem}}.features-list__item:not(:last-child){margin-bottom:5rem}@media (max-width:1024px){.features-list__item:not(:last-child){margin-bottom:3.5rem}}.features-list__img{width:14.375rem;position:relative}@media (max-width:1024px){.features-list__img{width:11.25rem}}@media (max-width:768px){.features-list__img{width:50%}}.features-list__img:before{content:counter(feature,decimal-leading-zero);counter-increment:feature;color:#ccc;font-family:Baskervville,Shippori Mincho,Georgia,Hiragino Mincho ProN,ヒラギノ明朝 ProN W3,游明朝,Yu Mincho,YuMincho,ＭＳ 明朝,MS Mincho,serif;font-size:1.75rem;position:absolute;top:0;left:0;transform:translateY(-50%)}@media (max-width:768px){.features-list__img:before{font-size:1.25rem}}.features-list__txtbox{flex:1}.features-list__copy{letter-spacing:.12em;margin-bottom:.3em;font-size:1.375rem}@media (max-width:768px){.features-list__copy{font-size:1.125rem}}.voice{background-color:var(--color-sub);padding:120px 0;margin-bottom:0!important}@media (max-width:1024px){.voice{padding:5rem 0}}@media (max-width:768px){.voice{padding:56px 0}}.voice__ttl{writing-mode:horizontal-tb;color:#fff;text-align:center;margin-bottom:1.5em}.voice__ttl span.en{color:#fff}.voice__main{align-items:center;gap:3.75rem;display:flex}@media (max-width:1024px){.voice__main{gap:2rem}}@media (max-width:768px){.voice__main{flex-direction:column;gap:1.5rem}.voice__img{width:60%;max-width:200px}}.voice-list,.voice-list--right,.voice-list--left{flex:1}.voice-list--right .voice-list__item{flex-direction:row-reverse}@media (max-width:768px){.voice-list--right .voice-list__item{flex-direction:row}}.voice-list--right .voice-list__comment{margin-left:0;margin-right:1.5625rem}@media (max-width:768px){.voice-list--right .voice-list__comment{margin-left:1.25rem;margin-right:0}}.voice-list--right .voice-list__comment:before{background:url(/comment-right.svg) 0/contain no-repeat;left:auto;right:-1.5625rem}@media (max-width:768px){.voice-list--right .voice-list__comment:before{background:url(/comment-left.svg) 100%/contain no-repeat;left:-1.25rem;right:auto}}.voice-list__item{align-items:center;gap:1.25rem;display:flex}@media (max-width:768px){.voice-list__item{gap:.75rem}}.voice-list__item:not(:last-child){margin-bottom:3rem}@media (max-width:768px){.voice-list__item:not(:last-child){margin-bottom:1.5rem}}.voice-list__icon{width:6.875rem;margin:0 auto .625rem}@media (max-width:768px){.voice-list__icon{width:4.375rem;margin-bottom:.375rem}}.voice-list__name{color:#fff;text-align:center;white-space:nowrap;letter-spacing:.12em;font-size:1.125rem}@media (max-width:768px){.voice-list__name{font-size:.875rem}}.voice-list__comment{color:var(--color-sub);background-color:#fff;border-radius:1.25rem;margin-left:1.5625rem;padding:1.25rem 1.375rem;position:relative}@media (max-width:768px){.voice-list__comment{border-radius:.75rem;margin-left:1.25rem;padding:.875rem 1rem}}.voice-list__comment:before{content:"";background:url(/comment-left.svg) 100%/contain no-repeat;width:1.5625rem;height:1.3125rem;position:absolute;bottom:1.5625rem;left:-1.5625rem}@media (max-width:768px){.voice-list__comment:before{width:1.25rem;height:1.0625rem;bottom:1.25rem;left:-1.25rem}.voice-list__txt{font-size:.875rem}}.recipe__scroll{background:url(/recipe-bg.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;height:100vh;padding-top:120px;display:flex;overflow:hidden;margin-bottom:0!important}@media (max-width:1024px){.recipe__scroll{padding-top:110px}}@media (max-width:768px){.recipe__scroll{padding-top:3.75rem}}.recipe__head{align-items:center;margin-bottom:1.25rem;display:flex}@media (max-width:768px){.recipe__head{flex-direction:column;gap:1rem}}.recipe__copy{color:var(--color-txt);letter-spacing:.2em;text-align:center;flex:1;padding-right:6.25rem;font-size:1.875rem;font-weight:400}@media (max-width:1024px){.recipe__copy{padding-right:3.125rem;font-size:1.3125rem}}@media (max-width:768px){.recipe__copy{padding-right:0;font-size:1.125rem}}.recipe-list__wrapper{display:flex}.recipe-list__item{cursor:pointer;flex-shrink:0;width:40vw;padding-right:4.0625rem}@media (max-width:1024px){.recipe-list__item{width:60vw;padding-right:2.5rem}}@media (max-width:768px){.recipe-list__item{width:80vw;padding-right:1.5rem}}.recipe-list__img-box{margin-bottom:1em;padding-top:1.25rem;position:relative}@media (max-width:768px){.recipe-list__img-box{padding-top:2.25rem}}.recipe-list__img{overflow:hidden}.recipe-list__img img{transition:all .3s cubic-bezier(.4,.4,0,1)}.recipe-list__copy{writing-mode:vertical-rl;color:#fff;letter-spacing:.4em;background-color:#1a1a1a;padding:.75rem .375rem;position:absolute;top:0;left:1.25rem}@media (max-width:1024px){.recipe-list__copy{letter-spacing:.2em}}@media (max-width:768px){.recipe-list__copy{letter-spacing:.2em;padding:.5rem .25rem;font-size:.75rem;left:.75rem}}.recipe-list__ttl{color:var(--color-main);letter-spacing:.15em;justify-content:center;align-items:center;gap:.5em;min-height:3.75rem;font-size:1.625rem;display:flex}@media (max-width:1024px){.recipe-list__ttl{font-size:1.3125rem}}@media (max-width:768px){.recipe-list__ttl{min-height:auto;font-size:1.125rem}}.recipe-list__ttl span{color:#fff;background-color:var(--color-main);text-align:center;white-space:nowrap;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;padding:0 .5rem .25rem;font-family:Baskervville,Shippori Mincho,Georgia,Hiragino Mincho ProN,ヒラギノ明朝 ProN W3,游明朝,Yu Mincho,YuMincho,ＭＳ 明朝,MS Mincho,serif;font-size:1.25rem;font-weight:400;line-height:1;display:flex}@media (max-width:768px){.recipe-list__ttl span{padding:0 .375rem .1875rem;font-size:1rem}}.recipe-list__item:hover .recipe-list__img img{transform:scale(1.1)}.recipe-list__item:hover .view{opacity:1}.view{background-color:var(--color-main);text-align:center;color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:8.125rem;height:8.125rem;line-height:1.5;transition:all .3s cubic-bezier(.4,.4,0,1);display:flex;position:absolute;bottom:0;right:0;transform:translate(50%,50%)}@media (max-width:768px){.view{display:none}}.js-fade-up{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);transform:translateY(40px)}.js-fade-up.is-visible{opacity:1;transform:translateY(0)}.js-fade-blur{opacity:0;filter:blur(20px);transition:opacity 1s cubic-bezier(.4,0,.2,1),filter 1s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.4,0,.2,1);transform:translateY(20px)}.js-fade-blur.is-visible{opacity:1;filter:blur();transform:translateY(0)}.js-text-reveal .char{opacity:0;filter:blur(8px);transition:opacity .5s,transform .5s,filter .5s;display:inline-block;transform:translateY(20px)}.js-text-reveal.is-visible .char{opacity:1;filter:blur();transform:translateY(0)}.js-image-wiggle{transition:transform .3s cubic-bezier(.4,0,.2,1)}.js-image-wiggle.is-visible{animation:.6s ease-out forwards wiggle}@keyframes wiggle{0%{opacity:0;transform:translate(0)rotate(0)}20%{opacity:.5;transform:translate(-8px,-5px)rotate(-2deg)}40%{opacity:.7;transform:translate(6px,3px)rotate(1.5deg)}60%{opacity:.85;transform:translate(-4px,-2px)rotate(-1deg)}80%{opacity:.95;transform:translate(2px,1px)rotate(.5deg)}to{opacity:1;transform:translate(0)rotate(0)}}.js-scale-bounce{opacity:0;transition:opacity .6s cubic-bezier(.34,1.56,.64,1),transform .6s cubic-bezier(.34,1.56,.64,1);transform:scale(.9)}.js-scale-bounce.is-visible{opacity:1;transform:scale(1)}.js-stagger>*{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.js-stagger.is-visible>*{opacity:1;transform:translateY(0)}.js-stagger.is-visible>:first-child{transition-delay:0s}.js-stagger.is-visible>:nth-child(2){transition-delay:.15s}.js-stagger.is-visible>:nth-child(3){transition-delay:.3s}.js-stagger.is-visible>:nth-child(4){transition-delay:.45s}.js-stagger.is-visible>:nth-child(5){transition-delay:.6s}.js-stagger.is-visible>:nth-child(6){transition-delay:.75s}.js-stagger.is-visible>:nth-child(7){transition-delay:.9s}.js-stagger.is-visible>:nth-child(8){transition-delay:1.05s}.js-stagger.is-visible>:nth-child(9){transition-delay:1.2s}.js-stagger.is-visible>:nth-child(10){transition-delay:1.35s}.js-float{animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.js-parallax{transition:transform .1s linear}.kv__copy .char{display:inline-block}.js-title-reveal .char{opacity:0;transition:opacity .4s,transform .4s;display:inline-block;transform:translate(-10px)}.js-title-reveal.is-visible .char{opacity:1;transform:translate(0)}.js-title-reveal-horizontal .char{opacity:0;filter:blur(5px);transition:opacity .5s,transform .5s,filter .5s;display:inline-block;transform:translateY(15px)}.js-title-reveal-horizontal.is-visible .char{opacity:1;filter:blur();transform:translateY(0)}
