html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}:root{--base-size: 1500;--yt-width: 60vw}@media all and (max-width: 768px){:root{--base-size: 750;--yt-width: 95vw}}@font-face{font-family:"Original Yu Gothic";src:local("Yu Gothic Medium"),local("YuGothic-Medium")}@font-face{font-family:"Original Yu Gothic";src:local("Yu Gothic Bold"),local("YuGothic-Bold");font-weight:bold}@font-face{font-family:'MyYuMinchoC';src:local("YuMincho-Demibold"),local("YuMincho Demibold")}html{font-size:62.5%}@media all and (max-width: 768px){html{font-size:calc(100vw / 7.5)}}body{position:relative;width:100%;height:auto;min-width:1000px;font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size:1.6em;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.6;letter-spacing:0.08rem;text-align:left;color:#8ba925;background-color:#fff;font-feature-settings:'palt';text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-spacing:1px;word-break:break-all;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-print-color-adjust:exact;-webkit-tap-highlight-color:transparent;overflow-x:hidden}@media all and (max-width: 768px){body{min-width:320px;letter-spacing:0.01em}}body header{background-color:#fff;border-bottom:solid 1px #dcdcdc}body header a{font-size:0}body footer{border-top:solid 1px #dcdcdc;padding:30px 0 0}body.is-fixed{overflow:hidden}body #pankuzu{background-color:#f7f4ee;width:100%;padding:8px 0;margin:0}body #pankuzu li{float:left;position:relative;margin-right:40px;line-height:1;font-size:11px;border-radius:2px;padding:5px 10px;text-align:center;background:#fff;color:#6c5b52}body #pankuzu li.link{background:#669219;border-radius:2px}body #pankuzu li a{display:block;width:100%;color:#fff;text-decoration:none;padding:0}body #pankuzu li::after{content:'';display:inline-block;width:7px;height:7px;border:2px solid;border-color:transparent transparent #669219 #669219;transform:rotate(225deg);position:absolute;right:-22px;top:0;bottom:0;margin:auto}@media all and (max-width: 768px){body #pankuzu li:last-child{padding:5px 10px}}body #pankuzu li:last-child::after{content:none}.app{position:relative;width:100%;height:auto;background-color:#f8f5ed;display:block}.app *{box-sizing:border-box}.app img{display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app section{position:relative;width:100%;height:auto}.app a{text-decoration:none}.app .font-yumincho{font-family:"游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif}.pc{display:block}@media all and (max-width: 768px){.pc{display:none}}.sp{display:none}@media all and (max-width: 768px){.sp{display:block}}.loading{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#b3d04f;z-index:10000;display:flex;align-items:center;align-content:center;justify-content:center;overflow:hidden}.loading__canvas{position:absolute;left:0;top:0;width:100%;height:100%}.loading__wrap{position:relative;width:100%;text-align:center}.loading__text{display:block;font-size:10px;font-weight:500;line-height:1.2;color:#fff;font-weight:bold}@media (min-width: 769px){.loading__text{font-size:calc(10px + 38 * (100vw - 769px) / 731)}}@media (min-width: 1500px){.loading__text{font-size:48px}}@media all and (max-width: 768px){.loading__text{font-size:0.46rem}}.loading__effect{display:inline-block;width:3px;height:3px;margin:0 0 0 -3px;background-color:#fff;border-radius:100%}.loading__effect:nth-child(1){animation:animate-loading-effect 0.6s -0.14s infinite cubic-bezier(0.46, 0.03, 0.49, 1)}.loading__effect:nth-child(2){animation:animate-loading-effect 0.6s -70ms infinite cubic-bezier(0.46, 0.03, 0.49, 1)}.loading__effect:nth-child(3){animation:animate-loading-effect 0.6s 0s infinite cubic-bezier(0.46, 0.03, 0.49, 1)}.loading__icon{width:calc(450 / var(--base-size) * 100%);height:0;padding:10% 0 0;margin:0 auto;transform-origin:bottom center;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url(../img/assets/loading.gif)}@media all and (max-width: 768px){.loading__icon{width:40%;padding:20% 0 0}}@keyframes animate-loading-effect{33%{transform:translateY(3px)}66%{transform:translateY(-3px)}100%{transform:translateY(0)}}.mv{border-bottom-left-radius:50%;border-bottom-right-radius:50%}.mv.is-active .mv__title{opacity:1;transform:translate(-50%, -50%)}.mv__title{position:absolute;left:49%;top:20%;width:calc(785 / var(--base-size) * 100%);margin:0 auto;z-index:3;opacity:0;transform:translate(-50%, -50%) scale(1.15) rotate(-2deg);transition:cubic-bezier(0.46, 0.03, 0.49, 1) 0.45s opacity,cubic-bezier(0.46, 0.03, 0.49, 1) 0.5s transform}@media all and (max-width: 768px){.mv__title{left:50%;top:25%;width:calc(451 / var(--base-size) * 100%)}}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.mv__title{opacity:1;transform:translate(-50%, -50%)}}.mv__bgs{position:relative;overflow:hidden}.mv__bg{position:relative;display:flex;width:100%;overflow:hidden;display:flex;flex-wrap:nowrap}.mv__bg--sp{display:none}@media all and (max-width: 768px){.mv__bg--sp{display:flex}}.mv__bg-image{width:calc(311 / var(--base-size) * 100%);height:100%;will-change:transform;margin:0 0.8% 0 0}@media all and (max-width: 768px){.mv__bg-image{width:20%}}.mv__bg-image--top2{position:absolute;right:0;margin:0}.mv__boys{position:relative;z-index:1;width:calc(767 / var(--base-size) * 100%);margin:-25% auto 0}@media all and (max-width: 768px){.mv__boys{width:65%;margin:-35% auto 0}}.mv__under{width:100%;margin-top:-45%}@media all and (max-width: 768px){.mv__under{margin-top:-80%}}.mv__webcm{position:absolute;bottom:calc(270 / var(--base-size) * 100%);right:calc(30 / var(--base-size) * 100%);width:calc(290 / var(--base-size) * 100%)}@media all and (max-width: 768px){.mv__webcm{position:relative;width:calc(514 / var(--base-size) * 100%);margin:-5% auto 0;right:0}}.online{width:calc(204 / var(--base-size) * 100%);z-index:200;opacity:0;visibility:hidden;transition:.5s;position:fixed;right:calc(23 / var(--base-size) * 100%);bottom:calc(23 / var(--base-size) * 100%);padding-bottom:2%}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.online{opacity:1;visibility:visible}}.online.view{opacity:1;visibility:visible}.online-sp{width:100%;z-index:200;opacity:0;visibility:hidden;transition:.5s;position:fixed;bottom:0;padding-bottom:2%}.online-sp.view{visibility:visible;opacity:1}.online .online__box{width:100%;height:29vh}.online__link-box{width:80%;margin:-63% auto 0}@media all and (max-width: 768px){.online__link-box{display:flex;margin-top:-13%}}.online__link:last-child{margin-top:calc(9 / var(--base-size) * 100%)}@media all and (max-width: 768px){.online__link:last-child{margin-top:0;margin-left:calc(5 / var(--base-size) * 100%)}}@keyframes animate-slideshow-first-left{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}@keyframes animate-slideshow-second-left{0%{transform:translateX(0)}100%{transform:translateX(-200%)}}@keyframes animate-slideshow-first-right{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes animate-slideshow-second-right{0%{transform:translateX(-200%)}100%{transform:translateX(0)}}@keyframes animate-circle{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes animate-snow-rotate{0%{opacity:0;transform:rotateY(0deg)}50%{opacity:1;transform:rotateY(180deg)}100%{opacity:0;transform:rotateY(360deg)}}@keyframes animate-shine{0%{transform:translate(-150%, 0) skewX(-25deg)}100%{transform:translate(250%, 0) skewX(-25deg)}}@keyframes animate-clippath{0%{-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)}100%{-webkit-clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%)}}@keyframes animate-clippath-re{0%{-webkit-clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%)}100%{-webkit-clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%)}}@keyframes animate-icon-swing1{0%{transform:rotate(0deg)}33%{transform:rotate(-10deg)}66%{transform:rotate(10deg)}100%{transform:rotate(0deg)}}@keyframes animate-icon-swing2{0%{transform:rotate(0deg)}35%{transform:rotate(-15deg)}70%{transform:rotate(10deg)}100%{transform:rotate(0deg)}}@keyframes animate-icon-scale1{0%{transform:scale(1)}5%{transform:scale(0.9)}10%{transform:scale(1.1)}15%{transform:scale(1)}45%{transform:scale(1)}50%{transform:scale(1.1)}55%{transform:scale(0.9)}60%{transform:scale(1.1)}100%{transform:scale(1)}}.about{padding:calc(90 / var(--base-size) * 100%) 0 0}.about__inner{position:relative;text-align:center;width:calc(539 / var(--base-size) * 100%);margin:0 auto;z-index:1}@media all and (max-width: 768px){.about__inner{width:calc(510 / var(--base-size) * 100%)}}.about__title{width:100%;margin:0 0 calc(50 / 413 * 100%) -0.1em;opacity:0;transform:translate(0px, 60px) scale(1);transition:transform 0.5s cubic-bezier(0.24, 0.7, 0.56, 1),opacity 0.45s ease-out;transition-delay:0s}.about__title.is-active{opacity:1;transform:translate(0px, 0px) scale(1)}@media all and (max-width: 768px){.about__title{font-size:0.51rem;letter-spacing:1.5px;line-height:1.51;margin:0 0 calc(40 / 413 * 100%) -0.1em}}.about__title .about-title-char1{opacity:0;transition:opacity .25s ease-out;transition-delay:.04s}.about__title .about-title-char2{opacity:0;transition:opacity .25s ease-out;transition-delay:.08s}.about__title .about-title-char3{opacity:0;transition:opacity .25s ease-out;transition-delay:.12s}.about__title .about-title-char4{opacity:0;transition:opacity .25s ease-out;transition-delay:.16s}.about__title .about-title-char5{opacity:0;transition:opacity .25s ease-out;transition-delay:.2s}.about__title .about-title-char6{opacity:0;transition:opacity .25s ease-out;transition-delay:.24s}.about__title .about-title-char7{opacity:0;transition:opacity .25s ease-out;transition-delay:.28s}.about__title .about-title-char8{opacity:0;transition:opacity .25s ease-out;transition-delay:.32s}.about__title .about-title-char9{opacity:0;transition:opacity .25s ease-out;transition-delay:.36s}.about__title .about-title-char10{opacity:0;transition:opacity .25s ease-out;transition-delay:.4s}.about__title .about-title-char11{opacity:0;transition:opacity .25s ease-out;transition-delay:.44s}.about__title .about-title-char12{opacity:0;transition:opacity .25s ease-out;transition-delay:.48s}.about__title .about-title-char13{opacity:0;transition:opacity .25s ease-out;transition-delay:.52s}.about__title .about-title-char14{opacity:0;transition:opacity .25s ease-out;transition-delay:.56s}.about__title .about-title-char15{opacity:0;transition:opacity .25s ease-out;transition-delay:.6s}.about__title .about-title-char16{opacity:0;transition:opacity .25s ease-out;transition-delay:.64s}.about__title .about-title-char17{opacity:0;transition:opacity .25s ease-out;transition-delay:.68s}.about__title .about-title-char18{opacity:0;transition:opacity .25s ease-out;transition-delay:.72s}.about__title .about-title-char19{opacity:0;transition:opacity .25s ease-out;transition-delay:.76s}.about__title .about-title-char20{opacity:0;transition:opacity .25s ease-out;transition-delay:.8s}.about__title .about-title-char21{opacity:0;transition:opacity .25s ease-out;transition-delay:.84s}.about__title .about-title-char22{opacity:0;transition:opacity .25s ease-out;transition-delay:.88s}.about__title .about-title-char23{opacity:0;transition:opacity .25s ease-out;transition-delay:.92s}.about__title .about-title-char24{opacity:0;transition:opacity .25s ease-out;transition-delay:.96s}.about__title .about-title-char25{opacity:0;transition:opacity .25s ease-out;transition-delay:1s}.about__title .about-title-char26{opacity:0;transition:opacity .25s ease-out;transition-delay:1.04s}.about__title .about-title-char27{opacity:0;transition:opacity .25s ease-out;transition-delay:1.08s}.about__title .about-title-char28{opacity:0;transition:opacity .25s ease-out;transition-delay:1.12s}.about__title .about-title-char29{opacity:0;transition:opacity .25s ease-out;transition-delay:1.16s}.about__title .about-title-char30{opacity:0;transition:opacity .25s ease-out;transition-delay:1.2s}.about__title.is-active span{opacity:1}.about__detail{margin:0 0 0 auto;line-height:1.8}.about__detail.is-active .about__text span{opacity:1}@media all and (max-width: 768px){.about__detail{margin:0;transform:translate(0, 0)}}.about__text--title{letter-spacing:0.8rem;white-space:nowrap}@media all and (max-width: 768px){.about__text--title{letter-spacing:1.5px}}.about__text--detail{font-size:10px;font-weight:bold;text-align:left;color:#916d4c;margin:0 0 calc(60 / 650 * 100%);text-align:center;line-height:1.8;opacity:0;transform:translate(0px, 60px) scale(1);transition:transform 0.5s cubic-bezier(0.24, 0.7, 0.56, 1),opacity 0.45s ease-out;transition-delay:0s}@media (min-width: 769px){.about__text--detail{font-size:calc(10px + 10 * (100vw - 769px) / 731)}}@media (min-width: 1500px){.about__text--detail{font-size:20px}}.about__text--detail.is-active{opacity:1;transform:translate(0px, 0px) scale(1)}@media all and (max-width: 768px){.about__text--detail{font-size:3.46vw;line-height:1.38}}.about__obj{position:absolute}.about__obj--leftbg{width:calc(321 / var(--base-size) * 100%);height:0;padding-top:47%;left:10%;top:-135%;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../img/assets/intro_sidebg_left.png);opacity:0;transform:translate(0px, 60px) scale(1);transition:transform 0.5s cubic-bezier(0.24, 0.7, 0.56, 1),opacity 0.45s ease-out;transition-delay:0s}.about__obj--leftbg.is-active{opacity:1;transform:translate(0px, 0px) scale(1)}@media all and (max-width: 768px){.about__obj--leftbg{width:calc(306 / var(--base-size) * 100%);padding-top:80%;top:-60.5%;left:calc(86 / var(--base-size) * 100%)}}.about__obj--rightbg{width:calc(236 / var(--base-size) * 100%);height:0;padding-top:37%;right:13%;top:-120%;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../img/assets/intro_sidebg_right.png);opacity:0;transform:translate(0px, 60px) scale(1);transition:transform 0.5s cubic-bezier(0.24, 0.7, 0.56, 1),opacity 0.45s ease-out;transition-delay:0s}.about__obj--rightbg.is-active{opacity:1;transform:translate(0px, 0px) scale(1)}@media all and (max-width: 768px){.about__obj--rightbg{width:calc(233 / var(--base-size) * 100%);padding-top:60%;top:-52.7%;right:calc(84 / var(--base-size) * 100%)}}.about__case{margin-top:5%}@media all and (max-width: 768px){.about__case{margin-top:62.3%}}.about__comment{width:calc(342 / var(--base-size) * 100%);margin:-6.3% 0 .3% 3%;opacity:0;visibility:hidden}@media all and (max-width: 768px){.about__comment{width:45%;top:40%;margin:0;margin-left:7%;position:absolute}}.about__comment.is-active{opacity:1;visibility:visible;animation:fadein .5s ease-in-out 0s 1 normal}.about__comment--cook{position:absolute;width:calc(324 / var(--base-size) * 100%);top:24%;margin-left:61.3%}@media all and (max-width: 768px){.about__comment--cook{top:51%;margin-left:23.3%}}@keyframes fadein{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.char{background-image:url(../img/assets/bg_character_pattern.png);margin-top:-2px}.char__item{margin-top:3px}.char__title{width:calc(599 / var(--base-size) * 100%);margin:0 auto;padding-top:calc(50 / var(--base-size) * 100%);opacity:0;transform:translate(0px, 60px) scale(1);transition:transform 0.5s cubic-bezier(0.24, 0.7, 0.56, 1),opacity 0.45s ease-out;transition-delay:0s}.char__title.is-active{opacity:1;transform:translate(0px, 0px) scale(1)}.char__image{width:calc(342 / 800 * 100%)}@media all and (max-width: 768px){.char__image{margin:calc(43 / var(--base-size) * 100%) auto;width:calc(286 / var(--base-size) * 100%)}}.char__intro{width:calc(340 / 800 * 100%);margin:4% 0 0 8px;text-align:center;letter-spacing:normal}@media all and (max-width: 768px){.char__intro{width:65%;margin:0 auto}}.char__name{width:calc(500 / 800 * 100%);margin:20% auto 0}@media all and (max-width: 768px){.char__name{width:calc(260 / var(--base-size) * 100%);margin:0 auto}}.char__name--taro{width:calc(1400 / var(--base-size) * 100%)}@media all and (max-width: 768px){.char__name--taro{width:calc(318 / var(--base-size) * 100%)}}.char__info{font-size:1.6vw;line-height:2;color:#916d4c;font-weight:bold;margin-top:calc(250 / var(--base-size) * 100%);width:calc(370 / 350 * 100%)}@media all and (max-width: 768px){.char__info{line-height:1.71;text-align:center;font-size:3.74vw;margin-top:calc(37 / var(--base-size) * 100%)}}.char__info--soyya{width:calc(376 / 350 * 100%)}.char__info--soykichi{width:calc(417 / 350 * 100%);margin-left:-6%}.char__btn{font-size:1.125vw;background-color:#99795b;color:#fff;border-radius:150px;margin:calc(150 / var(--base-size) * 100%) auto 0;text-align:center;font-weight:bold;padding:13px 32px;width:90%}@media all and (max-width: 768px){.char__btn{margin:calc(26 / var(--base-size) * 100%) auto 0;font-size:3.2vw;padding:calc(13 / var(--base-size) * 100%) calc(36 / var(--base-size) * 100%)}}.char__arrow{width:calc(124 / var(--base-size) * 100%);position:absolute;bottom:35%;z-index:100;cursor:pointer}.char__arrow--next{right:calc(260 / var(--base-size) * 100%)}@media all and (max-width: 768px){.char__arrow--next{right:calc(10 / var(--base-size) * 100%)}}.char__arrow--prev{left:calc(260 / var(--base-size) * 100%)}@media all and (max-width: 768px){.char__arrow--prev{left:calc(10 / var(--base-size) * 100%)}}@media all and (max-width: 768px){.char__arrow{width:calc(124 / var(--base-size) * 100%);bottom:calc(293.5 / var(--base-size) * 100%)}}.sliders__box{background-image:url(../img/assets/calacter_slider_bg.png);background-size:100% 100%;height:35.46vw;width:calc(1450 / var(--base-size) * 100%);margin:0 auto}@media all and (max-width: 768px){.sliders__box{background-image:url(../img/assets/sp_calacter_slider_bg.png);height:100vw;width:calc(711 / var(--base-size) * 100%);height:117.3vw}}.sliders__inner{display:flex;position:relative;left:5%}@media all and (max-width: 768px){.sliders__inner{left:0;flex-direction:column}}.swiper-wrapper{height:auto !important}.swiper-pagination-bullets{position:relative;bottom:0 !important;width:12% !important;margin:1.65% auto}@media all and (max-width: 768px){.swiper-pagination-bullets{width:24% !important;margin:-17% auto -5%}}.swiper-pagination-bullet{display:inline-block;border-radius:100%;width:1.6vw;height:1.6vw;background-color:#fff;opacity:1;cursor:pointer;margin:0 1.01vw !important}@media all and (max-width: 768px){.swiper-pagination-bullet{width:3.2vw;height:3.2vw;margin:0 2vw !important}}.swiper-pagination-bullet:last-child{margin:0}.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#86a80e;cursor:auto;pointer-events:none}.webcm__title{width:calc(343 / var(--base-size) * 100%);margin:0 auto;padding-top:calc(108 / var(--base-size) * 100%);opacity:0;transform:translate(0px, 60px) scale(1);transition:transform 0.5s cubic-bezier(0.24, 0.7, 0.56, 1),opacity 0.45s ease-out;transition-delay:0s}.webcm__title.is-active{opacity:1;transform:translate(0px, 0px) scale(1)}@media all and (max-width: 768px){.webcm__title{padding-top:calc(101 / var(--base-size) * 100%)}}.webcm__info{font-size:1.6vw;color:#916d4c;font-weight:bold;text-align:center;margin-top:calc(40 / var(--base-size) * 100%);opacity:0;transform:translate(0px, 60px) scale(1);transition:transform 0.5s cubic-bezier(0.24, 0.7, 0.56, 1),opacity 0.45s ease-out;transition-delay:0s}@media all and (max-width: 768px){.webcm__info{font-size:3.73vw}}.webcm__info.is-active{opacity:1;transform:translate(0px, 0px) scale(1)}.webcm__movie{position:relative;width:100%;cursor:pointer;opacity:0;transform:translate(0px, 60px) scale(1);transition:transform 0.5s cubic-bezier(0.24, 0.7, 0.56, 1),opacity 0.45s ease-out;transition-delay:0s}.webcm__movie.is-active{opacity:1;transform:translate(0px, 0px) scale(1)}@media (hover: hover){.webcm__movie:hover .about__button{transform:translate(-50%, -50%) scale(0.85)}}.webcm__button{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:65px;height:65px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform 0.4s cubic-bezier(0.18, 0.82, 0.44, 1)}@media (min-width: 769px){.webcm__button{width:calc(65px + 65 * (100vw - 769px) / 731);height:calc(65px + 65 * (100vw - 769px) / 731)}}@media (min-width: 1500px){.webcm__button{width:130px;height:130px}}@media all and (max-width: 768px){.webcm__button{width:1.52rem;height:1.52rem}}.webcm__button-icon{width:calc(142 / 150 * 100%);transform:translate(0, 1%)}@media all and (max-width: 768px){.webcm__button-icon{width:95%}}.webcm__svg{position:absolute;left:0;top:0;width:100%;height:100%;animation:animate-circle 10s linear 0s infinite}.webcm__circle{fill:transparent;stroke:#fff;stroke-width:1;stroke-dasharray:40 10}.webcm__inner{display:flex;width:calc(1100 / 1500 * 100%);margin:calc(83 / 1500 * 100%) auto 0}.webcm__inner--mt{margin-top:0}@media all and (max-width: 768px){.webcm__inner{flex-direction:column;width:calc(527 / var(--base-size) * 100%)}}.webcm__intro{width:calc(719 / var(--base-size) * 100%)}@media all and (max-width: 768px){.webcm__intro{width:100%;margin:0 auto}}.webcm__intro:last-child{margin:calc(71 / 1100 * 100%) 0 0 calc(42 / 1100 * 100%)}@media all and (max-width: 768px){.webcm__intro:last-child{margin-left:0}}.webcm__intro--tantanmen:last-child{margin:0}@media all and (max-width: 768px){.webcm__intro--tantanmen:last-child{margin:calc(71 / 1100 * 100%) 0 0 calc(42 / 1100 * 100%)}}.webcm .movie__content{margin-top:calc(18.2 / 1500 * 100%);position:relative}.webcm .movie__title{font-size:2.4vw;background-color:#a7d215;color:#fff;border-radius:150px;text-align:center;padding:2% 0;width:calc(1431 / var(--base-size) * 100%);margin:0 auto;height:5.65vw;font-weight:bold;line-height:1.1;opacity:0;transform:translate(0px, 60px) scale(1);transition:transform 0.5s cubic-bezier(0.24, 0.7, 0.56, 1),opacity 0.45s ease-out;transition-delay:0s}.webcm .movie__title span{font-size:1.67vw;font-weight:normal;position:relative;top:-7px}@media all and (max-width: 768px){.webcm .movie__title span{font-size:3.2vw}}.webcm .movie__title.is-active{opacity:1;transform:translate(0px, 0px) scale(1)}@media all and (max-width: 768px){.webcm .movie__title{width:calc(715 / var(--base-size) * 100%);margin:calc(18.2 / var(--base-size) * 100%) auto 0;font-size:4.8vw;height:11.1vw}}.webcm .movie__title--soylate{position:relative}.webcm .movie__title--soylate::before{background-image:url(../img/assets/movie_bg_soylatte.png);content:'';position:absolute;width:19%;height:100%;background-position:100% 100%;background-size:contain;background-repeat:no-repeat;top:-10%;margin-left:-22%}@media all and (max-width: 768px){.webcm .movie__title--soylate::before{width:17%}}@media all and (max-width: 768px){.webcm .movie__title--soylate::before{margin-left:-20%}}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.webcm .movie__title--soylate::before{margin-left:10%}}.webcm .movie__title--hotcake{position:relative;margin-left:-40px;position:relative}.webcm .movie__title--hotcake::after{background-image:url(../img/assets/movie_bg_hotcake.png);content:'';position:absolute;width:19%;height:100%;background-position:100% 100%;background-size:contain;background-repeat:no-repeat;top:-10%;margin-left:13%}@media all and (max-width: 768px){.webcm .movie__title--hotcake::after{width:17%}}.webcm .movie__title--tantanmen{position:relative;padding-left:16%}.webcm .movie__title--tantanmen::before{background-image:url(../img/assets/movie_bg_tantanmen.png);content:'';position:absolute;width:19%;height:100%;background-position:100% 100%;background-size:contain;background-repeat:no-repeat;top:-10%;margin-left:-22%;margin-top:-1%}@media all and (max-width: 768px){.webcm .movie__title--tantanmen::before{width:17%}}@media all and (max-width: 768px){.webcm .movie__title--tantanmen::before{margin-left:-20%;margin-top:-2%}}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.webcm .movie__title--tantanmen::before{margin-left:-5%}}.webcm .movie__title--soup{position:relative;margin-left:-40px;position:relative}.webcm .movie__title--soup::after{background-image:url(../img/assets/movie_bg_soup.png);content:'';position:absolute;width:19%;height:100%;background-position:100% 100%;background-size:contain;background-repeat:no-repeat;top:-10%;margin-left:12%;top:-20%}@media all and (max-width: 768px){.webcm .movie__title--soup::after{width:17%}}@media all and (max-width: 768px){.webcm .movie__title--soup::after{top:-22%;margin-left:18%}}.webcm .movie__title--nabe{position:relative;margin-left:40px}.webcm .movie__title--nabe::before{background-image:url(../img/assets/movie_bg_nabe.png);content:'';position:absolute;width:19%;height:100%;background-position:100% 100%;background-size:contain;background-repeat:no-repeat;top:-10%;margin-left:-28%;margin-top:-0.5%;width:22%}@media all and (max-width: 768px){.webcm .movie__title--nabe::before{width:17%}}@media all and (max-width: 768px){.webcm .movie__title--nabe::before{margin-left:-33%;margin-top:-2%;width:21%}}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.webcm .movie__title--nabe::before{margin-left:-5%}}.webcm .movie__title--hot{position:relative;margin-left:-40px;position:relative}.webcm .movie__title--hot::after{background-image:url(../img/assets/movie_bg_hot.png);content:'';position:absolute;width:19%;height:100%;background-position:100% 100%;background-size:contain;background-repeat:no-repeat;top:-10%;width:14%;margin-left:19%;top:-14%}@media all and (max-width: 768px){.webcm .movie__title--hot::after{width:17%}}@media all and (max-width: 768px){.webcm .movie__title--hot::after{width:12.5%;top:-16%;margin-left:22%}}.webcm .movie__recipe{background-color:#e1e8ca;font-size:1.34vw;border-radius:50px;text-align:center;font-weight:bold;position:relative;width:calc(685 / var(--base-size) * 100%);margin:calc(18.2 / 1500 * 100%) auto 0;cursor:pointer;opacity:0;transform:translate(0px, 60px) scale(1);transition:transform 0.5s cubic-bezier(0.24, 0.7, 0.56, 1),opacity 0.45s ease-out;transition-delay:0s}@media all and (max-width: 768px){.webcm .movie__recipe{margin:calc(25 / var(--base-size) * 100%) auto 0;width:calc(512.3 / var(--base-size) * 100%);font-size:3.9vw}}.webcm .movie__recipe.is-active{opacity:1;transform:translate(0px, 0px) scale(1)}.webcm .movie__recipe p{padding:3% 0}.webcm .movie__recipe p::after{content:'';width:35%;height:40%;position:absolute;background-image:url(../img/assets/btn_link.png);background-repeat:no-repeat;background-size:contain;margin:3.5% 0 0 3%}@media all and (max-width: 768px){.webcm .movie__recipe p::after{margin:1.5% 0 0 3%}}.webcm__past{width:calc(790 / var(--base-size) * 100%);margin:5% auto 0;padding-bottom:calc(71 / var(--base-size) * 100%)}@media all and (max-width: 768px){.webcm__past{width:100%;padding-bottom:calc(104.1 / var(--base-size) * 100%);margin:calc(125 / var(--base-size) * 100%) auto 0}}.webcm__past .past__title{font-size:2.4vw;color:#916d4c;text-align:center;font-weight:bold;opacity:0;transform:translate(0px, 60px) scale(1);transition:transform 0.5s cubic-bezier(0.24, 0.7, 0.56, 1),opacity 0.45s ease-out;transition-delay:0s}.webcm__past .past__title.is-active{opacity:1;transform:translate(0px, 0px) scale(1)}@media all and (max-width: 768px){.webcm__past .past__title{font-size:5.21vw}}.webcm__past .past__bunner{width:calc(734 / 790 * 100%);margin:0 auto;opacity:0;transform:translate(0px, 60px) scale(1);transition:transform 0.5s cubic-bezier(0.24, 0.7, 0.56, 1),opacity 0.45s ease-out;transition-delay:0s}.webcm__past .past__bunner.is-active{opacity:1;transform:translate(0px, 0px) scale(1)}@media all and (max-width: 768px){.webcm__past .past__bunner{width:calc(645.5 / var(--base-size) * 100%)}}.recipe__thumb{position:relative;margin:0 0 calc(15 / 250 * 100%);overflow:hidden}.recipe__thumb::after{content:'';position:absolute;top:0;left:0;width:50%;height:95%;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);transform:translate(-150%, 0) skewX(-25deg)}@media all and (max-width: 768px){.recipe__thumb{margin:0 0 calc(15 / 300 * 100%)}}.close{width:calc(124 / 880 * 100%);top:calc(100/var(--base-size) * -50 * 1vw);right:calc(100/var(--base-size) * -50 * 1vw);position:fixed;cursor:pointer}@media all and (max-width: 768px){.close{width:calc(124 / 660 * 100%);top:calc(100/var(--base-size) * -56 * 1vw);right:calc(100/var(--base-size) * -23 * 1vw);position:fixed}}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.close{width:124px;right:18%;top:2%}}.mask{background:rgba(0,0,0,0.4);position:fixed;top:0;bottom:0;left:0;right:0;z-index:202}.modal{margin:auto;transition:opacity 0.4s linear;opacity:1;visibility:visible;position:fixed;top:0;left:0;width:100%;height:100%;z-index:201}.modal__inner{padding:calc(100/var(--base-size) * 40 * 1vw) calc(100/var(--base-size) * 27 * 1vw) calc(100/var(--base-size) * 39 * 1vw) calc(100/var(--base-size) * 66 * 1vw);margin:0 auto;background-color:#f8f5ed;border-radius:30px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(880 / var(--base-size) * 100%);max-height:82vh;height:auto;z-index:203}@media all and (max-width: 768px){.modal__inner{padding:calc(100/var(--base-size) * 80 * 1vw) calc(100/var(--base-size) * 14 * 1vw) calc(100/var(--base-size) * 63 * 1vw) calc(100/var(--base-size) * 25 * 1vw);width:calc(660 / var(--base-size) * 100%)}}.modal__box{position:relative;padding:0 calc(100/var(--base-size) * 30 * 1vw) 0 0;width:100%;max-height:calc(82vh - (100 / var(--base-size) * 79 * 1vw));overflow-y:auto}@media all and (max-width: 768px){.modal__box{padding:0 calc(100/var(--base-size) * 14 * 1vw) 0 0;max-height:calc(82vh - (100 / var(--base-size) * 143 * 1vw))}}.modal__box::-webkit-scrollbar{width:calc(100/var(--base-size) * 15 * 1vw)}.modal__box::-webkit-scrollbar-track{background-color:#cdcdcd}.modal__box::-webkit-scrollbar-thumb{background:#adcf39;box-shadow:none}.mask.hidden{display:none}.modal.hidden{transform:translate(0, -500px);opacity:0;visibility:hidden;position:absolute}.movie{width:100vw;height:100%;position:fixed;top:0;left:0;z-index:1000;display:none}.movie.is-open{display:block}.movie.is-open .movie__video{opacity:1;transform:translate(0, 0)}.movie__inner{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.movie__bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8)}.movie__video{position:relative;width:60%;height:73.75%;max-height:90vh;opacity:0;transform:translate(0, 20%);transition:opacity .4s ease-out, transform .4s ease-out}@media all and (max-width: 768px){.movie__video{width:95%;height:25%}}.movie__iframe{display:block;width:100%;height:100%}.movie__close{position:absolute;right:-9%;top:0;transform:translate(-50%, -50%);cursor:pointer;background-color:#c07c45;width:10px;height:10px;cursor:pointer;outline:none;border:none;border-radius:50%;padding:0;transition:transform 0.4s cubic-bezier(0.18, 0.82, 0.44, 1)}@media (min-width: 769px){.movie__close{width:calc(10px + 70 * (100vw - 769px) / 731);height:calc(10px + 70 * (100vw - 769px) / 731)}}@media (min-width: 1500px){.movie__close{width:80px;height:80px}}@media (hover: hover){.movie__close:hover{transform:translate(-50%, -50%) scale(0.9)}}@media all and (max-width: 768px){.movie__close{right:-5%;top:initial;bottom:94%;width:0.9rem;height:0.9rem}}.movie__close::before,.movie__close::after{content:'';display:block;position:absolute;top:50%;left:50%;width:65%;height:5%;margin:-2% 0 0 -32%;background:#fff}@media all and (max-width: 768px){.movie__close::before,.movie__close::after{width:55%;height:3%;margin:0 0 0 -28%}}.movie__close::before{transform:rotate(-45deg)}.movie__close::after{transform:rotate(45deg)}.enjoy{background-color:#b3d04f}.enjoy__title{width:calc(1078 / var(--base-size) * 100%);margin:0 auto;padding-top:calc(115 / var(--base-size) * 100%);opacity:0;transform:translate(0px, 60px) scale(1);transition:transform 0.5s cubic-bezier(0.24, 0.7, 0.56, 1),opacity 0.45s ease-out;transition-delay:0s}.enjoy__title.is-active{opacity:1;transform:translate(0px, 0px) scale(1)}@media all and (max-width: 768px){.enjoy__title{width:calc(577 / var(--base-size) * 100%)}}.enjoy__char{width:calc(675 / var(--base-size) * 100%);margin:calc(43 / var(--base-size) * 100%) auto 0;opacity:0;transform:translate(0px, 60px) scale(1);transition:transform 0.5s cubic-bezier(0.24, 0.7, 0.56, 1),opacity 0.45s ease-out;transition-delay:0s}.enjoy__char.is-active{opacity:1;transform:translate(0px, 0px) scale(1)}@media all and (max-width: 768px){.enjoy__char{width:calc(614 / var(--base-size) * 100%)}}.enjoy__link-box{display:flex;width:calc(702 / var(--base-size) * 100%);margin:calc(37 / var(--base-size) * 100%) auto 0}@media all and (max-width: 768px){.enjoy__link-box{width:calc(662 / var(--base-size) * 100%)}}.enjoy__link{width:calc(760 / var(--base-size) * 100%);opacity:0;transform:translate(0px, 60px) scale(1);transition:transform 0.5s cubic-bezier(0.24, 0.7, 0.56, 1),opacity 0.45s ease-out;transition-delay:0s}@media all and (max-width: 768px){.enjoy__link{width:100%}}.enjoy__link.is-active{opacity:1;transform:translate(0px, 0px) scale(1)}.enjoy__link:last-child{margin-left:calc(18 / var(--base-size) * 100%)}@media all and (max-width: 768px){.enjoy__link:last-child{margin-left:calc(16 / var(--base-size) * 100%)}}.enjoy__prod{margin-top:calc(43 / var(--base-size) * 100%);padding-bottom:calc(62 / var(--base-size) * 100%)}