:root{--anime-speed: 5s}.generateCol .generateColInner{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;pointer-events:none}.generateCol .generateColInner .generateColBox{width:50%;height:90%;position:absolute;top:0;right:-50%;z-index:1;animation:generate linear forwards,off step-start forwards}.generateCol .generateColInner .generateColBox.img01{animation-duration:var(--anime-speed),.1s;animation-delay:0s,var(--anime-speed)}@media(max-width: 1023.9px){.generateCol .generateColInner .generateColBox.img01{animation-duration:var(--anime-speed),.1s;animation-delay:0s,var(--anime-speed)}}.generateCol .generateColInner .generateColBox.img02{animation-duration:calc(var(--anime-speed)*1.25),.1s;animation-delay:0s,calc(var(--anime-speed)*1.25)}@media(max-width: 1023.9px){.generateCol .generateColInner .generateColBox.img02{animation-duration:calc(var(--anime-speed)*1.25),.1s;animation-delay:0s,calc(var(--anime-speed)*1.25)}}.generateCol .generateColInner .generateColBox.img02 .item{width:min(8.5557299843vw,109px);height:min(15.0549450549vw,191.8px)}@media(max-width: 1023.9px){.generateCol .generateColInner .generateColBox.img02 .item{width:14.5333333333vw;height:25.5733333333vw}}.generateCol .generateColInner .generateColBox.img04{z-index:3;animation-duration:var(--anime-speed),.1s;animation-delay:0s,var(--anime-speed)}@media(max-width: 1023.9px){.generateCol .generateColInner .generateColBox.img04{animation-duration:var(--anime-speed),.1s;animation-delay:0s,var(--anime-speed)}}.generateCol .generateColInner .item{width:102px;height:min(8.9136577708vw,113.56px);position:absolute;object-fit:cover;object-position:0 0;animation:img01step 1s steps(4, jump-none) infinite forwards}@media(max-width: 1023.9px){.generateCol .generateColInner .item{width:13.6vw;height:15.1413333333vw}}.generateCol .generateBtnCol{position:fixed;left:0;bottom:0;z-index:99999}.generateCol .generateBtn{display:block;cursor:pointer;appearance:none;background:none;border:none;padding:0;width:200px}@media(min-width: 1024px){.generateCol .generateBtn{transition:all .3s;transform-origin:left bottom}.generateCol .generateBtn:hover{transform:scale(1.07)}}@media(max-width: 1023.9px){.generateCol .generateBtn{width:20vw}}.generateCol .generateBtn img{display:block;width:100%}.generateCol .generateBtn.stay{filter:grayscale(1);pointer-events:none}@keyframes generate{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(calc((200% + 100vw) * -1), 0, 0)}}@keyframes off{100%{display:none}}@keyframes img01step{to{object-position:0 100%}}.demoCol{width:100%;position:relative;overflow:hidden;z-index:0}.demoCol .demoItemCol{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}.demoCol .demoItemColBox{width:100%;height:100%;position:absolute;left:0;top:0}.demoCol .demoItemCol .demoItem{position:absolute;bottom:min(16.4835164835vw,210px);left:min(90.2668759812vw,1150px);transition-timing-function:ease-out}@media(max-width: 1023.9px){.demoCol .demoItemCol .demoItem{bottom:48vw;left:93.3333333333vw}}.demoCol .demoItemCol .demoItem .spirit{width:min(7.8492935636vw,100px);opacity:0;position:absolute;top:calc(50% - min(5.1020408163vw,65px));left:calc(50% - min(3.9246467818vw,50px));transition:all .5s}@media(max-width: 1023.9px){.demoCol .demoItemCol .demoItem .spirit{width:13.3333333333vw;top:calc(50% - 8.6666666667vw);left:calc(50% - 6.6666666667vw)}}.demoCol .demoItemCol .demoItem .spirit img{display:block;width:100%}.demoCol .demoItemCol .demoItem .itemImg{transition:all .5s}.demoCol .demoItemCol .demoItem .itemImg img{display:block;width:100%}.demoCol .demoItemCol .demoItem.item01{width:min(7.7708006279vw,99px)}@media(max-width: 1023.9px){.demoCol .demoItemCol .demoItem.item01{width:13.2vw}}.demoCol .demoItemCol .demoItem.itemA{width:min(12.2448979592vw,156px)}@media(max-width: 1023.9px){.demoCol .demoItemCol .demoItem.itemA{width:20.8vw}}.demoCol .demoItemCol .demoItem.itemA .itemImg{animation:updown 2s ease 0s infinite none}.demoCol .demoItemCol .demoItem.itemB{width:min(23.7833594976vw,303px)}@media(max-width: 1023.9px){.demoCol .demoItemCol .demoItem.itemB{width:40.4vw}}.demoCol .demoItemCol .demoItem.itemB.run .itemImg{animation:walk01 .4s ease-out 0s none 7}.demoCol .demoItemCol .demoItem.itemD{width:min(39.4034536892vw,502px)}@media(max-width: 1023.9px){.demoCol .demoItemCol .demoItem.itemD{width:66.9333333333vw}}.demoCol .demoItemCol .demoItem.itemD.run .itemImg{animation:walk02 .4s ease 0s none 7}.demoCol .demoItemCol .demoItem.run{left:min(3.9246467818vw,50px);transition-duration:3s}@media(max-width: 1023.9px){.demoCol .demoItemCol .demoItem.run{left:6.6666666667vw}}.demoCol .demoItemCol .demoItem.vanish .itemImg{opacity:0}.demoCol .demoItemCol .demoItem.vanish .spirit{opacity:1;transition-delay:.5s;animation:spirit01 1.5s .5s forwards,spirit02 2s linear forwards}.demoCol .demoBtnList{width:100%;display:flex;justify-content:center;align-items:end;gap:min(0.5494505495vw,7px);position:absolute;left:0;bottom:0;z-index:2}@media(max-width: 1023.9px){.demoCol .demoBtnList{width:62.6666666667vw;flex-wrap:wrap;gap:2.6666666667vw 1.3333333333vw;left:calc(50% - 31.3333333333vw)}}.demoCol .demoBtnListItem{position:relative;transition:all .3s}@media(min-width: 1024px){.demoCol .demoBtnListItem{transform-origin:right bottom}.demoCol .demoBtnListItem:not(.disable):hover{transform:scale(1.02)}}.demoCol .demoBtnListItem .tap{width:min(6.5934065934vw,84px);position:absolute;top:max(-1.2558869702vw,-16px);right:min(0.3924646782vw,5px);pointer-events:none}@media(max-width: 1023.9px){.demoCol .demoBtnListItem .tap{width:11.2vw;top:-2.1333333333vw;right:0.6666666667vw}}.demoCol .demoBtnListItem .tap img{display:block;width:100%}.demoCol .demoBtnListItem button{display:block;cursor:pointer;appearance:none;background:none;border:none;padding:0;width:min(11.5384615385vw,147px)}@media(max-width: 1023.9px){.demoCol .demoBtnListItem button{width:19.6vw}}.demoCol .demoBtnListItem button img{display:block;width:100%}.demoCol .demoBtnListItem.disable button{pointer-events:none}.demoCol .demoBtnListItem.wait{filter:grayscale(1);pointer-events:none}.demoCol .demoBackCol{width:100%;height:100%}.demoCol .demoBackCol .bg img{width:100%}@keyframes spirit01{0%{opacity:1}100%{opacity:0}}@keyframes spirit02{0%{transform:translate(5px, -20px)}50%{transform:translate(-5px, -50px)}100%{transform:translate(5px, -80px)}}@keyframes updown{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}@keyframes walk01{0%{transform:translateY(0)}50%{transform:translateY(-5px)}100%{transform:translateY(0)}}@keyframes walk02{0%{transform:rotate(0)}25%{transform:rotate(2deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-2deg)}100%{transform:rotate(0deg)}}