abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,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,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}input,select{vertical-align:middle}:root{--base-size:1500}@media(max-width:768px){:root{--base-size:750}}@-webkit-keyframes animate-shake{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}16%{-webkit-transform:rotate(0deg) scale(1.05);transform:rotate(0deg) scale(1.05)}32%{-webkit-transform:rotate(-10deg) scale(1.05);transform:rotate(-10deg) scale(1.05)}48%{-webkit-transform:rotate(10deg) scale(1.05);transform:rotate(10deg) scale(1.05)}64%{-webkit-transform:rotate(-10deg) scale(1.05);transform:rotate(-10deg) scale(1.05)}80%{-webkit-transform:rotate(0deg) scale(1.05);transform:rotate(0deg) scale(1.05)}to{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}}@keyframes animate-shake{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}16%{-webkit-transform:rotate(0deg) scale(1.05);transform:rotate(0deg) scale(1.05)}32%{-webkit-transform:rotate(-10deg) scale(1.05);transform:rotate(-10deg) scale(1.05)}48%{-webkit-transform:rotate(10deg) scale(1.05);transform:rotate(10deg) scale(1.05)}64%{-webkit-transform:rotate(-10deg) scale(1.05);transform:rotate(-10deg) scale(1.05)}80%{-webkit-transform:rotate(0deg) scale(1.05);transform:rotate(0deg) scale(1.05)}to{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}}@-webkit-keyframes animate-bounce{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0)}25%{-webkit-transform:translateZ(0);transform:translateZ(0)}35%{-webkit-transform:translate3d(0,-15%,0);transform:translate3d(0,-15%,0)}50%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes animate-bounce{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0)}25%{-webkit-transform:translateZ(0);transform:translateZ(0)}35%{-webkit-transform:translate3d(0,-15%,0);transform:translate3d(0,-15%,0)}50%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes animate-flag{0%{-webkit-transform:rotateX(-20deg);transform:rotateX(-20deg)}50%{-webkit-transform:rotateX(20deg);transform:rotateX(20deg)}to{-webkit-transform:rotateX(-20deg);transform:rotateX(-20deg)}}@keyframes animate-flag{0%{-webkit-transform:rotateX(-20deg);transform:rotateX(-20deg)}50%{-webkit-transform:rotateX(20deg);transform:rotateX(20deg)}to{-webkit-transform:rotateX(-20deg);transform:rotateX(-20deg)}}@-webkit-keyframes animate-float{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes animate-float{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes animate-mv-float{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(0,3%,0);transform:translate3d(0,3%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes animate-mv-float{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(0,3%,0);transform:translate3d(0,3%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes animate-mv-float-reverse{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes animate-mv-float-reverse{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}50%{-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes animate-pounding{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1);transform:scale(1)}15%{-webkit-transform:scale(1.07);transform:scale(1.07)}25%{-webkit-transform:scale(1.07);transform:scale(1.07)}30%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes animate-pounding{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1);transform:scale(1)}15%{-webkit-transform:scale(1.07);transform:scale(1.07)}25%{-webkit-transform:scale(1.07);transform:scale(1.07)}30%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes animate-mv-pounding{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes animate-mv-pounding{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@font-face{font-display:swap;font-family:Noto Sans JP Regular;font-style:normal;font-weight:500;src:url(../assets/fonts/NotoSans_regular.woff2) format("woff2"),url(../assets/fonts/NotoSans_regular.woff) format("woff")}@font-face{font-display:swap;font-family:Noto Sans JP Bold;font-style:normal;font-weight:700;src:url(../assets/fonts/NotoSans_bold.woff2) format("woff2"),url(../assets/fonts/NotoSans_bold.woff) format("woff")}html{font-size:.66667vw}@media(max-width:1023px){html{font-size:.97656vw}}@media(max-width:768px){html{font-size:1.33333vw}}body{overflow-x:hidden;position:relative;width:100vw}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#fffce6;border:none;border-radius:5px}body::-webkit-scrollbar-thumb{background:#a3ca0f;border-radius:5px;-webkit-box-shadow:none;box-shadow:none}body.is-fixed{overflow:hidden}body header{background-color:#fff;border-bottom:1px solid #dcdcdc}body header a{font-size:0}body footer{border-top:1px solid #dcdcdc;padding:30px 0 0}body #pankuzu{background-color:#f7f4ee;margin:0;padding:8px 0;width:100%}body #pankuzu li{background:#fff;border-radius:2px;color:#6c5b52;float:left;font-size:11px;line-height:1;margin-right:40px;padding:5px 10px;position:relative;text-align:center}body #pankuzu li.link{background:#669219;border-radius:2px}body #pankuzu li a{color:#fff;display:block;padding:0;text-decoration:none;width:100%}body #pankuzu li:after{border-color:transparent transparent #669219 #669219;border-style:solid;border-width:2px;bottom:0;content:"";display:inline-block;height:7px;margin:auto;position:absolute;right:-22px;top:0;-webkit-transform:rotate(225deg);transform:rotate(225deg);width:7px}@media(max-width:768px){body #pankuzu li:last-child{padding:5px 10px}}body #pankuzu li:last-child:after{content:none}section{position:relative;width:100%}button{background-color:transparent;cursor:pointer;margin:0;outline:none;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pc{display:block}@media(max-width:768px){.pc{display:none}}.sp{display:none}@media(max-width:768px){.sp{display:block}}.app{-webkit-font-feature-settings:"palt" 1;font-feature-settings:"palt" 1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;color:#000;font-family:Noto Sans JP Regular,sans-serif;font-size:1.8rem;height:auto;letter-spacing:-.01em;line-height:1.75;position:relative;text-align:center;width:100%}.app *{-webkit-box-sizing:border-box;box-sizing:border-box}@media(max-width:768px){.app{font-size:2rem}}.app img{display:inline-block;height:auto;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:bottom;width:100%}.wrapper{position:relative;width:100%}.container{overflow:hidden;position:relative}.loading{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;position:fixed;z-index:1000}.loading,.loading:before{height:100%;left:0;top:0;width:100%}.loading:before{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";display:inline-block;position:absolute}.loading.is-webp:before{background-image:url(../assets/imgs/pc/webp/loading_bg.webp)}@media(max-width:768px){.loading.is-webp:before{background-image:url(../assets/imgs/sp/webp/loading_bg.webp)}}.loading.no-webp:before{background-image:url(../assets/imgs/pc/lo-res/loading_bg.jpg)}@media(max-width:768px){.loading.no-webp:before{background-image:url(../assets/imgs/sp/loading_bg.jpg)}}.loading__text{-webkit-animation:animate-pounding 1s cubic-bezier(.445,.05,.55,.95) 0s infinite;animation:animate-pounding 1s cubic-bezier(.445,.05,.55,.95) 0s infinite;position:relative;width:30rem}.kv{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;overflow:hidden}.kv:before{background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%}.kv.is-webp:before{background-image:url(../assets/imgs/pc/webp/kv/kv_bg.webp)}@media(max-width:768px){.kv.is-webp:before{background-image:url(../assets/imgs/sp/webp/kv_bg.webp)}}.kv.no-webp:before{background-image:url(../assets/imgs/pc/lo-res/kv/kv_bg.jpg)}@media(max-width:768px){.kv.no-webp:before{background-image:url(../assets/imgs/sp/kv_bg.jpg)}}.kv.is-visible .kv__title-image{-webkit-animation:animate-mv-pounding 1.3s cubic-bezier(.445,.05,.55,.95) 0s infinite;animation:animate-mv-pounding 1.3s cubic-bezier(.445,.05,.55,.95) 0s infinite}.kv.is-visible .kv__tounyu-inner--ice{-webkit-animation:animate-mv-float 2s cubic-bezier(.39,.575,.565,1) 0s infinite;animation:animate-mv-float 2s cubic-bezier(.39,.575,.565,1) 0s infinite}.kv.is-visible .kv__tounyu-inner--soycafe{-webkit-animation:animate-mv-float-reverse 2s cubic-bezier(.39,.575,.565,1) 0s infinite;animation:animate-mv-float-reverse 2s cubic-bezier(.39,.575,.565,1) 0s infinite}.kv.is-visible .kv__tounyu-inner--pudding{-webkit-animation:animate-mv-float 2s cubic-bezier(.39,.575,.565,1) 0s infinite;animation:animate-mv-float 2s cubic-bezier(.39,.575,.565,1) 0s infinite}.kv.is-visible .kv__vs-inner--left{-webkit-animation:animate-pounding 1.5s cubic-bezier(.445,.05,.55,.95) .5s infinite;animation:animate-pounding 1.5s cubic-bezier(.445,.05,.55,.95) .5s infinite}.kv.is-visible .kv__vs-inner--right{-webkit-animation:animate-pounding 1.5s cubic-bezier(.445,.05,.55,.95) 1s infinite;animation:animate-pounding 1.5s cubic-bezier(.445,.05,.55,.95) 1s infinite}.kv__inner{width:100%}.kv__title{margin:1rem auto 0;opacity:0;position:relative;-webkit-transform:scale(3) rotate(5deg);transform:scale(3) rotate(5deg);width:54.16667vw;will-change:transform;z-index:2}@media(max-width:768px){.kv__title{margin:1rem auto 0;width:65.4rem}}.kv__title-bg{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:75.52083vw}@media(max-width:768px){.kv__title-bg{width:100%}}.kv__title-bg:before{background-image:url(../assets/imgs/pc/lo-res/kv/kv_title_pc_bg.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:0;padding-bottom:31.724137931%;width:100%}@media(max-width:768px){.kv__title-bg:before{background-image:url(../assets/imgs/sp/kv_title_sp_bg.png);height:0;padding-bottom:38.6666666667%;width:100%}}.kv__title-image{position:relative;z-index:2}.kv__list{display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width:768px){.kv__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:-7% 0 0}}.kv__item{position:relative;width:33%}@media(max-width:768px){.kv__item{height:35vw;width:100%}}.kv__item--soycafe{width:34%}@media(max-width:768px){.kv__item--soycafe{height:45vw;margin:4% 0 0;width:100%}.kv__item--soycafe:before{background-image:url(../assets/imgs/sp/kv_green_bg.png);background-repeat:no-repeat;background-size:cover;content:"";left:0;padding-bottom:52%;position:absolute;top:-8%;width:100%}}.kv__bg{opacity:0;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%)}@media(max-width:768px){.kv__bg{-webkit-transform:translateY(50%);transform:translateY(50%)}}.kv__bg--ice{bottom:0;left:0;margin:auto;right:0;width:24.47917vw}@media(max-width:768px){.kv__bg--ice{bottom:-77%;left:auto;width:35.9rem}}.kv__bg--soycafe{bottom:-25%;left:-17%;-webkit-transform:translateY(-100%);transform:translateY(-100%);width:45.3125vw}@media(max-width:768px){.kv__bg--soycafe{bottom:-77%;left:2%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:105vw}}.kv__bg--pudding{bottom:0;height:100%;left:0;margin:auto;right:0;width:100%}.kv__box{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}@media(max-width:768px){.kv__box{height:100%;-webkit-transform:translateY(50px);transform:translateY(50px)}}.kv__box--ice{margin:-11% 0 0 -15%}@media(max-width:768px){.kv__box--ice{margin:0}}.kv__box--soycafe{margin:14% auto 0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}@media(max-width:768px){.kv__box--soycafe{margin:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}}.kv__box--pudding{margin:-5% auto 0}@media(max-width:768px){.kv__box--pudding{margin:0}}.kv__tounyu{margin:auto;position:relative}@media(max-width:768px){.kv__tounyu{position:absolute}}.kv__tounyu--ice{width:23.17708vw}@media(max-width:768px){.kv__tounyu--ice{right:10%;top:27%;width:30vw}}.kv__tounyu--soycafe{-webkit-transform:translateY(-10%);transform:translateY(-10%);width:29.32292vw}@media(max-width:768px){.kv__tounyu--soycafe{left:6%;margin:0;top:20%;width:41vw}}.kv__tounyu--pudding{margin:-2% 0 0 16%;width:24.47917vw}@media(max-width:768px){.kv__tounyu--pudding{left:58%;margin:0;top:-4%;width:32vw}}.kv__logo{position:relative;-webkit-transform:scale(0);transform:scale(0)}@media(max-width:768px){.kv__logo{position:absolute;z-index:4}}.kv__logo--ice{margin:-6% 0 0 5%;width:25.83333vw}@media(max-width:768px){.kv__logo--ice{left:10%;margin:0;top:30%;width:44vw}}.kv__logo--soycafe{margin:-12% 0 0 6%;width:26.97917vw}@media(max-width:768px){.kv__logo--soycafe{left:46%;margin:0;top:31%;width:44vw}}.kv__logo--pudding{margin:-4% 0 0 10%;width:28.48958vw}@media(max-width:768px){.kv__logo--pudding{left:11%;margin:0;top:22%;width:45vw}}.kv__vs{opacity:0;position:absolute;top:18%;width:6.77083vw;z-index:1}@media(max-width:768px){.kv__vs{width:12vw}}.kv__vs--left{left:0;-webkit-transform:translate(-50%) scale(2);transform:translate(-50%) scale(2)}@media(max-width:768px){.kv__vs--left{left:50%;top:-6%}}.kv__vs--right{right:-4%;-webkit-transform:translate(50%) scale(2);transform:translate(50%) scale(2)}@media(max-width:768px){.kv__vs--right{left:50%;top:82%;-webkit-transform:translate(-50%) scale(2);transform:translate(-50%) scale(2)}}.kv__ice{position:absolute;will-change:transform}.kv__ice:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block}.kv__ice--left-top{left:15%;top:20%;width:9.21875vw}@media(max-width:768px){.kv__ice--left-top{left:54%;top:76%;width:10vw}}.kv__ice--left-top:before{background-image:url(../assets/imgs/pc/lo-res/kv/kv_soyice_04.png);height:0;padding-bottom:122.0338983051%;width:100%}.kv__ice--right-top{left:69%;top:40%;width:4.42708vw}@media(max-width:768px){.kv__ice--right-top{left:88%;top:55%}}.kv__ice--right-top:before{background-image:url(../assets/imgs/pc/lo-res/kv/kv_soyice_05.png);height:0;padding-bottom:174.1176470588%;width:100%}.kv__ice--left-bottom{left:19%;top:70%;width:5.15625vw}@media(max-width:768px){.kv__ice--left-bottom{left:60%;top:110%}}.kv__ice--left-bottom:before{background-image:url(../assets/imgs/pc/lo-res/kv/kv_soyice_03.png);height:0;padding-bottom:128.2828282828%;width:100%}.kv__ice--right-bottom{left:69%;top:80%;width:6.82292vw}@media(max-width:768px){.kv__ice--right-bottom{left:84%;top:130%}}.kv__ice--right-bottom:before{background-image:url(../assets/imgs/pc/lo-res/kv/kv_soyice_02.png);height:0;padding-bottom:135.8778625954%;width:100%}.kv__pudding{position:absolute;will-change:transform}.kv__pudding:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block}.kv__pudding--top{bottom:65%;right:55%;width:12.44792vw}@media(max-width:768px){.kv__pudding--top{bottom:40%;right:15%;width:20vw}}.kv__pudding--top:before{background-image:url(../assets/imgs/pc/lo-res/kv/kv_soypudding01.png);height:0;padding-bottom:95.3974895397%;width:100%}.kv__pudding--center{bottom:28%;right:-4%;width:21.45833vw}@media(max-width:768px){.kv__pudding--center{top:17%;width:30vw}}.kv__pudding--center:before{background-image:url(../assets/imgs/pc/lo-res/kv/kv_soypudding02.png);height:0;padding-bottom:95.3883495146%;width:100%}.kv__pudding--bottom{bottom:-5%;right:37%;width:16.61458vw}@media(max-width:768px){.kv__pudding--bottom{bottom:-65%;right:25%;width:25vw}}.kv__pudding--bottom:before{background-image:url(../assets/imgs/pc/lo-res/kv/kv_soypudding03.png);height:0;padding-bottom:93.4169278997%;width:100%}.kv__elect{height:100%;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:19.375vw}.kv__elect.is-visible:after{opacity:1;-webkit-transition:opacity .4s cubic-bezier(.215,.61,.355,1) .35s;transition:opacity .4s cubic-bezier(.215,.61,.355,1) .35s}@media(max-width:768px){.kv__elect{height:39vw;width:100%}}.kv__elect:after,.kv__elect:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;position:absolute}.kv__elect:before{height:100%;left:0;top:0;width:100%}.kv__elect:after{opacity:0;padding-bottom:75%;top:38%;width:80%}.kv__elect--left{left:21%}@media(max-width:768px){.kv__elect--left{left:0;top:26%}}.kv__elect--left:before{background-image:url(../assets/imgs/pc/lo-res/kv/kv_electricity_left.png)}@media(max-width:768px){.kv__elect--left:before{background-image:url(../assets/imgs/sp/kv_electricity_up.png);background-size:cover}}.kv__elect--left:after{background-image:url(../assets/imgs/pc/lo-res/kv/kv_ectricity_left.png);left:17%}@media(max-width:768px){.kv__elect--left:after{left:0;margin:auto;padding-bottom:35%;right:0;top:18%;width:37%}}.kv__elect--right{right:21%}@media(max-width:768px){.kv__elect--right{left:0;right:auto;top:65%}}.kv__elect--right:before{background-image:url(../assets/imgs/pc/lo-res/kv/kv_electricity_right.png)}@media(max-width:768px){.kv__elect--right:before{background-image:url(../assets/imgs/sp/kv_electricity_down.png);background-size:cover}}.kv__elect--right:after{background-image:url(../assets/imgs/pc/lo-res/kv/kv_ectricity_right.png);left:8%}@media(max-width:768px){.kv__elect--right:after{left:0;margin:auto;padding-bottom:35%;right:0;top:-10%;width:37%}}.kv__spoon{position:absolute;top:0;z-index:3}.kv__spoon:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;z-index:0}.kv__spoon--ice{left:0;opacity:0;-webkit-transform:translate(-100%);transform:translate(-100%);width:20.05208vw}@media(max-width:768px){.kv__spoon--ice{left:0;top:28%;width:15rem}}.kv__spoon--ice:before{background-image:url(../assets/imgs/pc/lo-res/kv/kv_soyice_spoon.png);height:0;padding-bottom:61.5584415584%;width:100%}@media(max-width:768px){.kv__spoon--ice:before{height:0;padding-bottom:90.5660377358%;width:100%}}.kv__spoon--pudding{opacity:0;right:0;-webkit-transform:translate(100%);transform:translate(100%);width:20.46875vw}@media(max-width:768px){.kv__spoon--pudding{right:auto;top:84%;-webkit-transform:translate(-100%);transform:translate(-100%);width:15.9rem}}.kv__spoon--pudding:before{background-image:url(../assets/imgs/pc/lo-res/kv/kv_soypudding_spoon.png);height:0;padding-bottom:60.5597964377%;width:100%}@media(max-width:768px){.kv__spoon--pudding:before{background-image:url(../assets/imgs/sp/kv_soypudding_spoon.png);height:0;padding-bottom:90.5660377358%;width:100%}}.fin{background-image:url(../assets/imgs/fin/fin_bg_soycafe.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;overflow:hidden;padding:1rem 0 4rem}@media(max-width:767px){.fin{background-image:url(../assets/imgs/fin/sp/fin_bg_soycafe.jpg);padding:5rem 0 0}}.fin__confetti{height:100%;left:0;top:0;width:100%}.fin__confetti,.fin__obj{position:absolute}.fin__obj:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block}.fin__obj--tea{bottom:10%;left:-20%;width:69.6rem}@media(max-width:768px){.fin__obj--tea{bottom:25%;left:-20%;width:57.6rem}}.fin__obj--tea:before{background-image:url(../assets/imgs/pc/lo-res/soycafe_sidebg_tea.png);height:0;padding-bottom:131.3218390805%;width:100%}@media(max-width:767px){.fin__obj--tea:before{background-image:url(../assets/imgs/fin/sp/win_soycafe_left.png)}}.fin__obj--latte{bottom:10%;right:-8%;width:63.4rem}@media(max-width:768px){.fin__obj--latte{bottom:25%;right:-20%;width:56rem}}.fin__obj--latte:before{background-image:url(../assets/imgs/pc/lo-res/soycafe_sidebg_latte.png);height:0;padding-bottom:135.3312302839%;width:100%}.fin__inner{position:relative}.fin__heading{margin:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:transform .45s cubic-bezier(.33,1.75,.82,.9);transition:transform .45s cubic-bezier(.33,1.75,.82,.9);width:56.3rem}.fin__heading.is-visible{-webkit-transform:scale(1);transform:scale(1)}@media(max-width:767px){.fin__heading{z-index:1}}.fin__title{margin:-3% auto 0;opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);width:80.6rem}.fin__title.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:0s;transition-delay:0s}@media(max-width:767px){.fin__title{width:71rem}}.fin__list{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:-3% 0 0;width:100%}@media(max-width:767px){.fin__list{display:block;margin:0}}.fin__item{opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}.fin__item.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:0s;transition-delay:0s}.fin__item--image{margin:0 -2% 0 0;width:43rem}@media(max-width:767px){.fin__item--image{margin:auto;width:49.3rem}}.fin__item--body{width:54.5rem}@media(max-width:767px){.fin__item--body{margin:auto;width:65.1rem}}.fin__counts{margin:auto;position:relative;width:41.2rem}@media(max-width:767px){.fin__counts{width:50.7rem}}.fin__numbers{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;left:7%;position:absolute;top:58%}@media(max-width:767px){.fin__numbers{left:8%;top:59%}}.fin__number{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;height:7rem;justify-content:center;margin:0 0 0 .4rem;width:4.4rem}@media(max-width:767px){.fin__number{height:8.5rem;width:5.4rem}}.fin__number-inline{color:#462007;font-family:Fjalla One,sans-serif;font-size:6rem;font-style:normal;font-weight:400;-webkit-transform:translateY(4%);transform:translateY(4%)}@media(max-width:767px){.fin__number-inline{font-size:7.2rem;-webkit-transform:translateY(2%);transform:translateY(2%)}}.fin__body{margin:3rem 0 0}.fin-result{background-color:#3ca50d;overflow:hidden;padding:2rem 0 5rem}@media(max-width:767px){.fin-result{padding:5rem 0 10rem}}.fin-result__list{-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}@media(max-width:767px){.fin-result__list{display:block}}.fin-result__item{position:relative}.fin-result__item--main{opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);width:60.4rem}.fin-result__item--main.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:0s;transition-delay:0s}@media(max-width:767px){.fin-result__item--main{margin:auto}}.fin-result__item--sub{padding:0 0 3rem;width:67rem}@media(max-width:767px){.fin-result__item--sub{margin:10rem auto 0;padding:0;width:69.8rem}}.fin-result__counts{margin:-15% auto 0;position:relative;width:58.5rem}.fin-result__count{position:relative}.fin-result__numbers{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;left:12%;position:absolute;top:34%}.fin-result__numbers--small{left:10%;top:46%}.fin-result__number{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;height:9.8rem;justify-content:center;margin:0 0 0 .8rem;width:6.2rem}.fin-result__number--small{height:5.7rem;margin:0 0 0 .4rem;width:3.6rem}@media(max-width:767px){.fin-result__number--small{height:5.1rem;width:3.2rem}}.fin-result__number-inline{color:#462007;font-family:Fjalla One,sans-serif;font-size:8.4rem;font-style:normal;font-weight:400;-webkit-transform:translateY(4%);transform:translateY(4%)}.fin-result__number-inline--small{font-size:4.8rem}@media(max-width:767px){.fin-result__number-inline--small{font-size:4.3rem}}.fin-result__boxs{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}@media(max-width:767px){.fin-result__boxs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.fin-result__box{opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);width:33rem}.fin-result__box.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:.5s;transition-delay:.5s}@media(max-width:767px){.fin-result__box{margin:0 3rem;width:30rem}}.fin-result__image--ice{margin:0 auto -18%;width:33rem}@media(max-width:767px){.fin-result__image--ice{width:30rem}}.fin-result__image--pudding{margin:0 auto 5%;width:30rem}@media(max-width:767px){.fin-result__image--pudding{width:30rem}}.fin-result__text{margin:4rem auto 0;opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);width:59.9rem}@media(max-width:767px){.fin-result__text{margin:6rem auto 0;width:100%}}.fin-result__text.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:0s;transition-delay:0s}.menu{background-image:-webkit-gradient(linear,left top,right top,from(#ff3716),color-stop(#ff6e16),to(#ff3702));background-image:-webkit-linear-gradient(left,#ff3716,#ff6e16,#ff3702);background-image:linear-gradient(90deg,#ff3716,#ff6e16,#ff3702);position:sticky;top:0;width:100%;z-index:3}.menu__list{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}@media(max-width:768px){.menu__list{width:100%}}.menu__item{display:block;position:relative}@media(hover:hover){.menu__item:hover{-webkit-animation:animate-shake .6s linear 0s forwards;animation:animate-shake .6s linear 0s forwards}}@media(max-width:768px){.menu__item{-webkit-box-align:center;-ms-flex-align:center;-ms-flex-pack:distribute;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:10rem;justify-content:space-around;width:25%}.menu__item:after{background-color:#fff;content:"";height:100%;left:0;position:absolute;top:0;width:1px}.menu__item:first-child:after{display:none}}.menu__link{display:block;padding:2.7rem 1.7rem}@media(max-width:768px){.menu__link{padding:0}.menu__link--top{width:9.4rem}.menu__link--progress{width:10.7rem}.menu__link--enjoy,.menu__link--howto{width:12.8rem}.menu__link--present{width:14rem}}.intro{padding:8.8rem 0}@media(max-width:768px){.intro{padding:6.8rem 0 8rem}}.intro:before{background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%}.intro.is-webp:before{background-image:url(../assets/imgs/pc/webp/bg_intro.webp)}@media(max-width:768px){.intro.is-webp:before{background-image:url(../assets/imgs/sp/webp/bg_intro.webp)}}.intro.no-webp:before{background-image:url(../assets/imgs/pc/lo-res/bg_intro.jpg)}@media(max-width:768px){.intro.no-webp:before{background-image:url(../assets/imgs/sp/bg_intro.jpg)}}.intro__inner{position:relative;z-index:1}.intro__title{margin:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:transform .45s cubic-bezier(.33,1.75,.82,.9);transition:transform .45s cubic-bezier(.33,1.75,.82,.9);width:70.9rem}.intro__title.is-visible{-webkit-transform:scale(1);transform:scale(1)}@media(max-width:768px){.intro__title{width:68.5rem}}.intro__body{margin:2rem auto 0;opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);width:67.9rem}@media(max-width:768px){.intro__body{margin:4rem auto 0;width:58.5rem}}.intro__body.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:0s;transition-delay:0s}.intro__vote{margin:3rem auto 0;width:73.8rem}@media(max-width:768px){.intro__vote{margin:auto;width:69rem}}.intro__list{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}@media(max-width:768px){.intro__list{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:40rem auto 0;width:74rem}}.intro__item{position:relative}.intro__item--left{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:22.2rem}@media(max-width:768px){.intro__item--left{margin:10rem 0 0}}.intro__item--center{-webkit-box-ordinal-group:2;-ms-flex-order:1;margin:0 2rem;opacity:0;order:1;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);width:79.4rem}@media(max-width:768px){.intro__item--center{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}.intro__item--right{-webkit-box-ordinal-group:3;-ms-flex-order:2;opacity:0;order:2;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);width:22.1rem}@media(max-width:768px){.intro__item--right{-webkit-box-ordinal-group:1;-ms-flex-order:0;margin:10rem 0 0;order:0}}.intro__item.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:0s;transition-delay:0s}.intro__count{margin:1rem 0 0;position:relative}@media(max-width:768px){.intro__count{margin:3rem 0 0}}.intro__notice{font-size:24px;left:50%;position:absolute;top:calc(100% + 5px);-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media(max-width:768px){.intro__notice{font-size:12px}}.intro__numbers{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;left:57.5%;position:absolute;top:21%}@media(max-width:768px){.intro__numbers{left:57.5%;top:21%}}.intro__number{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#fff;border:3px solid #000;display:-webkit-box;display:-ms-flexbox;display:flex;height:10rem;justify-content:center;width:8rem}@media(max-width:768px){.intro__number{border:1.5px solid #000;height:8.8rem;width:7.1rem}}.intro__number:last-child{margin:0 0 0 .5rem}@media(max-width:768px){.intro__number:last-child{margin:0 0 0 .5rem}}.intro__number-inline{font-family:Fjalla One,sans-serif;font-size:9rem;font-style:normal;font-weight:400;-webkit-transform:translateY(4%);transform:translateY(4%)}@media(max-width:768px){.intro__number-inline{font-size:7.85rem;-webkit-transform:translateY(2%);transform:translateY(2%)}}.intro__obj{position:absolute;will-change:transform}.intro__obj:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}.intro__obj.is-visible:before{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:.4s;transition-delay:.4s}.intro__obj--ice{left:9%;top:32%;width:27.7rem}@media(max-width:768px){.intro__obj--ice{left:4%;top:55%;width:22.7rem}}.intro__obj--ice:before{background-image:url(../assets/imgs/pc/lo-res/intro_img_ice.png);height:0;padding-bottom:103.4965034965%;width:100%}.intro__obj--soycafe{left:23%;top:55%;width:21.4rem}@media(max-width:768px){.intro__obj--soycafe{left:36%;top:58%;width:21.9rem}}.intro__obj--soycafe:before{background-image:url(../assets/imgs/pc/lo-res/intro_img_soycafe.png);height:0;padding-bottom:108.5972850679%;width:100%}.intro__obj--pudding{left:73%;top:50%;width:23.7rem}@media(max-width:768px){.intro__obj--pudding{left:67%;top:55%;width:21.9rem}}.intro__obj--pudding:before{background-image:url(../assets/imgs/pc/lo-res/intro_img_pudding.png);height:0;padding-bottom:106.9672131148%;width:100%}.graph__circle{border-radius:50%;height:32rem;margin:auto;padding:5px;position:relative;width:32rem}@media(max-width:768px){.graph__circle{height:28rem;width:28rem}}.graph__circle:before{background-color:#fff;border:3px solid #54311a;border-radius:50%;content:"";height:100%;left:-2.5px;position:absolute;top:-2.5px;width:100%}.graph__circle.is-visible:before{opacity:1;-webkit-transition:opacity .6s ease-out .5s;transition:opacity .6s ease-out .5s}.graph__canvas{height:100%;position:relative;width:100%}.graph__count{position:absolute;width:38.6rem}@media(max-width:768px){.graph__count{width:31.2rem}}.graph__count--ice{left:13%;top:32%}@media(max-width:768px){.graph__count--ice{left:3%;top:24%}}.graph__count--soycafe{left:37%;top:103%}@media(max-width:768px){.graph__count--soycafe{left:29%;top:104%}}.graph__count--pudding{left:61.5%;top:32%}@media(max-width:768px){.graph__count--pudding{left:55%;top:24%}}.graph__numbers{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;left:9%;position:absolute;top:43%}@media(max-width:768px){.graph__numbers{top:45%}}.graph__number{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;height:7rem;justify-content:center;margin:0 0 0 .4rem;width:4.4rem}@media(max-width:768px){.graph__number{height:5.5rem;margin:0 0 0 .2rem;width:3.7rem}}.graph__number-inline{color:#462007;font-family:Fjalla One,sans-serif;font-size:6rem;font-style:normal;font-weight:400;-webkit-transform:translateY(4%);transform:translateY(4%)}@media(max-width:768px){.graph__number-inline{font-size:4.9rem;-webkit-transform:translateY(2%);transform:translateY(2%)}}.progress{overflow:hidden}.progress__inner{position:relative;z-index:1}.progress__wrap{left:0;margin:auto;position:absolute;right:0;top:8rem}.progress__title{margin:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:transform .45s cubic-bezier(.33,1.75,.82,.9);transition:transform .45s cubic-bezier(.33,1.75,.82,.9);width:85.2rem}.progress__title.is-visible{-webkit-transform:scale(1);transform:scale(1)}@media(max-width:768px){.progress__title{width:69rem}}.progress__graph{margin:5rem 0 0}@media(max-width:768px){.progress__graph{margin:20rem 0 0}}.progress__list{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.progress__item{position:relative;width:33%}@media(max-width:768px){.progress__item{overflow:hidden}}.progress__item--soycafe{width:34%}.progress__obj{position:absolute;will-change:transform}.progress__obj:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block}.progress__obj--ice{bottom:22%;left:0;width:49.4rem}@media(max-width:768px){.progress__obj--ice{bottom:15%;left:0;width:30.2rem}}.progress__obj--ice:before{background-image:url(../assets/imgs/pc/lo-res/progress_ice.png);height:0;padding-bottom:125.9109311741%;width:100%}@media(max-width:768px){.progress__obj--ice:before{background-image:url(../assets/imgs/sp/progress_ice.png);height:0;padding-bottom:151.9867549669%;width:100%}}.progress__obj--soycafe{bottom:-25%;left:-20%;width:73.2rem}@media(max-width:768px){.progress__obj--soycafe{bottom:-10%;left:-41%;width:46.9rem}}.progress__obj--soycafe:before{background-image:url(../assets/imgs/pc/lo-res/progress_soycafe.png);height:0;padding-bottom:131.2841530055%;width:100%}@media(max-width:768px){.progress__obj--soycafe:before{background-image:url(../assets/imgs/sp/progress_soycafe.png);height:0;padding-bottom:240.7249466951%;width:100%}}.progress__obj--pudding{bottom:20%;left:2%;width:48.4rem}@media(max-width:768px){.progress__obj--pudding{bottom:16%;left:-10%;width:27.7rem}}.progress__obj--pudding:before{background-image:url(../assets/imgs/pc/lo-res/progress_pudding.png);height:0;padding-bottom:123.1404958678%;width:100%}@media(max-width:768px){.progress__obj--pudding:before{background-image:url(../assets/imgs/sp/progress_pudding.png);height:0;padding-bottom:144.0433212996%;width:100%}}.progress__spoon{position:absolute}.progress__spoon:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block}.progress__spoon--ice{left:-22%;top:-15%;width:58.6rem}@media(max-width:768px){.progress__spoon--ice{left:-30%;top:28%;width:40rem}}.progress__spoon--ice:before{background-image:url(../assets/imgs/pc/lo-res/progress_ice_spoon.png);height:0;padding-bottom:48.6348122867%;width:100%}.progress__spoon--pudding{right:-22%;top:-14%;width:57.7rem}@media(max-width:768px){.progress__spoon--pudding{right:-22%;top:32%;width:34rem}}.progress__spoon--pudding:before{background-image:url(../assets/imgs/pc/lo-res/progress_pudding_spoon.png);height:0;padding-bottom:48.1802426343%;width:100%}.collabo{margin:-5% 0 0;padding:10rem 0;z-index:2}@media(max-width:768px){.collabo{margin:-15% 0 0;padding:20rem 0}}.collabo__bg{background-image:url(../assets/imgs/pc/lo-res/collabo_bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}@media(max-width:768px){.collabo__bg{background-image:url(../assets/imgs/sp/collabo_bg.png)}}.collabo__list{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:auto;position:relative}@media(max-width:768px){.collabo__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}}.collabo__item{opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}.collabo__item--left{width:32.3rem}.collabo__item--left.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:.2s;transition-delay:.2s}@media(max-width:768px){.collabo__item--left{margin:3rem auto 0;width:54.4rem}}.collabo__item--center{-webkit-box-ordinal-group:2;-ms-flex-order:1;margin:0;order:1;width:64rem}.collabo__item--center.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:0s;transition-delay:0s}@media(max-width:768px){.collabo__item--center{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}.collabo__item--right{-webkit-box-ordinal-group:3;-ms-flex-order:2;margin:-4% 0 0;order:2;width:37.9rem}.collabo__item--right.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:.3s;transition-delay:.3s}@media(max-width:768px){.collabo__item--right{-webkit-box-ordinal-group:1;-ms-flex-order:0;margin:3rem auto 0;order:0;width:54.4rem}}.collabo__link{display:block;margin:auto;-webkit-transition:-webkit-transform .4s cubic-bezier(.17,.67,.47,1);transition:-webkit-transform .4s cubic-bezier(.17,.67,.47,1);transition:transform .4s cubic-bezier(.17,.67,.47,1);transition:transform .4s cubic-bezier(.17,.67,.47,1),-webkit-transform .4s cubic-bezier(.17,.67,.47,1);width:55.9rem}@media(hover:hover){.collabo__link:hover{-webkit-transform:scale(.92);transform:scale(.92)}}.collabo__desc{margin:1rem auto 0;width:51.2rem}@media(max-width:768px){.collabo__desc{margin:2rem auto 0;width:52rem}}.collabo__desc--furuba{width:64rem}.collabo__copyright{margin:1rem auto 0}@media(max-width:768px){.collabo__copyright{margin:.5rem auto 0}}.soycafe{background-image:-webkit-gradient(linear,left bottom,left top,from(#a3ca0f),color-stop(#d7f175),color-stop(#a3ca0f),to(#5abf17));background-image:-webkit-linear-gradient(bottom,#a3ca0f,#d7f175,#a3ca0f,#5abf17);background-image:linear-gradient(0deg,#a3ca0f,#d7f175,#a3ca0f,#5abf17);overflow:hidden;padding:8.5rem 0 6rem}@media(max-width:768px){.soycafe{padding:11rem 0 8rem}}.soycafe.is-visible .soycafe__obj--latte:before,.soycafe.is-visible .soycafe__obj--tea:before{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:.2s;transition-delay:.2s}.soycafe__inner{position:relative;z-index:1}.soycafe__heading{margin:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:transform .45s cubic-bezier(.33,1.75,.82,.9);transition:transform .45s cubic-bezier(.33,1.75,.82,.9);width:45.8rem}.soycafe__heading.is-visible{-webkit-transform:scale(1);transform:scale(1)}@media(max-width:768px){.soycafe__heading{width:55rem}}.soycafe__title{margin:-3.5% 0 0 31%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:transform .45s cubic-bezier(.33,1.75,.82,.9);transition:transform .45s cubic-bezier(.33,1.75,.82,.9);width:46.6rem}.soycafe__title.is-visible{-webkit-transform:scale(1);transform:scale(1)}@media(max-width:768px){.soycafe__title{margin:-7.5% 0 0 10%;width:50rem}}.soycafe__product{margin:1rem auto 0;opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);width:63.8rem}@media(max-width:768px){.soycafe__product{margin:6rem auto 0;width:70rem}}.soycafe__product.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:0s;transition-delay:0s}.soycafe__body{background-color:#fff;border-radius:40px;margin:1rem auto 0;opacity:0;padding:2rem 0 3.5rem;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);width:70rem}@media(max-width:768px){.soycafe__body{border-radius:20px;margin:3rem auto 0;padding:4.5rem 0 5.5rem;width:69rem}}.soycafe__body.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:0s;transition-delay:0s}.soycafe__about{margin:auto;width:23.8rem}@media(max-width:768px){.soycafe__about{width:39.3rem}}.soycafe__desc{margin:.5rem 0 0}@media(max-width:768px){.soycafe__desc{font-size:2.6rem;margin:2.4rem 0 0}}.soycafe__obj{position:absolute}.soycafe__obj:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block}.soycafe__obj--bg{bottom:-1%;left:0;width:100%}.soycafe__obj--bg:before{height:0;padding-bottom:46%;width:100%}@media(max-width:768px){.soycafe__obj--bg:before{height:0;padding-bottom:148.6666666667%;width:100%}}.soycafe__obj--bg.is-webp:before{background-image:url(../assets/imgs/pc/webp/soycafe_bg.webp)}@media(max-width:768px){.soycafe__obj--bg.is-webp:before{background-image:url(../assets/imgs/sp/webp/soycafe_bg.webp)}}.soycafe__obj--bg.no-webp:before{background-image:url(../assets/imgs/pc/lo-res/soycafe_bg.png)}@media(max-width:768px){.soycafe__obj--bg.no-webp:before{background-image:url(../assets/imgs/sp/soycafe_bg.png)}}.soycafe__obj--tea{bottom:12%;left:-20%;width:69.6rem}@media(max-width:768px){.soycafe__obj--tea{bottom:52%;left:-34%;width:57.6rem}}.soycafe__obj--tea:before{background-image:url(../assets/imgs/pc/lo-res/soycafe_sidebg_tea.png);height:0;opacity:0;padding-bottom:131.3218390805%;-webkit-transform:translate3d(-150%,0,0);transform:translate3d(-150%,0,0);width:100%}.soycafe__obj--latte{bottom:12%;right:-8%;width:63.4rem}@media(max-width:768px){.soycafe__obj--latte{bottom:50%;right:-20%;width:56rem}}.soycafe__obj--latte:before{background-image:url(../assets/imgs/pc/lo-res/soycafe_sidebg_latte.png);height:0;opacity:0;padding-bottom:135.3312302839%;-webkit-transform:translate3d(150%,0,0);transform:translate3d(150%,0,0);width:100%}.enjoy__inner{left:0;position:absolute;right:0;top:16%;z-index:1}.enjoy__heading{position:relative}.enjoy__titles{bottom:2rem;left:0;margin:auto;position:absolute;right:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:transform .45s cubic-bezier(.33,1.75,.82,.9);transition:transform .45s cubic-bezier(.33,1.75,.82,.9);width:80rem;z-index:1}.enjoy__titles.is-visible{-webkit-transform:scale(1);transform:scale(1)}@media(max-width:768px){.enjoy__titles{bottom:5rem;width:70rem}}.enjoy__sub-title{margin:auto;width:42.2rem}@media(max-width:768px){.enjoy__sub-title{width:40rem}}.enjoy__list{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;position:relative}@media(max-width:768px){.enjoy__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-direction:column;flex-direction:column;justify-content:center}}.enjoy__item{overflow:hidden;position:relative;width:33.3333%}@media(max-width:768px){.enjoy__item{height:28.9rem;width:100%}}.enjoy__item:before{content:"";display:block;height:0;padding-bottom:180.6%;position:relative;width:100%}@media(max-width:768px){.enjoy__item:before{display:none;padding:0}}.enjoy__bg-top{height:100%;left:0;position:absolute;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;transform-origin:left center;width:100%}.enjoy__bg-top--ice{background-color:#18c3f8}.enjoy__bg-top--soycafe{background-color:#a3ca0f}.enjoy__bg-top--pudding{background-color:#ffcc01}.enjoy__bg-bottom{bottom:0;left:0;padding-bottom:15vw;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;transform-origin:left center;width:100%}@media(max-width:768px){.enjoy__bg-bottom{bottom:auto;left:auto;padding-bottom:100%;right:0;top:0;width:25rem}}.enjoy__bg-bottom--ice{background-color:#007fc9}.enjoy__bg-bottom--soycafe{background-color:#238c00}.enjoy__bg-bottom--pudding{background-color:#ff6816}.enjoy__image{left:50%;opacity:0;position:absolute;-webkit-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5);z-index:1}.enjoy__image--ice{top:42%;width:47.1rem}@media(max-width:768px){.enjoy__image--ice{top:48%;width:100%}}.enjoy__image--soycafe{top:43%;width:58.3rem}@media(max-width:768px){.enjoy__image--soycafe{top:48%;width:100%}}.enjoy__image--pudding{top:45%;width:49.8rem}@media(max-width:768px){.enjoy__image--pudding{top:48%;width:100%}}.enjoy__btn-wrap{bottom:2%;left:0;margin:auto;opacity:0;position:absolute;right:0;width:18.4rem;z-index:1}@media(max-width:768px){.enjoy__btn-wrap{bottom:5.2rem;left:auto;right:3.2rem;width:18.6rem}}.enjoy__btn-wrap--ice{-webkit-animation:animate-bounce 1.5s linear 0s infinite;animation:animate-bounce 1.5s linear 0s infinite}.enjoy__btn-wrap--soycafe{-webkit-animation:animate-bounce 1.5s linear .5s infinite;animation:animate-bounce 1.5s linear .5s infinite}.enjoy__btn-wrap--pudding{-webkit-animation:animate-bounce 1.5s linear 1s infinite;animation:animate-bounce 1.5s linear 1s infinite}.enjoy__btn{border:none;display:block;width:100%}@media(hover:hover){.enjoy__btn:hover{-webkit-animation:animate-shake .6s linear 0s forwards;animation:animate-shake .6s linear 0s forwards}}.onlinestore{background-position:top;background-repeat:no-repeat;background-size:cover;padding:6rem 0 3rem}@media(max-width:768px){.onlinestore{overflow:hidden;padding:5rem 0 7.5rem}}.onlinestore.is-webp{background-image:url(../assets/imgs/pc/webp/onlinestore_bg.webp)}@media(max-width:768px){.onlinestore.is-webp{background-image:url(../assets/imgs/sp/webp/onlinestore_bg.webp)}}.onlinestore.no-webp{background-image:url(../assets/imgs/pc/lo-res/onlinestore_bg.jpg)}@media(max-width:768px){.onlinestore.no-webp{background-image:url(../assets/imgs/sp/onlinestore_bg.jpg)}}.onlinestore__titles{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:transform .45s cubic-bezier(.33,1.75,.82,.9);transition:transform .45s cubic-bezier(.33,1.75,.82,.9)}.onlinestore__titles.is-visible{-webkit-transform:scale(1);transform:scale(1)}.onlinestore__title{margin:auto;position:relative;width:70rem}@media(max-width:768px){.onlinestore__title{width:70rem}}.onlinestore__text{font-family:Noto Sans JP Bold,sans-serif}@media(max-width:768px){.onlinestore__text{font-size:2.6rem;margin:3rem 0 0}}.onlinestore__image{margin:5rem auto 0;width:100%}@media(max-width:768px){.onlinestore__image{margin:4rem -50% 0;width:200%}}.onlinestore__links{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:1rem 0 0}.onlinestore__link{display:block;width:35rem}@media(hover:hover){.onlinestore__link:hover{-webkit-animation:animate-shake .6s linear 0s forwards;animation:animate-shake .6s linear 0s forwards}}@media(max-width:768px){.onlinestore__link{width:33rem}}.onlinestore__link:last-child{margin:0 0 0 1.5rem}@media(max-width:768px){.onlinestore__link:last-child{margin:0 0 0 2.5rem}}.recipe{background-position:top;background-repeat:no-repeat;background-size:cover;padding:9rem 0 6.5rem}@media(max-width:768px){.recipe{padding:8rem 0}}.recipe.is-webp{background-image:url(../assets/imgs/pc/webp/recipe_bg.webp)}@media(max-width:768px){.recipe.is-webp{background-image:url(../assets/imgs/sp/webp/recipe_bg.webp)}}.recipe.no-webp{background-image:url(../assets/imgs/pc/lo-res/recipe_bg.jpg)}@media(max-width:768px){.recipe.no-webp{background-image:url(../assets/imgs/sp/recipe_bg.jpg)}}.recipe__title{margin:auto;position:relative;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:transform .45s cubic-bezier(.33,1.75,.82,.9);transition:transform .45s cubic-bezier(.33,1.75,.82,.9);width:78rem;z-index:1}.recipe__title.is-visible{-webkit-transform:scale(1);transform:scale(1)}@media(max-width:768px){.recipe__title{width:70rem}}.recipe__text{font-family:Noto Sans JP Bold,sans-serif;font-size:2rem;margin:3rem 0 0;opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}@media(max-width:768px){.recipe__text{font-size:2.6rem;margin:4rem 0 0}}.recipe__text.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:0s;transition-delay:0s}.recipe__list{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:2% 0 0}@media(max-width:768px){.recipe__list{-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;margin:auto;width:68rem}}.recipe__item{margin:0 0 0 1.3rem;opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);width:24rem}.recipe__item:first-child{margin:0}@media(max-width:768px){.recipe__item:first-child{margin:7% 0 0}.recipe__item{margin:7% 0 0;width:32rem}.recipe__item:nth-child(2n){margin:7% 0 0 5%}}.recipe__item.is-visible:first-child{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:.1s;transition-delay:.1s}.recipe__item.is-visible:nth-child(2){opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:.2s;transition-delay:.2s}.recipe__item.is-visible:nth-child(3){opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:.3s;transition-delay:.3s}.recipe__item.is-visible:nth-child(4){opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:.4s;transition-delay:.4s}.recipe__link{display:block;text-decoration:none;width:100%}.recipe__name{color:#54311a;font-family:Noto Sans JP Bold,sans-serif;font-size:2.4rem;margin:.5rem 0 0}@media(max-width:768px){.recipe__name{font-size:3.2rem;margin:1rem 0 0}}.recipe__name--hotcake{margin:1.5rem 0 3.2rem}@media(max-width:768px){.recipe__name--hotcake{margin:2rem 0 4.5rem}}.recipe__button{background-color:#a3ca0f;border-radius:50px;margin:auto;padding:.5rem 0 .7rem;position:relative;width:16.2rem}@media(hover:hover){.recipe__button:hover{-webkit-animation:animate-shake .6s linear 0s forwards;animation:animate-shake .6s linear 0s forwards}}@media(max-width:768px){.recipe__button{padding:.3rem 0;width:22rem}}.recipe__button:after{background-image:url(../assets/imgs/pc/lo-res/recipe_btn_link.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:1.7rem;position:absolute;right:10%;top:49.5%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1.7rem}@media(max-width:768px){.recipe__button:after{height:2.6rem;right:12%;width:2.6rem}}.recipe__button-inline{color:#fff;font-family:Noto Sans JP Bold,sans-serif;font-size:1.6rem;margin:0 0 0 -10%}@media(max-width:768px){.recipe__button-inline{font-size:2.6rem;margin:0 0 0 -15%}}.recipe__obj{-webkit-animation:animate-flag 5s cubic-bezier(.445,.05,.55,.95) 0s infinite;animation:animate-flag 5s cubic-bezier(.445,.05,.55,.95) 0s infinite;position:absolute;top:0;-webkit-transform:rotateX(-20deg);transform:rotateX(-20deg);-webkit-transform-origin:top center;transform-origin:top center;width:38rem}@media(max-width:768px){.recipe__obj{width:18.9rem}}.recipe__obj:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:0;padding-bottom:42.5196850394%;width:100%}@media(max-width:768px){.recipe__obj:before{height:0;padding-bottom:128.5714285714%;width:100%}}.recipe__obj--left{left:0}.recipe__obj--left:before{background-image:url(../assets/imgs/pc/lo-res/recipe_garland_right.png)}@media(max-width:768px){.recipe__obj--left:before{background-image:url(../assets/imgs/sp/recipe_garland_left.png)}}.recipe__obj--right{right:0}.recipe__obj--right:before{background-image:url(../assets/imgs/pc/lo-res/recipe_garland_left.png)}@media(max-width:768px){.recipe__obj--right:before{background-image:url(../assets/imgs/sp/recipe_garland_right.png)}}.howto{background-color:#a3ca0f;overflow:hidden;padding:6rem 0 8rem}@media(max-width:768px){.howto{padding:7rem 0 9rem}}.howto__title{margin:auto;position:relative;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:transform .45s cubic-bezier(.33,1.75,.82,.9);transition:transform .45s cubic-bezier(.33,1.75,.82,.9);width:45.2rem;z-index:1}.howto__title.is-visible{-webkit-transform:scale(1);transform:scale(1)}.howto__fin{margin:3rem auto 0;opacity:0;position:relative;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);width:79.4rem}@media(max-width:767px){.howto__fin{width:72rem;z-index:1}}.howto__fin.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:0s;transition-delay:0s}.howto__list{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:7rem 0 0;position:relative;z-index:1}@media(max-width:768px){.howto__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:10rem auto 0;width:58rem}}.howto__item{opacity:0;position:relative;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}.howto__item--step{background-color:#fff;border-radius:30px;padding:12rem 0 4rem;width:44rem}@media(max-width:768px){.howto__item--step{border-radius:15px;padding:18rem 0 5rem;width:100%}}.howto__item--step.is-visible{-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:0s;transition-delay:0s}.howto__item--step2.is-visible,.howto__item--step.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.howto__item--step2.is-visible{-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:.2s;transition-delay:.2s}.howto__item--arrow{margin:0 1.4rem 0 2.2rem;width:8.5rem}@media(max-width:768px){.howto__item--arrow{margin:11rem auto}}.howto__item--arrow.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:.1s;transition-delay:.1s}.howto__item--arrow:before{background-image:url(../assets/imgs/pc/lo-res/pc_step_arrow.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:0;left:0;padding-bottom:230.5882352941%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}@media(max-width:768px){.howto__item--arrow:before{top:0;-webkit-transform:rotate(90deg) translateX(-160%);transform:rotate(90deg) translateX(-160%)}}.howto__step{left:0;margin:auto;position:absolute;right:0;top:-7%;width:16.3rem}@media(max-width:768px){.howto__step{top:-7%;width:21.3rem}}.howto__desc{font-family:Noto Sans JP Bold,sans-serif;font-size:2rem;line-height:1.6}@media(max-width:768px){.howto__desc{font-size:2.6rem;line-height:1.5}}.howto__logo{margin:2.2rem auto 0;width:27.7rem}@media(max-width:768px){.howto__logo{margin:4rem auto 0;width:43.3rem}}.howto__link{display:block;width:26.4rem}@media(hover:hover){.howto__link:hover{-webkit-animation:animate-shake .6s linear 0s forwards;animation:animate-shake .6s linear 0s forwards}}@media(max-width:768px){.howto__link{width:40.2rem}}.howto__link--tw{margin:2.5rem auto 0}@media(max-width:768px){.howto__link--tw{margin:4rem auto 0}}.howto__link--in{margin:.5rem auto 0}@media(max-width:768px){.howto__link--in{margin:1rem auto 0}}.howto__box--tw{margin:2rem 0 0}@media(max-width:768px){.howto__box--tw{margin:-3rem 0 0}}.howto__box--in{margin:4rem 0 0}.howto__heading{font-family:Noto Sans JP Bold,sans-serif;font-size:3rem}@media(max-width:768px){.howto__heading{font-size:4.2rem}}.howto__heading--tw{color:#3198e6}.howto__heading--in{color:#d93177}.howto__text{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:25px;-webkit-box-shadow:0 0 0 5px #fff,0 0 0 8px #000;box-shadow:0 0 0 5px #fff,0 0 0 8px #000;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Noto Sans JP Bold,sans-serif;height:16rem;justify-content:center;line-height:1.7;margin:1rem auto 0;width:30rem}@media(max-width:768px){.howto__text{border-radius:12px;-webkit-box-shadow:0 0 0 5px #fff,0 0 0 8px #000;box-shadow:0 0 0 5px #fff,0 0 0 8px #000;font-size:2.6rem;height:25rem;margin:1rem auto 0;width:46rem}}.howto__text--tw{background-color:#31b4ff}.howto__text--in{background-color:#d93177}.howto__obj{position:absolute;will-change:transform}.howto__obj:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block}.howto__obj.is-visible:before{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:0s;transition-delay:0s}.howto__obj--ice{left:-5%;top:30%;width:36.5rem}@media(max-width:768px){.howto__obj--ice{left:-18%;top:25%;width:60rem}}.howto__obj--ice:before{background-image:url(../assets/imgs/pc/lo-res/howto_sidebg_ice.png);height:0;opacity:0;padding-bottom:137.8082191781%;-webkit-transform:translate3d(-150%,0,0);transform:translate3d(-150%,0,0);width:100%}.howto__obj--soycafe{right:-8%;top:50%;width:34.2rem}@media(max-width:768px){.howto__obj--soycafe{right:-16%;top:60%;width:50rem}}.howto__obj--soycafe:before{background-image:url(../assets/imgs/pc/lo-res/howto_sidebg_soycafe.png);height:0;opacity:0;padding-bottom:135.9649122807%;-webkit-transform:translate3d(150%,0,0);transform:translate3d(150%,0,0);width:100%}.howto__obj--pudding{left:-8%;top:80%;width:32.7rem}@media(max-width:768px){.howto__obj--pudding{left:-25%;top:88%;width:50rem}}.howto__obj--pudding:before{background-image:url(../assets/imgs/pc/lo-res/howto_sidebg_pudding.png);height:0;opacity:0;padding-bottom:98.4709480122%;-webkit-transform:translate3d(-150%,0,0);transform:translate3d(-150%,0,0);width:100%}.post{background-color:#3551e0;background-image:url(../assets/imgs/pc/lo-res/result_bg.png);background-position:0 0;background-repeat:repeat;background-size:20px 20px;overflow:hidden;padding:4rem 0 8rem}@media(max-width:768px){.post{background-size:10px 10px;padding:8rem 0}}.post__confetti{height:100%;left:0;position:absolute;top:0;width:100%}.post__title{margin:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:transform .45s cubic-bezier(.33,1.75,.82,.9);transition:transform .45s cubic-bezier(.33,1.75,.82,.9);width:45.2rem}.post__title.is-visible{-webkit-transform:scale(1);transform:scale(1)}@media(max-width:768px){.post__title{width:45.2rem}}.post__inner,.post__inner-slider{position:relative;z-index:1}.post__inner-slider{margin:2rem auto 0;width:90.1rem}@media(max-width:768px){.post__inner-slider{margin:2rem auto 0;width:58.1rem}}.post__slider{position:relative}.post__slider-wrapper{display:block}.post__item{position:relative;width:100%}.post__link{bottom:7%;left:0;margin:auto;position:absolute;right:0}@media(hover:hover){.post__link:hover{-webkit-animation:animate-shake .6s linear 0s forwards;animation:animate-shake .6s linear 0s forwards}}@media(max-width:768px){.post__link{bottom:3%}}.post__link--tw{width:28.4rem}@media(max-width:768px){.post__link--tw{width:47.6rem}}.post__link--tw.is-normal{bottom:16%}@media(max-width:768px){.post__link--tw.is-normal{bottom:10%;width:24rem}}.post__link--in{width:48.4rem}@media(max-width:768px){.post__link--in{bottom:6%;padding:0 2px}}.post__link--in.is-normal{bottom:4%}@media(max-width:768px){.post__link--in.is-normal{bottom:1.5%}}.post__in-link{width:23.8rem}@media(hover:hover){.post__in-link:hover{-webkit-animation:animate-shake .6s linear 0s forwards;animation:animate-shake .6s linear 0s forwards}}@media(max-width:768px){.post__in-link{width:16.9rem}}.post__in-link--soycafe{margin:0 2rem;width:26.4rem}@media(max-width:768px){.post__in-link--soycafe{margin:0 1rem;width:18.7rem}}.post__home-links{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;left:0;position:absolute;top:62%;width:100%}@media(max-width:768px){.post__home-links{-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;left:21%;top:40%;width:60%}}.post__home-link{display:block;margin:0 0 0 4.2rem;width:15rem}@media(hover:hover){.post__home-link:hover{-webkit-animation:animate-shake .6s linear 0s forwards;animation:animate-shake .6s linear 0s forwards}}@media(max-width:768px){.post__home-link{margin:0;width:40%}}.post__home-link--creator1{margin:0}@media(max-width:768px){.post__home-link--creator1{margin:0 15% 0 0}.post__home-link--creator3{margin:6% 11% 0 0}.post__home-link--creator4{margin:6% 0 0;width:49%}}.post__arrow{position:absolute;top:50%;width:9rem;z-index:1}@media(max-width:768px){.post__arrow{width:9rem}}.post__arrow--prev{left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.post__arrow--next{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.post__btn{border:none;display:block;-webkit-transition:-webkit-transform .4s cubic-bezier(.17,.67,.47,1);transition:-webkit-transform .4s cubic-bezier(.17,.67,.47,1);transition:transform .4s cubic-bezier(.17,.67,.47,1);transition:transform .4s cubic-bezier(.17,.67,.47,1),-webkit-transform .4s cubic-bezier(.17,.67,.47,1);width:100%}@media(hover:hover){.post__btn:hover{-webkit-transform:scale(.92);transform:scale(.92)}}.post__bg{height:100%;left:0;top:0;width:100%}.post__bg,.post__obj{position:absolute}.post__obj:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block}.post__obj--normal{height:100%;left:0;top:0;width:100%}.post__obj--normal:before{background-image:url(../assets/imgs/pc/lo-res/post_bg_nomal.png);background-repeat:no-repeat;background-size:cover;height:100%;width:100%}@media(max-width:768px){.post__obj--normal:before{background-image:url(../assets/imgs/sp/post_bg_nomal.png)}}.guideline{background-image:url(../assets/imgs/pc/lo-res/result_bg.png);background-position:0 0;background-repeat:repeat;background-size:20px 20px;display:block;padding:8rem 0;position:relative}@media(max-width:768px){.guideline{background-size:10px 10px}}.guideline__inner{margin:auto;width:88.6rem}@media(max-width:768px){.guideline__inner{width:69.6rem}}.guideline__btn{border:none;display:block;margin:0 0 1.5rem;position:relative;-webkit-transition:-webkit-transform .4s cubic-bezier(.17,.67,.47,1);transition:-webkit-transform .4s cubic-bezier(.17,.67,.47,1);transition:transform .4s cubic-bezier(.17,.67,.47,1);transition:transform .4s cubic-bezier(.17,.67,.47,1),-webkit-transform .4s cubic-bezier(.17,.67,.47,1);width:100%}@media(hover:hover){.guideline__btn:hover{-webkit-transform:scale(.92);transform:scale(.92)}}.guideline__btn:after{background-image:url(../assets/imgs/pc/lo-res/post_btn_guideline_close.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .4s cubic-bezier(.215,.61,.355,1);transition:opacity .4s cubic-bezier(.215,.61,.355,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}@media(max-width:768px){.guideline__btn:after{background-image:url(../assets/imgs/sp/post_btn_guideline_minus.png)}}.guideline__btn.is-visible:after{opacity:1}.guideline__target{height:0;margin:auto;overflow:hidden;position:relative;width:100%;will-change:height}.guideline__body{background-color:#fff;border:3px solid #000;border-radius:25px;padding:30px;width:100%}@media(max-width:768px){.guideline__body{padding:15px}}.guideline__text{font-size:14px;position:relative;text-align:left}.guideline__text a{color:#009340;text-decoration:underline}.guideline__list{padding:0 0 0 1em}.present{background-color:#ffce00;padding:8rem 0 4rem}@media(max-width:768px){.present{padding:7rem 0 8rem}}.present__title{margin:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:transform .45s cubic-bezier(.33,1.75,.82,.9);transition:transform .45s cubic-bezier(.33,1.75,.82,.9);width:97.6rem}.present__title.is-visible{-webkit-transform:scale(1);transform:scale(1)}@media(max-width:768px){.present__title{width:54.4rem}}.present__fin{margin:3rem auto 0;opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);width:79.4rem}@media(max-width:767px){.present__fin{width:72rem}}.present__fin.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:0s;transition-delay:0s}.present__image{opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);width:110.8rem}@media(max-width:768px){.present__image{width:70.2rem}}.present__image.is-visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9);transition:opacity .45s cubic-bezier(.39,.575,.565,1),transform .45s cubic-bezier(.33,1.75,.82,.9),-webkit-transform .45s cubic-bezier(.33,1.75,.82,.9);-webkit-transition-delay:0s;transition-delay:0s}.present__image--prize-a{margin:4rem auto 0}@media(max-width:768px){.present__image--prize-a{margin:5rem auto 0}}.present__image--prize-b{margin:1rem auto 0}@media(max-width:768px){.present__image--prize-b{margin:5rem auto 0}}.present__text{background-color:#fff;border-radius:15px;margin:3rem auto 0;padding:2rem 0;position:relative;width:82rem}@media(max-width:768px){.present__text{margin:8rem auto 0;padding:2.5rem 0;width:69rem}}.present__text:after{border-color:#fff transparent transparent;border-style:solid;border-width:18px 20px 0;content:"";height:0;left:0;margin:auto;position:absolute;right:0;top:100%;width:0}@media(max-width:768px){.present__text:after{border-width:9px 10px 0}}.present__text-inlune{color:#54311a;font-family:Noto Sans JP Bold,sans-serif;font-size:2rem}@media(max-width:768px){.present__text-inlune{font-size:2.6rem;line-height:1.38}}.present__links{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:2rem 0 0}@media(max-width:768px){.present__links{margin:2.7rem 0 0}}.present__link{display:block;width:26.4rem}@media(hover:hover){.present__link:hover{-webkit-animation:animate-shake .6s linear 0s forwards;animation:animate-shake .6s linear 0s forwards}}@media(max-width:768px){.present__link{width:32.5rem}}.present__link:last-child{margin:0 0 0 2.5rem}@media(max-width:768px){.present__link:last-child{margin:0 0 0 3rem}}.side-nav{bottom:5%;display:block;opacity:0;position:fixed;right:.5%;-webkit-transform:translateY(50px);transform:translateY(50px);width:21.7rem;z-index:4}@media(max-width:768px){.side-nav{bottom:0;left:0;margin:auto;right:0;width:100%}}.side-nav__links{bottom:13%;left:0;margin:auto;position:absolute;right:0;width:17.5rem}@media(max-width:768px){.side-nav__links{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;bottom:28%;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;left:auto;right:3%;width:40rem}}.side-nav__link{display:block;margin:1rem auto 0;width:100%}@media(hover:hover){.side-nav__link:hover{-webkit-animation:animate-shake .6s linear 0s forwards;animation:animate-shake .6s linear 0s forwards}}@media(max-width:768px){.side-nav__link{margin:0;width:19.1rem}}.popups{left:0;position:fixed;top:0;-webkit-transform:translate(100%);transform:translate(100%);will-change:transform;z-index:5}.popup,.popups{height:100%;width:100%}.popup{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;display:none;justify-content:center;padding:2% 0;position:relative}@media(max-width:768px){.popup{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:5% 2%}}.popup.is-visible{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1}.popup--ice{background-color:#18c3f8}.popup--pudding{background-color:#ffcc01}.popup--soycafe{background-color:#a3ca0f}.popup__inner{-ms-overflow-style:none;max-height:95vh;overflow-y:scroll;position:relative;scrollbar-width:none}.popup__inner::-webkit-scrollbar{display:none}.popup__title{margin:auto}@media(max-width:768px){.popup__title{margin:0 0 0 1%}}.popup__title--ice{width:65.5rem}@media(max-width:768px){.popup__title--ice{width:54.5rem}}.popup__title--pudding{width:69.5rem}@media(max-width:768px){.popup__title--pudding{width:58.5rem}}.popup__title--soycafe{width:63.5rem}@media(max-width:768px){.popup__title--soycafe{width:52.5rem}}.popup__boxs{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:1rem auto 0}@media(max-width:768px){.popup__boxs{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:5rem auto 0;width:100%}}.popup__box{position:relative}.popup__box--howto{width:76rem}@media(max-width:768px){.popup__box--howto{width:100%}}.popup__box--arrange{margin:0 0 0 6.6rem;width:59.2rem}@media(max-width:768px){.popup__box--arrange{margin:2.6rem 0 0;width:100%}}.popup__box--arrange:before{border-left:3px dotted #fff;content:"";height:100%;position:absolute;right:105%;top:0;width:.2rem}@media(max-width:768px){.popup__box--arrange:before{border-left:none;border-top:3px dotted #fff;height:2px;right:0;top:0;width:100%}.popup__heading{margin:auto}}.popup__heading--make{width:27.9rem}@media(max-width:768px){.popup__heading--make{width:22.5rem}}.popup__heading--arrange{width:35.1rem}@media(max-width:768px){.popup__heading--arrange{margin:3rem auto 0;width:28.1rem}.popup__heading--make-vertical{margin:0 auto 2rem;width:22.5rem}}.popup__list{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:3rem auto 0}@media(max-width:768px){.popup__list{margin:2.5rem auto 0}}.popup__list--soycafe{margin:auto}@media(max-width:768px){.popup__list--soycafe{-ms-flex-wrap:wrap;flex-wrap:wrap}}.popup__item{margin:0 5rem 0 0;position:relative;width:22rem}@media(max-width:768px){.popup__item{margin:0 5rem 0 0;width:20rem}}.popup__item:after{border-style:solid;border-width:4.3rem 0 4.3rem 2.8rem;content:"";height:0;left:106%;position:absolute;top:25%;width:0}@media(max-width:768px){.popup__item:after{top:22%}}.popup__item:last-child{margin:0}.popup__item:last-child:after{display:none}.popup__item--ice:after{border-color:transparent transparent transparent #007fc9}.popup__item--pudding:after{border-color:transparent transparent transparent #ff6816}.popup__item--soycafe{width:22rem}@media(max-width:768px){.popup__item--soycafe{width:20rem}}.popup__item--soycafe:after{border-color:transparent transparent transparent #238c00}.popup__item--vertical{margin:0 2rem 0 0;width:5rem}@media(max-width:768px){.popup__item--vertical{margin:auto;width:100%}}.popup__item--vertical:after{display:none}.popup__desc{font-family:Noto Sans JP Bold,sans-serif;line-height:1.3;margin:1rem 2.5% 0;text-align:left}@media(max-width:768px){.popup__desc{font-size:2.4rem;margin:1rem 0 0}}.popup__desc--ice{color:#fff}.popup__desc--pudding{color:#7e4421}.popup__desc--soycafe{color:#fff}.popup__notice{font-size:1.2rem;letter-spacing:-.05em}@media(max-width:768px){.popup__notice{font-size:2rem}}.popup__link{display:block;margin:2rem auto 0;width:52.1rem}@media(hover:hover){.popup__link:hover{-webkit-animation:animate-shake .6s linear 0s forwards;animation:animate-shake .6s linear 0s forwards}}@media(max-width:768px){.popup__link{width:57.5rem}}.popup__image--text{margin:.6rem auto 0;width:44.5rem}@media(max-width:768px){.popup__image--text{margin:1rem auto 0;padding:0 1px;width:50rem}}.popup__image--arrenge01{margin:1rem auto 0}@media(max-width:768px){.popup__image--arrenge01{margin:2rem auto 0;width:60rem}}.popup__image--arrenge02{margin:.8rem auto 0}@media(max-width:768px){.popup__image--arrenge02{margin:1rem auto 0;width:60rem}}.popup__close{border:none;position:absolute;right:1%;top:1%;width:18.5rem}@media(hover:hover){.popup__close:hover{-webkit-animation:animate-shake .6s linear 0s forwards;animation:animate-shake .6s linear 0s forwards}}@media(max-width:768px){.popup__close{right:3%;top:1.5%;width:13rem}}