@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap";.layout-container{width:100%}#content img{vertical-align:bottom;max-width:100%;height:auto;overflow:visible}#content svg{overflow:visible}#content figure{margin:0}a[href$=".pdf"]:not(.m-no-icon):after,a[target=_blank]:not(.m-no-icon):after{display:none}.secondary-nav a[target=_blank]:after{display:inline-block}html.is-loading{overflow:hidden}@media screen and (min-width: 769px){body{width:100% !important;margin:0}body.scroll{position:inherit}body #sapporo-topicpath-area.topicpathB{background:#fff;position:relative;z-index:10}body #sapporo-footer-area{position:relative}body #sapporo-footer-area:after{content:"";display:block;width:100%;height:18px;background:#fff;position:absolute;bottom:-18px}body #footer{z-index:1002}body .layout-footer_return-top a{border-radius:50%;border:2px solid #fff}body .pageTop{margin:0;white-space:nowrap;text-indent:100%;overflow:hidden;position:fixed;bottom:15px;right:30px;width:45px;height:45px;border-radius:50%;border:2px solid #fff;z-index:9;display:none !important}body .pageTop a{display:block;width:45px;height:45px;background:#000 url(/common/img/layout/footer-return-top_img01.svg) no-repeat 0 0;background-size:45px auto;border-radius:50%;display:none !important}body .pageTop.fixed{position:absolute;bottom:-25px}.sapporo-otokoume-contents-area{position:relative}#content{min-width:950px;margin-bottom:0 !important;position:relative}#content ul{list-style:none;padding:0}#content .sp{display:none !important}#content .inner{width:950px;margin:0 auto;box-sizing:border-box;position:relative}}@media screen and (min-width: 769px)and (min-width: 1080px){#content .inner{width:1040px}}@media screen and (min-width: 769px){#content .clr:after{content:"";display:block;clear:both;height:0}#content h1,#content h2,#content h3,#content p{margin:0}#content ul,#content ol,#content dl,#content li,#content dt,#content dd{margin:0;padding:0;list-style:none}#content .figure img{width:inherit;height:inherit;display:inherit;margin:inherit}#content #bnrArea{position:relative;z-index:2;padding-top:40px;padding-bottom:40px}#content #bnrArea ul{margin:0 0 0 -20px;list-style:none;padding:0;display:flex;justify-content:center}#content #bnrArea ul li{margin:0 10px 10px}#content #bnrArea ul li a:hover img{animation:hover 300ms ease;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running}#content #bnrArea ul li a span{display:block;width:465px;height:190px;overflow:hidden}#content #bnrArea ul li a span.small{height:90px}#content #bnrArea ul li a:after{display:none}#content #bnrArea ul li a:hover img{animation:hover 300ms ease;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running}}@media screen and (max-width: 768px){#sapporo-topicpath-area{display:none}body{width:100% !important;margin:0}body.scroll{position:inherit;overflow-y:inherit}body #sapporo-topicpath-area.topicpathB{background:#fff;position:relative;z-index:1}body #footer{z-index:1002}body .sp-area-footer{position:relative;z-index:6}body #sapporo-footer-area:after{content:"";display:block;width:100%;height:18px;background:#fff;position:absolute;bottom:-18px}body .sp-all,body #sp-area-footer{position:relative}body .sp-all{z-index:11}body .layout-footer_return-top a{border-radius:50%;border:2px solid #fff}body .pageTop{display:none}#content{max-width:750px;margin-bottom:0 !important}#content .pc{display:none !important}#content .inner{margin:0 auto;box-sizing:border-box;position:relative}#content .clr:after{content:"";display:block;clear:both;height:0}#content h1,#content h2,#content h3,#content p{margin:0}#content ul,#content ol,#content dl,#content li,#content dt,#content dd{margin:0;padding:0;list-style:none}#content img{width:100%;min-width:auto !important}#content #bnrArea{position:relative;padding:30px 20px}#content #bnrArea li{max-width:335px;margin:0 auto}#content #bnrArea li a:after{content:none !important}#content #bnrArea li+li{margin-top:15px}}body.is-fixed{position:fixed;width:100%;height:100%;left:0}@media screen and (max-width: 768px){body.is-fixed #nav{opacity:0}#content img{height:auto}}#content *{font-family:"Noto Sans JP","Helvetica Neue","Helvetica","Hiragino Sans","Hiragino Kaku Gothic ProN","Arial","Yu Gothic","Meiryo",sans-serif}@media screen and (max-width: 768px){#content #contentWrap{position:relative}}#content .mainContents{position:relative}@media screen and (max-width: 768px){#content .mainContents{z-index:10}}#content #nav{background:#000;height:50px;border-top:1px solid #666;position:absolute;top:0;width:100%;z-index:211;opacity:0;transition:opacity .8s ease;pointer-events:none}#content #nav.show{opacity:1;pointer-events:all}@media print,screen and (min-width: 769px){#content #nav{height:70px;border:none;background:rgba(7,6,7,.7)}}@media screen and (max-width: 768px){#content #nav{top:-50px}}#content #nav.is-fixed{position:fixed;top:0;left:0}#content #nav .inner{display:flex;align-items:center;justify-content:space-between;height:70px}@media screen and (max-width: 768px){#content #nav .inner{justify-content:flex-end;height:50px}}#content #nav .ttl{font-size:0}@media screen and (max-width: 1080px){#content #nav .ttl{width:80px}}@media screen and (max-width: 768px){#content #nav .ttl{width:100px;font-size:0;padding-left:10px;margin-right:auto}}@media print,screen and (max-width: 768px){#content #nav.is-fixed{top:-1px}}#content #nav .ttl a{display:block}@media print,screen and (min-width: 769px){#content #nav .ttl a:hover{background:url("/otokoume/img/index/ttl_on.svg") no-repeat;background-size:102px}}@media print,screen and (min-width: 769px){#content #nav .ttl a:hover img{opacity:0}}@media screen and (max-width: 768px){#content #nav .sns .text{display:none}}@media print,screen and (min-width: 769px){#content #nav .sns .text{text-align:center;height:13px;margin:0 0 6px}#content #nav .sns .text picture{display:flex;justify-content:center}}#content #nav .sns .snsBtn{display:flex;flex-wrap:wrap;justify-content:center}#content #nav .sns .snsBtn li{margin:0 8px}@media screen and (max-width: 768px){#content #nav .sns .snsBtn li{margin:0 4px}}@media print,screen and (min-width: 769px){#content #nav .sns .snsBtn li{margin:0 4px}}@media print,screen and (min-width: 769px){#content #nav .sns .snsBtn a:hover img{animation:hover .3s ease}}#content #nav .sns .snsBtn img{width:28px}@media screen and (max-width: 768px){#content #nav .gnav{background:#e60012;width:100%;height:calc(100vh - 50px);position:absolute;top:50px;left:0px;z-index:230;box-sizing:border-box;display:flex;justify-content:center;align-items:center}}@media print,screen and (min-width: 769px){#content #nav .gnav ul{display:flex;flex-wrap:wrap;justify-content:center;margin-right:-15px}}@media screen and (max-width: 768px){body.landscape #content #nav .gnav ul{position:relative;top:0;transform:translateY(0)}}#content #nav .gnav li{display:flex;justify-content:center;align-items:center}@media print,screen and (min-width: 769px){#content #nav .gnav li{margin:0 14px 0 0;background-repeat:no-repeat;background-position:0;font-size:0}}@media screen and (max-width: 768px){#content #nav .gnav li{overflow:hidden}#content #nav .gnav li+li{margin-top:30px}}@media screen and (max-width: 768px){body.landscape #content #nav .gnav li{width:340px;margin:17px auto}}#content #nav .gnav li a{display:block}@media screen and (max-width: 768px){#content #nav .gnav li a{display:block;overflow:hidden}}@media screen and (max-width: 768px){#content #nav .gnav li a img{width:auto;height:30px;display:block;transform:translateY(100%);transition:.5s 1s}}@media print,screen and (min-width: 769px){#content #nav .gnav li a:hover img{opacity:0}}@media print,screen and (min-width: 769px){#content #nav .gnav .navTop:hover{background-image:url("/otokoume/img/index/nav_txt01_on.svg");background-size:38.53px}}@media print,screen and (min-width: 769px){#content #nav .gnav .navNews:hover{background-image:url("/otokoume/img/index/nav_txt02_on.svg");background-size:73.8px}}@media print,screen and (min-width: 769px){#content #nav .gnav .navMovie:hover{background-image:url("/otokoume/img/index/nav_txt03_on.svg");background-size:57.29px}}@media print,screen and (min-width: 769px){#content #nav .gnav .navWhat:hover{background-image:url("/otokoume/img/index/nav_txt04_on.svg");background-size:110.55px}}@media print,screen and (min-width: 769px){#content #nav .gnav .navCase:hover{background-image:url("/otokoume/img/index/nav_txt05_on.svg");background-size:85.94px}}@media print,screen and (min-width: 769px){#content #nav .gnav .navLineup:hover{background-image:url("/otokoume/img/index/nav_txt06_on.svg");background-size:87.95px}}@media print,screen and (min-width: 769px){#content #nav .gnav .navDrink:hover{background-image:url("/otokoume/img/index/nav_txt07_on.svg");background-size:112.86px}}@media screen and (max-width: 768px){#content #nav .gnav{height:0;opacity:0;overflow:hidden;transition:.5s .5s}}@media screen and (max-width: 768px){#content #nav .gnav.is-open{opacity:1;height:calc(100vh - 50px);overflow-y:scroll}}@media screen and (max-width: 768px){#content #nav .gnav.is-open li a img{transform:translateY(0);transition:.5s 1s}}#content #nav .navBtn{width:50px;height:50px;background-image:url("/otokoume/img/index/sp/nav_btn.png");background-size:50px;background-position:center top}@media print,screen and (min-width: 769px){#content #nav .navBtn{display:none}}#content #nav .navBtn.is-open{background-position:center bottom}#content .mv{position:relative;z-index:1;background:url(/otokoume/img/index/mv_bg.webp) repeat-x top center/auto 100%;animation:mvBgScroll 90s linear infinite;padding:75px 0 200px;overflow:hidden}@media screen and (max-width: 768px){#content .mv{padding:7.3333333333vw 0 36vw;animation-duration:25s}}#content .mv__copy{padding-top:45px;width:942px;margin:0 auto}@media screen and (max-width: 768px){#content .mv__copy{width:100vw;padding-top:0;margin-top:-3.3333333333vw}}#content .mv__copy img{opacity:0}#content .mv__inner{text-align:center;padding-top:630px}@media screen and (max-width: 768px){#content .mv__inner{padding-top:138.6666666667vw}}#content .mv__txt{display:inline-block;width:588px;-webkit-mask-image:linear-gradient(to right, transparent 40%, black 60%);mask-image:linear-gradient(to right, transparent 40%, black 60%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-position:0% 0;mask-position:0% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media screen and (max-width: 768px){#content .mv__txt{width:50.6666666667vw}}#content .mv__humans{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1000px;height:100%;z-index:5;pointer-events:none}@media screen and (max-width: 768px){#content .mv__humans{width:100vw}}#content .mv__human{position:absolute}@media screen and (max-width: 768px){#content .mv__human{transform:translateX(0) !important}}#content .mv__human img{width:100%;height:auto;opacity:0}#content .mv__human--01{width:669px;left:50%;top:280px;transform:translateX(-395px);z-index:7}@media screen and (max-width: 768px){#content .mv__human--01{width:105vw;top:28vw;left:-14vw;z-index:1}}#content .mv__human--02{width:300px;left:50%;top:520px;transform:translateX(-370px);z-index:4}@media screen and (max-width: 768px){#content .mv__human--02{width:75vw;top:95vw;left:-2vw}}#content .mv__human--03{width:420px;left:50%;top:525px;transform:translateX(145px);z-index:4}@media screen and (max-width: 768px){#content .mv__human--03{width:59.2vw;top:94vw;left:58vw}}#content .mv__human--04{width:240px;left:50%;top:425px;transform:translateX(-485px);z-index:3}@media screen and (max-width: 768px){#content .mv__human--04{width:75vw;top:85vw;left:1vw}}#content .mv__human--05{width:307px;left:50%;top:405px;transform:translateX(167px);z-index:3}@media screen and (max-width: 768px){#content .mv__human--05{width:38.6666666667vw;top:56vw;left:69vw}}#content .mv__human--06{width:157px;left:50%;top:390px;transform:translateX(-260px);z-index:2}@media screen and (max-width: 768px){#content .mv__human--06{display:none}}#content .mv__human--07{width:240px;left:50%;top:340px;transform:translateX(215px);z-index:2}@media screen and (max-width: 768px){#content .mv__human--07{display:none}}#content .mv__cloud{position:absolute;top:635px;z-index:10;pointer-events:none}@media screen and (max-width: 768px){#content .mv__cloud{top:143vw}}#content .mv__cloud img{width:100%;height:auto}#content .mv__cloud--left{right:calc(50% + 90px);width:871px;opacity:0;transform:translateX(-200px)}@media screen and (max-width: 768px){#content .mv__cloud--left{width:89.4666666667vw;right:calc(50% + 2.2666666667vw)}}#content .mv__cloud--right{left:calc(50% - 164px);width:1224px;opacity:0;transform:translateX(200px)}@media screen and (max-width: 768px){#content .mv__cloud--right{top:140vw;left:calc(50% - 18vw);width:130.1333333333vw}}#content .mv.show .mv__copy img{animation:popup .5s cubic-bezier(0.04, 1.11, 0.55, 0.99) 2.5s forwards}@media screen and (max-width: 768px){#content .mv.show .mv__copy img{animation:popup .5s cubic-bezier(0.04, 1.11, 0.55, 0.99) 2.1s forwards}}#content .mv.show .mv__human--01 img{animation:popup .5s cubic-bezier(0.04, 1.11, 0.55, 0.99) 1.2s forwards,cloudFloat 2s ease-in-out 3s infinite}#content .mv.show .mv__human--02 img,#content .mv.show .mv__human--03 img{animation:popup .5s cubic-bezier(0.04, 1.11, 0.55, 0.99) 1.6s forwards,cloudFloat 2s ease-in-out 3.2s infinite}@media screen and (max-width: 768px){#content .mv.show .mv__human--02 img,#content .mv.show .mv__human--03 img{animation:popup .5s cubic-bezier(0.04, 1.11, 0.55, 0.99) 1.8s forwards,cloudFloat 2s ease-in-out 3.2s infinite}}#content .mv.show .mv__human--04 img,#content .mv.show .mv__human--05 img{animation:popup .5s cubic-bezier(0.04, 1.11, 0.55, 0.99) 1.9s forwards,cloudFloat 2s ease-in-out 3.4s infinite}@media screen and (max-width: 768px){#content .mv.show .mv__human--04 img,#content .mv.show .mv__human--05 img{animation:popup .5s cubic-bezier(0.04, 1.11, 0.55, 0.99) 1.5s forwards,cloudFloat 2s ease-in-out 3.4s infinite}}#content .mv.show .mv__human--06 img,#content .mv.show .mv__human--07 img{animation:popup .5s cubic-bezier(0.04, 1.11, 0.55, 0.99) 2.2s forwards,cloudFloat 2s ease-in-out 3.6s infinite}#content .mv.show .mv__cloud--left{animation:slideFromLeft .8s ease-out .8s forwards,cloudFloat 2s ease-in-out 3.3s infinite}@media screen and (max-width: 768px){#content .mv.show .mv__cloud--left{animation:slideFromLeft .8s ease-out .6s forwards,cloudFloat 2s ease-in-out 3.2s infinite}}#content .mv.show .mv__cloud--right{animation:slideFromRight .8s ease-out .8s forwards,cloudFloat 2s ease-in-out 3.1s infinite}@media screen and (max-width: 768px){#content .mv.show .mv__cloud--right{animation:slideFromRight .8s ease-out .6s forwards,cloudFloat 2s ease-in-out 3.2s infinite}}#content .mv__txt.is-animate{animation:mvTxtReveal 4s ease .5s forwards}#content .sound-toggle{z-index:10;display:flex;gap:10px}@media screen and (max-width: 768px){#content .sound-toggle{top:1.6vw;right:1.6vw;gap:1.0666666667vw;margin:0 8px}}#content .sound-toggle.is-on,#content .sound-toggle.is-off{opacity:1;pointer-events:auto}#content .sound-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;margin:0;padding:0;cursor:pointer}@media screen and (max-width: 1080px){#content .sound-btn{width:30px;height:30px}}#content .sound-btn img{width:44px;height:auto;display:block}@media screen and (max-width: 768px){#content .sound-btn img{width:8vw}}#content .sound-btn .sound-img--active{display:none}#content .sound-btn .sound-img--inactive{display:block}#content #sound-toggle.is-on .sound-btn--on .sound-img--active{display:block}#content #sound-toggle.is-on .sound-btn--on .sound-img--inactive{display:none}#content #sound-toggle.is-off .sound-btn--off .sound-img--active{display:block}#content #sound-toggle.is-off .sound-btn--off .sound-img--inactive{display:none}#content .movie{position:relative;z-index:1;padding:140px 0;background:#231815}@media screen and (max-width: 768px){#content .movie{padding:13.3333333333vw 0}}#content .movie__contents{margin:0 auto;position:relative}@media print,screen and (min-width: 769px){#content .movie__contents{max-width:1000px}}#content .movie__ttl{position:absolute;z-index:3;-webkit-mask-image:linear-gradient(to bottom, black 40%, transparent 60%);mask-image:linear-gradient(to bottom, black 40%, transparent 60%);-webkit-mask-size:100% 250%;mask-size:100% 250%;-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#content .movie__ttl.is-animate{animation:ttlReveal .8s cubic-bezier(0.25, 1, 0.5, 1) forwards}@media print,screen and (min-width: 769px){#content .movie__ttl{top:-180px;right:0;width:60px}}@media screen and (max-width: 768px){#content .movie__ttl{width:8vw;top:-18.6666666667vw;right:6.6666666667vw;margin:0 auto}}#content .movie__iframe{margin:0 auto;opacity:0;width:780px}@media screen and (max-width: 768px){#content .movie__iframe{width:51.2vw;font-size:0}}#content .movie__iframe iframe{width:100%;height:100%;aspect-ratio:530/302}@media screen and (max-width: 768px){#content .movie__iframe iframe{width:51.2vw;height:auto;aspect-ratio:16/9}}#content .movie.is-animate .movie__iframe{animation:slideIn .6s cubic-bezier(0.25, 1, 0.5, 1) .5s forwards}#content .news{position:relative}#content .news__inner{max-width:1000px;margin:0 auto;text-align:center;position:relative;padding:100px 0}@media screen and (max-width: 768px){#content .news__inner{padding:17.3333333333vw 0 15.3333333333vw}}#content .news__inner.is-animate .news__list li:nth-child(1){animation:slideIn .6s cubic-bezier(0.25, 1, 0.5, 1) .5s forwards}#content .news__inner.is-animate .news__list li:nth-child(2){animation:slideIn .6s cubic-bezier(0.25, 1, 0.5, 1) .75s forwards}#content .news__ttl{position:absolute;z-index:3;-webkit-mask-image:linear-gradient(to bottom, black 40%, transparent 60%);mask-image:linear-gradient(to bottom, black 40%, transparent 60%);-webkit-mask-size:100% 250%;mask-size:100% 250%;-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#content .news__ttl.is-animate{animation:ttlReveal .8s cubic-bezier(0.25, 1, 0.5, 1) forwards}@media print,screen and (min-width: 769px){#content .news__ttl{top:-45px;right:0;width:60px}}@media screen and (max-width: 768px){#content .news__ttl{width:8vw;top:-5.3333333333vw;right:6.6666666667vw;margin:0 auto}}#content .news__list{display:flex;flex-wrap:wrap;justify-content:center}@media print,screen and (min-width: 769px){#content .news__list{-moz-column-gap:28px;column-gap:28px;row-gap:28px}}@media screen and (max-width: 768px){#content .news__list{margin:0 auto;flex-direction:column;align-items:center;row-gap:6.6666666667vw}}#content .news__list li{width:376px;opacity:0}@media screen and (max-width: 768px){#content .news__list li{width:50.1333333333vw}}#content .news__list li a{display:block}@media print,screen and (min-width: 769px){#content .news__list li a:hover{animation:hover 300ms ease}}#content .about{position:relative;z-index:2;background:url(/otokoume/img/index/about_bg.webp) repeat-x top center/auto 101%;animation:mvBgScroll 90s linear infinite;padding:105px 0 120px}@media screen and (max-width: 768px){#content .about{padding:13.3333333333vw 0 19.3333333333vw;animation-duration:25s}}#content .about__box{margin:0 auto;position:relative}@media print,screen and (min-width: 769px){#content .about__box{max-width:1000px}}#content .about__ttl{position:absolute;-webkit-mask-image:linear-gradient(to bottom, black 40%, transparent 60%);mask-image:linear-gradient(to bottom, black 40%, transparent 60%);-webkit-mask-size:100% 250%;mask-size:100% 250%;-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media print,screen and (min-width: 769px){#content .about__ttl{top:-150px;right:0;width:60px}}@media screen and (max-width: 768px){#content .about__ttl{width:8vw;top:-18.6666666667vw;right:6.6666666667vw;margin:0 auto}}#content .about__ttl.is-animate{animation:ttlReveal .8s cubic-bezier(0.25, 1, 0.5, 1) forwards}#content .about__txt{color:#fff;font-weight:500;text-align:right;line-height:1.8260869565;padding-right:120px;opacity:0}@media screen and (max-width: 768px){#content .about__txt{width:45.8666666667vw;padding:0;margin:0 auto}}#content .about__umezo{position:absolute}@media print,screen and (min-width: 769px){#content .about__umezo{top:140px;left:-60px}}@media screen and (max-width: 768px){#content .about__umezo{width:81.7333333333vw;top:61.3333333333vw;left:1.3333333333vw}}#content .about__umezo .umezo{opacity:0}@media screen and (max-width: 768px){#content .about__umezo .umezo{width:47vw}}#content .about__umezo .can{position:absolute;top:-220px;left:220px;width:493px}@media screen and (max-width: 768px){#content .about__umezo .can{width:57vw;top:-17vw;left:27vw}}#content .about__umezo .can img{opacity:0}#content .about.is-animate .about__txt{animation:slideIn .15s .5s ease-in forwards}#content .about.is-animate .about__umezo .umezo{animation:popup .15s ease-in .5s forwards}#content .about.is-animate .about__umezo .can img{animation:popup .15s ease-in .9s forwards}#content .method__box{margin:150px auto 0;position:relative}@media print,screen and (min-width: 769px){#content .method__box{max-width:900px}}@media screen and (max-width: 768px){#content .method__box{margin-top:60vw}}#content .method__ttl{position:absolute;z-index:3;-webkit-mask-image:linear-gradient(to bottom, black 40%, transparent 60%);mask-image:linear-gradient(to bottom, black 40%, transparent 60%);-webkit-mask-size:100% 250%;mask-size:100% 250%;-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media print,screen and (min-width: 769px){#content .method__ttl{top:-100px;right:-25px;width:90px}}@media screen and (max-width: 768px){#content .method__ttl{width:12vw;top:5.3333333333vw;right:7.3333333333vw}}#content .method__flow{position:relative;z-index:2;text-align:center;opacity:0}@media screen and (max-width: 768px){#content .method__flow{width:82.1333333333vw;margin:0 0 0 7.3333333333vw}}#content .method__obj01{position:absolute;top:-145px;right:230px;width:298px;z-index:1;opacity:0}@media screen and (max-width: 768px){#content .method__obj01{width:36.2666666667vw;top:-32vw;right:6.6666666667vw}}#content .method__obj01 img{width:100%;height:auto}#content .method__obj01-voice{position:absolute;top:-145px;right:230px;width:298px;z-index:1;opacity:0}@media screen and (max-width: 768px){#content .method__obj01-voice{width:36.2666666667vw;top:-32vw;right:6.6666666667vw}}#content .method__obj01-voice img{width:100%;height:auto;animation:cloudFloat 2s ease-in-out infinite}#content .method__obj02{position:absolute;bottom:-155px;left:195px;width:340px;z-index:3;opacity:0}@media screen and (max-width: 768px){#content .method__obj02{width:51.0666666667vw;bottom:-30vw;left:10.6666666667vw}}#content .method__obj02 img{width:100%;height:auto;animation:cloudFloat 2s .3s ease-in-out infinite}#content .method__box.is-animate .method__flow{animation:popup .2s .5s ease-in forwards}#content .method__box.is-animate .method__ttl{animation:ttlReveal .8s cubic-bezier(0.25, 1, 0.5, 1) forwards}#content .method__box.is-animate .method__obj01,#content .method__box.is-animate .method__obj01-voice{animation:slideIn .2s .9s ease-in forwards}#content .method__box.is-animate .method__obj02{animation:slideIn .2s 1.2s ease-in forwards}@keyframes caseFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes surumeSway{from{transform:rotate(10deg)}to{transform:rotate(-20deg)}}#content .case{position:relative;z-index:1;height:calc(max(5700px,3780px + 100vw) + 100vh);background:#000}@media screen and (max-width: 768px){#content .case{height:calc(860vw + 100vh)}}#content .case__sticky{position:sticky;top:0;height:100vh;overflow:hidden}#content .case__track{position:relative;width:max(4500px,3180px + 100vw);height:100vh;will-change:transform}@media screen and (max-width: 768px){#content .case__track{width:733.3333333333vw}}#content .case__inner{position:relative;width:100%;height:100%;padding-top:50px}#content .case__wrap{background:url(/otokoume/img/index/case_bg.webp) repeat-x bottom center/auto 101%;animation:mvBgScroll 180s linear infinite;height:calc(100% - 50px)}#content .case__ttl{position:absolute;top:0;right:calc(50vw - 485px);width:94px;z-index:10;-webkit-mask-image:linear-gradient(to bottom, black 40%, transparent 60%);mask-image:linear-gradient(to bottom, black 40%, transparent 60%);-webkit-mask-size:100% 250%;mask-size:100% 250%;-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#content .case__ttl.is-animate{animation:ttlReveal .8s cubic-bezier(0.25, 1, 0.5, 1) forwards}@media screen and (max-width: 768px){#content .case__ttl{right:6.6666666667vw;width:12vw;top:calc(50px - 5.3333333333vw)}}#content .case__ttl img{width:100%;height:auto}#content .case__list{display:flex;flex-direction:row-reverse;align-items:flex-end;height:100%;padding-right:calc(50vw - 485px)}@media screen and (max-width: 768px){#content .case__list{padding-right:13.3333333333vw;align-items:center}}#content .case__item{position:relative;flex-shrink:0}#content .case__item--01{margin-right:60px;z-index:5}@media screen and (max-width: 768px){#content .case__item--01{margin-right:-30vw;margin-bottom:-40vw;width:135vw}}#content .case__item--01 .case__voice{top:-75px;left:-100px}@media screen and (max-width: 768px){#content .case__item--01 .case__voice{width:80vw;top:-15vw;left:-16vw}}#content .case__item--02{margin-right:180px;margin-bottom:45px;z-index:5}@media screen and (max-width: 768px){#content .case__item--02{margin-right:26.6666666667vw;margin-bottom:0;width:50vw}}#content .case__item--02 .case__voice{top:272px;left:-50px}@media screen and (max-width: 768px){#content .case__item--02 .case__voice{width:55vw;top:61vw;left:-7vw}}#content .case__item--03{margin-right:170px;margin-bottom:200px;z-index:5}@media screen and (max-width: 768px){#content .case__item--03{margin-right:24vw;margin-bottom:6.6666666667vw;width:65vw}}#content .case__item--03 .case__voice{top:-90px;left:-120px}@media screen and (max-width: 768px){#content .case__item--03 .case__voice{width:90vw;top:-15vw;left:-14vw}}#content .case__item--04{margin-right:330px;margin-bottom:250px;z-index:5}@media screen and (max-width: 768px){#content .case__item--04{margin-right:40vw;margin-bottom:-10vw;width:38vw}}#content .case__item--04 .case__voice{top:-30px;left:-70px}@media screen and (max-width: 768px){#content .case__item--04 .case__voice{width:68vw;top:-6vw;left:-7vw}}#content .case__item--05{margin-right:130px;margin-bottom:-80px;z-index:5}@media screen and (max-width: 768px){#content .case__item--05{margin-right:20vw;margin-bottom:-100vw;width:80vw}}#content .case__item--05 .case__voice{top:-95px;left:-45px}@media screen and (max-width: 768px){#content .case__item--05 .case__voice{width:95vw;top:-17vw;left:-5vw}}#content .case__item--06{margin-right:-10px;margin-bottom:400px;z-index:5}@media screen and (max-width: 768px){#content .case__item--06{margin-right:-10vw;margin-bottom:60vw;width:80vw}}#content .case__item--06 .case__voice{top:-70px;left:20px}@media screen and (max-width: 768px){#content .case__item--06 .case__voice{width:65vw;top:-13vw;left:8vw}}#content .case__item--07{margin-right:-200px;margin-bottom:0;z-index:5}@media screen and (max-width: 768px){#content .case__item--07{margin-right:-30vw;margin-bottom:-90vw;width:110vw}}#content .case__item--07 .case__voice{top:-80px;left:60px}@media screen and (max-width: 768px){#content .case__item--07 .case__voice{width:75vw;top:-15vw;left:16vw}}#content .case__item--08{margin-right:140px;margin-bottom:50px;z-index:5}@media screen and (max-width: 768px){#content .case__item--08{margin-right:0;margin-bottom:-16vw;width:110vw}}#content .case__item--08 .case__voice{top:-135px;left:115px}@media screen and (max-width: 768px){#content .case__item--08 .case__voice{width:95vw;top:-21vw;left:18vw;rotate:-18deg}}#content .case__item--09{margin-right:-80px;margin-bottom:280px;z-index:5}@media screen and (max-width: 768px){#content .case__item--09{margin-right:-29.3333333333vw;margin-bottom:2.6666666667vw;width:40vw}}#content .case__human{position:relative;z-index:2;opacity:0;transform:translateY(100px) scale(0.85);transition:opacity .15s ease,transform .4s cubic-bezier(0.22, 1.8, 0.36, 1)}@media screen and (max-width: 768px){#content .case__human{width:100%;height:auto}}#content .case__voice{position:absolute;z-index:1;max-width:none;opacity:0;transform:translateY(80px) scale(0.8);transition:opacity .15s ease .35s,transform .5s cubic-bezier(0.22, 1.8, 0.36, 1) .35s}#content .case__item{transform-origin:bottom center}#content .case__item.is-visible{animation:caseFloat 3s ease-in-out infinite}#content .case__item.is-visible .case__human{opacity:1;transform:translateY(0) scale(1)}#content .case__item.is-visible .case__voice{opacity:1;transform:translateY(0) scale(1)}#content .case__surume>div{position:absolute;pointer-events:none;transform-origin:bottom center;animation:surumeSway 1s steps(2) infinite}#content .case__surume>div:nth-child(even){animation-delay:.25s}#content .case__surume>div img{width:100%;height:auto}#content .case__surume--01{width:144px;bottom:10px;right:550px;z-index:3}@media screen and (max-width: 768px){#content .case__surume--01{display:none}}#content .case__surume--02{width:127px;bottom:80px;right:1380px}@media screen and (max-width: 768px){#content .case__surume--02{width:16.8vw;bottom:calc(50% - 50vw);right:245vw}}#content .case__surume--03{width:84px;bottom:90px;right:1920px}@media screen and (max-width: 768px){#content .case__surume--03{width:14vw;bottom:calc(50% - 48vw);right:333vw}}#content .case__surume--04{width:122px;bottom:365px;right:2735px}@media screen and (max-width: 768px){#content .case__surume--04{width:18vw;bottom:calc(50% + .6666666667vw);right:540vw}}#content .case__surume--05{width:144px;bottom:350px;right:3790px}@media screen and (max-width: 768px){#content .case__surume--05{display:none}}#content .case__cloud{width:4622px;position:absolute;bottom:60px;right:calc(50vw - 150px);pointer-events:none;z-index:2}@media screen and (max-width: 768px){#content .case__cloud{width:800vw;right:13.3333333333vw;bottom:50px;height:calc(100vh - 50px);display:flex;align-items:center}}#content .case__cloud img{position:relative;z-index:2}#content .case__cloud .cloud02{position:absolute;width:590px;bottom:350px;right:3680px}@media screen and (max-width: 768px){#content .case__cloud .cloud02{display:none}}#content .lineup{background:url(/otokoume/img/index/lineup_bg.webp) repeat-x top center/auto 100%;animation:mvBgScroll 90s linear infinite;position:relative;z-index:1}@media print,screen and (min-width: 769px){#content .lineup{padding-top:200px;padding-bottom:140px}}@media screen and (max-width: 768px){#content .lineup{padding-top:34.6666666667vw;padding-bottom:18.6666666667vw;animation-duration:25s}}#content .lineup__inner{position:relative;z-index:2;max-width:920px;margin:0 auto}@media screen and (max-width: 768px){#content .lineup__inner{margin-top:-45.3333333333vw}}#content .lineup__ttl{position:absolute;top:-200px;right:0;width:60px;-webkit-mask-image:linear-gradient(to bottom, black 40%, transparent 60%);mask-image:linear-gradient(to bottom, black 40%, transparent 60%);-webkit-mask-size:100% 250%;mask-size:100% 250%;-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media screen and (max-width: 768px){#content .lineup__ttl{width:8.2666666667vw;top:-26.6666666667vw;right:6.6666666667vw}}#content .lineup__ttl.is-animate{animation:ttlReveal .8s cubic-bezier(0.25, 1, 0.5, 1) forwards}#content .lineup__ttl img{width:100%;height:auto}#content .lineup__list{display:grid;grid-template-columns:repeat(3, 1fr);gap:75px 0;padding-right:120px;justify-items:center;opacity:0}#content .lineup__list.is-animate{animation:fadeIn .2s linear .3s forwards}@media screen and (max-width: 768px){#content .lineup__list{gap:10vw 0;padding:0 13.3333333333vw;transform:translateX(-3.3333333333vw)}}#content .lineup__list li{position:relative;text-align:center;cursor:pointer}@media print,screen and (min-width: 769px){#content .lineup__list li{width:100%}#content .lineup__list li .lineup__img{margin-left:auto}#content .lineup__list li:nth-child(1) .lineup__img{width:227px}#content .lineup__list li:nth-child(2) .lineup__img{width:227px}#content .lineup__list li:nth-child(3) .lineup__img{width:222px}#content .lineup__list li:nth-child(4) .lineup__img{width:177px;margin-right:10px}#content .lineup__list li:nth-child(5) .lineup__img{width:204px;margin-right:5px}#content .lineup__list li:nth-child(6) .lineup__img{width:193px}}@media screen and (max-width: 768px){#content .lineup__list li{width:21.3333333333vw}#content .lineup__list li:nth-child(6) .lineup__img{width:20.9333333333vw}#content .lineup__list li:nth-child(4) .lineup__img{width:18.9333333333vw;margin-left:2vw}}#content .lineup__list li:hover .lineup__img{animation:hover 300ms ease}#content .lineup__name{position:absolute;top:-45px;right:0;width:56px}@media screen and (max-width: 768px){#content .lineup__name{width:6.6666666667vw;top:-4vw;right:-1.3333333333vw}}#content .lineup__name img{width:100%;height:auto}#content .lineup__img{transition:all .2s}#content .lineup__img img{width:100%;height:auto}#content .howto{background:url(/otokoume/img/index/howto_bg.webp) repeat-x top center/auto 100%;animation:mvBgScroll 90s linear infinite;position:relative;z-index:2;padding-top:140px;padding-bottom:140px}@media screen and (max-width: 768px){#content .howto{padding:0;animation-duration:25s}}#content .howto__obj{position:absolute;right:-240px;bottom:-140px;width:350px;z-index:3;pointer-events:none}@media screen and (max-width: 768px){#content .howto__obj{width:34.6666666667vw;bottom:-.1333333333vw;right:-8.6666666667vw}}@media screen and (min-width: 769px)and (max-width: 1330px){#content .howto__obj{display:none}}#content .howto__obj img{width:100%;height:auto}#content .howto__obj.tab{display:none}@media screen and (min-width: 769px)and (max-width: 1330px){#content .howto__obj.tab{display:block;right:0px;overflow:hidden;bottom:0}#content .howto__obj.tab img{transform:translateX(140px)}}@media screen and (min-width: 769px)and (max-width: 1120px){#content .howto__obj.tab img{transform:translateX(220px)}}#content .howto__inner{position:relative;max-width:920px;margin:0 auto}@media screen and (max-width: 768px){#content .howto__inner{padding-top:20vw;padding-bottom:26.6666666667vw;overflow:hidden}}#content .howto__ttl{position:absolute;top:-190px;right:0;width:60px;-webkit-mask-image:linear-gradient(to bottom, black 40%, transparent 60%);mask-image:linear-gradient(to bottom, black 40%, transparent 60%);-webkit-mask-size:100% 250%;mask-size:100% 250%;-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media screen and (max-width: 768px){#content .howto__ttl{width:8.2666666667vw;top:-6.6666666667vw;right:6.6666666667vw}}#content .howto__ttl.is-animate{animation:ttlReveal .8s cubic-bezier(0.25, 1, 0.5, 1) forwards}#content .howto__ttl img{width:100%;height:auto}#content .howto__list{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5, 130px);gap:48px 40px;opacity:0}#content .howto__list.is-animate{animation:fadeIn .2s linear .3s forwards}@media screen and (max-width: 768px){#content .howto__list{grid-template-columns:repeat(4, 14.6666666667vw);-moz-column-gap:5.3333333333vw;column-gap:5.3333333333vw;row-gap:8vw;justify-content:center}#content .howto__list li:nth-child(1){grid-row:2;grid-column:2}#content .howto__list li:nth-child(2){grid-row:2;grid-column:3}#content .howto__list li:nth-child(3){grid-row:1;grid-column:1}#content .howto__list li:nth-child(4){grid-row:1;grid-column:2}#content .howto__list li:nth-child(5){grid-row:1;grid-column:3}#content .howto__list li:nth-child(6){grid-row:3;grid-column:1}#content .howto__list li:nth-child(-n+5),#content .howto__list li:nth-child(10){transform:translateX(10vw)}#content .howto__list li:nth-child(7){grid-row:3;grid-column:2}#content .howto__list li:nth-child(8){grid-row:3;grid-column:3}#content .howto__list li:nth-child(9){grid-row:3;grid-column:4}#content .howto__list li:nth-child(10){grid-row:2;grid-column:1}}#content .howto__list li{position:relative;width:130px;transition:all .2s;cursor:pointer}@media screen and (max-width: 768px){#content .howto__list li{width:14.6666666667vw}}#content .howto__list li img{width:100%;height:auto}@media print,screen and (min-width: 769px){#content .howto__list li:hover{animation:hover 300ms ease}}#content .howto__notes{position:absolute;left:0;bottom:-120px;font-size:12px}@media screen and (max-width: 768px){#content .howto__notes{bottom:1.3333333333vw;left:.6666666667vw;font-size:2.1333333333vw;letter-spacing:-0.1em;font-weight:bold}}#content .modal{display:none;position:fixed;z-index:1002;left:0;top:0;height:100%;width:100%;overflow-y:hidden;background-color:rgba(0,0,0,.5)}#content .modal .modal-box{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;animation-name:modalopen;animation-duration:.5s;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}#content .modal .modal-box .modalClose{position:absolute;background:none;outline:none;border:none;cursor:pointer}@media screen and (max-width: 768px){#content .modal-howto .modal-box{width:80vw}}@media print,screen and (min-width: 769px){#content .modal-howto .modal-box img{transform:scale(0.8)}}#content .modal-howto .modalClose{transition:all .3s}@media print,screen and (min-width: 769px){#content .modal-howto .modalClose{left:635px;top:75px}#content .modal-howto .modalClose:hover{opacity:.7}}@media screen and (max-width: 768px){#content .modal-howto .modalClose{right:5.3333333333vw;top:2.6666666667vw;width:2.6666666667vw;height:2.6666666667vw;padding:0}}@media print,screen and (min-width: 769px){#content .modal-howto .modalClose img{transform:scale(1)}}#content .modal-lineup .modalClose{transition:all .3s}@media print,screen and (min-width: 769px){#content .modal-lineup .modalClose{top:30px;right:26px}#content .modal-lineup .modalClose:hover{opacity:.7}}@media screen and (max-width: 768px){#content .modal-lineup .modalClose{right:5.3333333333vw;top:2.6666666667vw;width:2.6666666667vw;height:2.6666666667vw;padding:0}}@keyframes modalopen{0%{opacity:0}100%{opacity:1}}#content .modal-lineup .modal-box{box-sizing:border-box;color:#fff;font-weight:500;box-shadow:none;background:none;padding:0}@media print,screen and (min-width: 769px){#content .modal-lineup .modal-box{width:758px}}@media screen and (max-width: 768px){#content .modal-lineup .modal-box{width:77.3333333333vw}}#content .modal-lineup .link{position:absolute;transition:opacity .3s}@media print,screen and (min-width: 769px){#content .modal-lineup .link{width:154px;right:40px;bottom:0}#content .modal-lineup .link:hover{opacity:.7}}@media screen and (max-width: 768px){#content .modal-lineup .link{width:20.5333333333vw;left:50%;bottom:0;transform:translateX(-50%)}}#content .modal-lineup .link img{width:100%;height:auto}#shoppingArea{margin-top:-120px;padding-top:120px;position:relative;padding-bottom:80px}@media screen and (max-width: 768px){#shoppingArea{margin-top:-80px;padding:80px 20px 5.3333333333vw}}#shoppingArea .inner{margin:10px auto 0;padding:20px 10px;width:684px;background:#f5f6fa}@media screen and (max-width: 768px){#shoppingArea .inner{margin:0 auto;padding:20px;width:100%}}#shoppingArea .ttl{text-align:center;width:520px;margin:0 auto 14px;color:#333;font-size:18px}@media screen and (max-width: 768px){#shoppingArea .ttl{width:auto;margin:0 auto 1.8666666667vw;font-size:4.2666666667vw}}#shoppingArea ul{display:flex;justify-content:center}@media screen and (max-width: 768px){#shoppingArea ul{flex-direction:column;align-items:center}}#shoppingArea ul li{padding:0 20px;position:relative;overflow:hidden}@media screen and (max-width: 768px){#shoppingArea ul li{width:-moz-fit-content;width:fit-content;text-align:center;margin-bottom:20px}}#shoppingArea ul li:after{content:"";display:block;background-image:url("/otokoume/img/index/icon_window.svg");width:14px;height:14px;position:absolute;bottom:0;right:0}@media screen and (max-width: 768px){#shoppingArea ul li:after{width:2.99vw;height:2.99vw}}@media print,screen and (min-width: 769px){#shoppingArea ul li a{display:block;overflow:hidden}#shoppingArea ul li a:hover img{animation:hover 300ms ease;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running}}@media screen and (max-width: 768px){#shoppingArea ul li img{height:18.23vw;width:auto}}#shoppingArea .sns-message{width:394px;margin:0 auto 20px}@media screen and (max-width: 768px){#shoppingArea .sns-message{width:52.5333333333vw;margin:0 auto 2.6666666667vw}}@keyframes hover{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes shake{15%{transform:rotate(0deg)}70%{transform:rotate(0deg)}100%{transform:rotate(20deg)}}@keyframes shake02{15%{transform:rotate(0deg)}70%{transform:rotate(0deg)}100%{transform:rotate(-20deg)}}#onlineBtn{width:123px;position:absolute;right:10px;bottom:100px;transition:all .5s}@media print,screen and (min-width: 769px){#onlineBtn a{display:block}#onlineBtn a:hover{animation:hover 300ms ease}}#onlineBtn.fixed{position:fixed;bottom:100px;right:10px;z-index:210}@media screen and (max-width: 768px){#onlineBtn.fixed{width:26.6666666667vw;bottom:20vw;right:2.6666666667vw}}#onlineBtn.fixed.none{opacity:0 !important;pointer-events:none}#loading{width:100%;height:100vh;background:url(/otokoume/img/index/loading_bg.webp) repeat-x top center/auto 100%;animation:mvBgScroll 90s linear infinite;position:fixed;top:0;left:0;z-index:1100;opacity:1;transition:opacity 3s ease}@media screen and (max-width: 768px){#loading{animation-duration:25s}}.loading__bg2{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/otokoume/img/index/loading_bg02.webp) repeat-x top center/auto 100%;animation:mvBgScroll 90s linear infinite;opacity:0;transition:opacity 1.5s ease;pointer-events:none}@media screen and (max-width: 768px){.loading__bg2{animation-duration:25s}}#loading.bg-change .loading__bg2{opacity:1}#loading .inner{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%)}#loading .image{width:332px;height:332px;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center;transition:.3s}#loading .image__spin{position:absolute;top:50%;left:50%;width:332px;transform:translate(-50%, -50%);animation:loadingSpin 8s linear infinite}#loading .image__logo{position:absolute;z-index:5;width:130px;height:auto}@keyframes loadingSpin{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}#loading .text{font-size:0;text-align:center;position:relative;top:-10px;transition:.3s}@media print,screen and (min-width: 769px){#loading .text{top:-30px}}#loading .text.hide{opacity:0}@media print,screen and (min-width: 769px){#loading .text img{width:180px;height:auto}}@media screen and (max-width: 768px){#loading .text img{width:120px;height:auto}}#loading.hide{opacity:0;pointer-events:none !important}#loading .image.hide{opacity:0}@keyframes loadingBounce{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce01{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce02{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce03{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce04{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce05{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce06{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce07{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce08{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce09{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce10{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingLight{0%,27%{opacity:0}3%{opacity:.15}6%{opacity:0}9%{opacity:.35}12%{opacity:.05}15%{opacity:.65}18%{opacity:.15}21%{opacity:.75}24%{opacity:.05}100%{opacity:1}}@keyframes mvTxtReveal{from{-webkit-mask-position:0% 0;mask-position:0% 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes ttlReveal{from{-webkit-mask-position:0 100%;mask-position:0 100%}to{-webkit-mask-position:0 0%;mask-position:0 0%}}@keyframes mvBgScroll{from{background-position:0 top}to{background-position:100% top}}@keyframes popup{0%{transform:translateY(40px) scale(0.7);opacity:0}100%{transform:translateY(0) scale(1)}80%,100%{opacity:1}}@keyframes slideIn{0%{transform:translateY(60px);opacity:0}100%{transform:translateY(0)}40%,100%{opacity:1}}@keyframes yurayura{0%{transform:rotate(14deg)}5%{transform:rotate(14deg)}50%{transform:rotate(-14deg)}100%{transform:rotate(14deg)}}@keyframes slideFromLeft{0%{transform:translateX(-200px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes cloudFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes slideFromRight{0%{transform:translateX(200px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes hover{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.layout-container{overflow:visible}@keyframes ofudaFall{from{translate:0 -250px}to{translate:0 110vh}}@keyframes ofudaSway{0%{transform:translateX(0)}25%{transform:translateX(var(--sway, 20px))}75%{transform:translateX(calc(var(--sway, 20px) * -1))}100%{transform:translateX(0)}}@keyframes ofudaSpin{from{rotate:0deg}to{rotate:360deg}}@keyframes ofudaSpinReverse{from{rotate:0deg}to{rotate:-360deg}}.ofuda-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:210;overflow:hidden}.ofuda-item{position:absolute;pointer-events:none;will-change:translate,rotate}#sound-select{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:1099;opacity:0;pointer-events:none;transition:opacity .5s ease}#sound-select.is-show{opacity:1;pointer-events:auto}#sound-select.hide{opacity:0;pointer-events:none}.sound-select__inner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.sound-select__txt{margin:0 0 40px}.sound-select__txt img{width:260px;height:auto}@media screen and (max-width: 768px){.sound-select__txt img{width:180px}}.sound-select__btns{display:flex;align-items:center;justify-content:center;gap:20px}.sound-select__btn{background:none;border:none;padding:0;cursor:pointer;transition:opacity .2s ease}.sound-select__btn:hover{opacity:.75}.sound-select__btn img{width:110px;height:auto}@media screen and (max-width: 768px){.sound-select__btn img{width:80px}}