@import url(https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@400;600;900&display=swap);.contentBox{position:relative}.neumo{box-shadow:inset 12px 12px 24px #d1d8ec,inset -12px -12px 24px #f0f8ff;display:inline-block;padding:15px 20px;transition:5s}.entered .neumo,.neumo{background:#d1d8ec;border-radius:17px}.entered .neumo{box-shadow:12px 12px 24px #d1d8ec,-12px -12px 24px #f0f8ff}@font-face{font-family:MyFont;src:url(/static/media/03%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88UI.75610dc1a5550e760e71.otf)}*{box-sizing:border-box;color:#2f5597;font-family:Myfont,sans-serif;list-style:none;margin:0;padding:0;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none}@media screen and (max-width:640px){.wrapper{padding-top:50px}}button{background-color:initial;border:none;cursor:pointer;font-size:18px}select{margin:10px;padding:4px 6px}.buttonA{background-color:#8faadc;border-bottom:2px solid #2f5597;border-radius:5px;border-right:1px solid #2f5597;box-shadow:inset .5px .5px 2px #f0f0f0;color:#f0f0f0;font-size:18px;font-weight:500;margin:5px 10px;padding:13px 15px}.buttonA:hover{-webkit-animation:grad-button 2s;animation:grad-button 2s;background:linear-gradient(90deg,#8faadc 97%,#9dc3e6);background-size:200% 100%}@-webkit-keyframes grad-button{0%{background-position:0 0}to{background-position:200% 0}}@keyframes grad-button{0%{background-position:0 0}to{background-position:200% 0}}.buttonA:active{border:none;box-shadow:inset 0 0 2px #2f5597;margin-top:7px}.toggleButton{display:flex;gap:0 10px;position:relative;width:100%}.toggleButton input[type=checkbox]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.toggleButton input[type=checkbox]:checked+.toggleMark{background-color:#2f5597}.toggleButton input[type=checkbox]:checked+.toggleMark:after{background-color:#ff0;border:2px solid #2f5597;left:inherit;right:0}.toggleButton label{display:flex;flex-direction:column;justify-content:center}.toggleButton .toggleMark{background-color:#fff;border:4px solid #2f5597;border-radius:50px;content:"";display:block;height:25px;position:relative;width:50px;z-index:1}.toggleButton .toggleMark:after{aspect-ratio:1/1;background-color:#2f5597;border:2px solid #f0f0f0;border-radius:50px;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0}.App{background-color:#9dc3e6;height:100dvh;position:relative;width:100dvw;z-index:0}.App .switchPages{display:none;left:0;position:fixed;top:0;width:220px;z-index:100}.Description{background-color:#f0f0f0;height:100dvh;left:0;overflow-x:hidden;position:absolute;top:0;width:100dvw;z-index:1}.Description header{content:"";display:none;height:70px;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100000000000}.Description header .links{position:absolute;right:0;top:0}.Description header h2{font-size:28px;font-weight:500;margin-left:calc(50% - 125px);margin-right:auto;margin-top:10px;-webkit-transform:translate(-50%);transform:translate(-50%)}.Description .wrapper{margin:0 auto;max-width:1500px}.Description .logoTextArea{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:4%;position:relative}.Description .logoTextArea h1{color:#8faadc;font-size:clamp(4rem,10vw,9rem);text-align:left}.Description .logoTextArea p{font-size:28px;text-align:left}.Description .logoTextArea .spinContainer{display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.Description .logoTextArea .spinContainer .spinRound{aspect-ratio:1/1!important;margin:0 auto;min-width:400px;pointer-events:none;width:40%}.Description .logoTextArea .spinContainer p{background-color:#2f5597;height:200px;margin:0 auto;width:233px}.Description .openDemo{-webkit-animation:pulse-effect 2s ease-in-out infinite;animation:pulse-effect 2s ease-in-out infinite;background-color:#8faadc;border:4px solid #fff;border-radius:0 10px 10px 0;bottom:20px;color:#ff0;display:flex;font-size:28px;justify-content:space-between;left:0;padding:20px 18px;position:fixed;transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,transform .3s;transition:background-color .3s,transform .3s,-webkit-transform .3s;transition:box-shadow .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,box-shadow .3s ease-out;transition:transform .3s ease-out,box-shadow .3s ease-out,-webkit-transform .3s ease-out;z-index:15}@media screen and (min-width:1500px){.Description .openDemo{margin-left:calc(50dvw - 750px)}}@media screen and (max-width:640px){.Description .openDemo{border:none;font-size:18px;padding:15px 35px 15px 12px}}.Description .openDemo p{color:#ff0;height:100%;margin:auto 0}@-webkit-keyframes pulse-effect{0%,to{box-shadow:0 4px 8px rgba(138,154,161,.662);-webkit-transform:translateY(0);transform:translateY(0)}50%{box-shadow:0 8px 16px rgba(0,0,0,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}}@keyframes pulse-effect{0%,to{box-shadow:0 4px 8px rgba(138,154,161,.662);-webkit-transform:translateY(0);transform:translateY(0)}50%{box-shadow:0 8px 16px rgba(0,0,0,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}}.Demo{display:flex;flex-direction:column;height:100%;justify-content:space-around;left:50%;max-width:2000px;padding:10px;position:absolute;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%;z-index:2}.Demo header{background-color:#9dc3e6;flex-grow:0;flex-shrink:0;font-size:12px;margin-left:auto;overflow-x:hidden;padding:10px 0 25px;text-align:right;white-space:nowrap;width:calc(100% - 230px)}.Demo header p{color:#ff0;display:inline-block;white-space:nowrap}@media screen and (max-width:640px){.Demo header p{-webkit-animation:animate-caution 25s linear infinite;animation:animate-caution 25s linear infinite}}@-webkit-keyframes animate-caution{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes animate-caution{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.Demo ul{display:flex;flex-grow:0;flex-shrink:0;justify-content:space-around;position:relative}.Demo ul,.Demo ul li{background-color:#9dc3e6}.Demo ul li{border-radius:0 5px 0 0;border-right:1px dotted #f0f0f0;border-top:1px dotted #f0f0f0;color:#f0f0f0;cursor:pointer;font-size:18px;font-weight:600;padding:10px;width:100%}.Demo ul li.selected{background-color:#f0f0f0;border-bottom:2px dotted #9dc3e6;border-radius:5px 5px 0 0;border-right:none;color:#2f5597;height:100%}.Demo .DemoContent{flex-grow:1;overflow-y:hidden;z-index:-3}.Demo .DemoContent,.Demo .DemoContent .planTips{display:flex;justify-content:space-between;position:relative}.Demo .DemoContent .planTips{background-color:#f0f0f0;border-radius:0 0 0 5px;border-right:2px dotted #9dc3e6;box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:10px 0;height:100%;overflow-y:scroll;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;width:25%;z-index:10}@media screen and (max-width:640px){.Demo .DemoContent .planTips{position:absolute}.Demo .DemoContent .planTips .toggleSampleMenuButton{display:none}}.Demo .DemoContent .planTips.open{-webkit-animation:openMobileMenu 1.5s forwards;animation:openMobileMenu 1.5s forwards}.Demo .DemoContent .planTips.close{top:100%}.Demo .DemoContent .planTips.initial{-webkit-animation:closeMobileMenu 1.5s forwards;animation:closeMobileMenu 1.5s forwards}.Demo .DemoContent .planTips.mobile{width:calc(100% - 50px)}.Demo .DemoContent .planTips .toggleSampleMenuButton{display:flex;justify-content:flex-end;left:0;position:absolute;top:5px;width:100%;z-index:15}.Demo .DemoContent .planTips .toggleSampleMenuButton p{background-color:#fff;border-radius:10px;cursor:pointer;display:inline-block;margin:0 0 0 auto;padding:5px 10px;text-align:right}.Demo .DemoContent .planTips .tipsText{font-size:18px;margin-top:50px;padding:15px 20px}.Demo .DemoContent .planTips .explain{background-color:#fff;border-radius:10px;padding:10px;text-align:left}.Demo .DemoContent .planTips .option{display:flex;flex-direction:column;gap:10px 0;padding:15px 20px}.Demo .DemoContent .planTips .manual{border-top:2px dotted #9dc3e6;padding:15px 20px}.Demo .DemoContent .planTips .manual p{text-align:left}.Demo .DemoContent .planTips .manual .icon{display:flex;gap:0 10px;justify-content:flex-start;margin-bottom:10px;width:100%}.Demo .DemoContent .planTips .manual .icon .iconText{display:flex;flex-direction:column;justify-content:center}.Demo .DemoContent .planTips .manual .icon .iconSvg{aspect-ratio:32px;width:32px}.Demo .DemoContent .planTips .manual .icon .iconSvg.MouseLeftClick{content:url(/static/media/mouseLeftClick.a5768140dfc5cd243e9d.svg)}.Demo .DemoContent .planTips .manual .icon .iconSvg.MouseRightClick{content:url(/static/media/mouseRightClick.eea0af245f625fd9a52c.svg)}.Demo .DemoContent .planTips .manual .icon .iconSvg.MouseWheel{content:url(/static/media/mouseWheel.754bed9b9bd96799f88e.svg)}@-webkit-keyframes openMobileMenu{0%{border-top:2px dotted #9dc3e6;top:100%}95%{border-top:2px dotted #9dc3e6}to{border-top:none;top:0}}@keyframes openMobileMenu{0%{border-top:2px dotted #9dc3e6;top:100%}95%{border-top:2px dotted #9dc3e6}to{border-top:none;top:0}}@-webkit-keyframes closeMobileMenu{0%{border-top:none;top:0}5%{border-top:2px dotted #9dc3e6}to{border-top:2px dotted #9dc3e6;top:100%}}@keyframes closeMobileMenu{0%{border-top:none;top:0}5%{border-top:2px dotted #9dc3e6}to{border-top:2px dotted #9dc3e6;top:100%}}.Demo .DemoContent .canvas{cursor:pointer;flex-grow:1;flex-shrink:0;height:100%!important;pointer-events:all;position:relative;z-index:-1}@media screen and (max-width:640px){.Demo .DemoContent .canvas{width:100%!important}}.Demo .DemoContent .canvas .BackGroundBehind{background-color:#f0f0f0;left:50%!important;top:50%!important}.Demo .DemoContent .canvas .BackGroundBehind header{background-color:#f0f0f0;color:#9dc3e6;display:flex;justify-content:space-between;padding:15px 20px;position:absolute!important;right:0;top:0;width:75%;z-index:3}.Demo .DemoContent .canvas .BackGroundBehind header h2{color:#8faadc;font-size:28px;font-weight:900}.Demo .DemoContent .canvas .BackGroundBehind header ul{background-color:#f0f0f0!important;display:flex;justify-content:space-around}.Demo .DemoContent .canvas .BackGroundBehind header ul li{background-color:#f0f0f0;color:#2f5597;font-weight:600;white-space:nowrap}.Demo .DemoContent .canvas .BackGroundBehind .main{height:100%;width:100%}.Demo .DemoContent .canvas .BackGroundBehind .main .triangle1{border-color:transparent transparent #ddf2f9;border-style:solid;border-width:0 0 40dvw 80dvw;bottom:0;content:"";height:0;position:absolute;right:0;width:0;z-index:1}.Demo .DemoContent .canvas .BackGroundBehind .main .triangle2{border-color:transparent transparent #8faadc;border-style:solid;border-width:0 0 20dvw 40dvw;bottom:0;content:"";height:0;position:absolute;right:0;width:0;z-index:2}.Demo .DemoContent .canvas .BackGroundBehind.mobile header{right:auto;width:100%}.Demo .DemoContent .canvas .BackGroundBehind.mobile header h2{font-size:18px}.Demo .DemoContent .canvas .BackGroundBehind.mobile header li{font-size:12px}.Demo .DemoContent .canvas .BackGroundFront{left:50%!important;pointer-events:none;top:50%!important}.Demo .DemoContent .canvas .BackGroundFront button{cursor:pointer;pointer-events:all}.Demo .DemoContent .canvas .BackGroundFront .frontText{height:90%;margin-top:10%;padding:10px 40px 10px calc(25% + 40px);pointer-events:none;width:100%}.Demo .DemoContent .canvas .BackGroundFront .frontText .first{display:flex;flex-direction:column;height:50%;justify-content:space-between;margin-top:10%}.Demo .DemoContent .canvas .BackGroundFront .frontText .first h1{color:#8faadc;font-size:7rem;font-weight:900;text-align:left}.Demo .DemoContent .canvas .BackGroundFront .frontText .first div{font-size:28px;font-weight:900;text-align:left}.Demo .DemoContent .canvas .BackGroundFront .frontText .second{display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto}.Demo .DemoContent .canvas .BackGroundFront .frontText .second h1{color:#8faadc;font-size:7rem}.Demo .DemoContent .canvas .BackGroundFront .frontText .second div{color:#8faadc;font-size:18px}.Demo .DemoContent .canvas .BackGroundFront .frontText .third{display:flex;flex-direction:column;height:80%;justify-content:space-between;margin-top:10%}.Demo .DemoContent .canvas .BackGroundFront .frontText .third h1{color:#8faadc;font-size:7rem}.Demo .DemoContent .canvas .BackGroundFront .frontText .third div{color:#8faadc;font-size:18px}.Demo .DemoContent .canvas .BackGroundFront .frontText .third .buttonA{margin-bottom:100px}.Demo .DemoContent .canvas .BackGroundFront .frontText .box{position:relative;width:35%}.Demo .DemoContent .canvas .BackGroundFront .frontText .box.right{margin-left:auto}.Demo .DemoContent .canvas .BackGroundFront .frontText .box:before{border-color:#2f5597 transparent transparent;border-style:solid;border-width:100px 250px 0 0;content:"";display:inline-block;height:0;left:-10px;position:absolute;top:-10px;width:0;z-index:-1}.Demo .DemoContent .canvas .BackGroundFront .frontText .box h1{font-size:18px;margin:10% 0 10px}.Demo .DemoContent .canvas .BackGroundFront .frontText .box div,.Demo .DemoContent .canvas .BackGroundFront .frontText .box h1{background-color:#ddf2f9;padding:10px 15px;text-align:left!important}.Demo .DemoContent .canvas .BackGroundFront.mobile .frontText{height:80%;margin-top:20%;padding:10px 40px}.Demo .DemoContent .canvas .BackGroundFront.mobile .frontText .box{min-width:200px}.Demo .DemoContent .canvas .BackGroundFront.mobile .frontText h1{font-size:28px}.Demo .DemoContent .canvas .ChangePages{display:flex;flex-direction:column;justify-content:center;left:50%!important;pointer-events:none;top:50%!important}.Demo .DemoContent .canvas .ChangePages .dotList{margin-left:auto;margin-right:20px;z-index:100}.Demo .DemoContent .canvas .ChangePages .dotList .dot{aspect-ratio:1/1;background-color:#c8c8c8;border:2px solid #f0f0f0;border-radius:50%;cursor:pointer;margin-bottom:10px;pointer-events:all;width:16px}.Demo .DemoContent .canvas .ChangePages .dotList .dot.selected{background-color:#2f5597;border:2px solid #c8c8c8;outline:4px solid #2f5597}.Demo .DemoContent .canvas .ChangePages.mobile .dotList{background-color:#f0f0f0;display:flex;height:50px;justify-content:space-between;margin:auto 0 0;padding:17px 20px;width:calc(100% - 50px)}.Demo .DemoContent .canvas .ChangePages.mobile .dotList .dot{margin:0}.Demo .DemoContent .canvas .carControls{background-color:#d2691e;pointer-events:none;-webkit-user-select:none;user-select:none}.Demo .DemoContent .canvas .animButton button{background-color:initial;border:none;border-radius:50%;font-size:0}.Demo .DemoContent .canvas .animButton button:hover{border:.5px solid #9dc3e6;box-sizing:initial}.Demo .DemoContent .canvas .animButton button:active{padding:2px}.Demo .DemoContent .canvas .configulaterHtml{display:flex;flex-direction:column;justify-content:space-between;left:0!important;pointer-events:none;top:0!important}.Demo .DemoContent .canvas .configulaterHtml h1{background-color:#f0f0f0;border-radius:10px;color:#8faadc;font-size:18px;margin-left:57.5%;margin-top:50px;padding:10px 40px;position:relative;-webkit-transform:translate(-50%);transform:translate(-50%);width:200px;z-index:10}.Demo .DemoContent .canvas .configulaterHtml h1:before{border-color:#9dc3e6 transparent transparent;border-style:solid;border-width:70px 250px 0 0;content:"";display:inline-block;height:0;left:-10px;position:absolute;top:-10px;width:0;z-index:-10!important}.Demo .DemoContent .canvas .configulaterHtml h1:after{background-color:#f0f0f0;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.Demo .DemoContent .canvas .configulaterHtml .navi{display:flex;justify-content:space-between;position:relative;z-index:10000000000000000}.Demo .DemoContent .canvas .configulaterHtml .navi .parameter{background-color:#f0f0f0;border-radius:0 10px 10px 0;display:flex;flex-direction:column;gap:20px 0;justify-content:space-around;margin-left:25%;padding:20px 0;pointer-events:all;width:70px}.Demo .DemoContent .canvas .configulaterHtml .navi .parameter li{background-color:#f0f0f0;border:none;color:#2f5597;position:relative}.Demo .DemoContent .canvas .configulaterHtml .navi .parameter li .iconSvg{aspect-ratio:1/1;width:24px}.Demo .DemoContent .canvas .configulaterHtml .navi .parameter li .iconSvg.selected{background-color:#ff0;outline:10px solid #ff0}.Demo .DemoContent .canvas .configulaterHtml .navi .parameter li .iconSvg.carCustom{content:url(/static/media/Car_Option.a7f0d49afb65c4b9fa5b.svg)}.Demo .DemoContent .canvas .configulaterHtml .navi .parameter li .iconSvg.carHandle{content:url(/static/media/Car_Handle.be2a7fd865aa70fd95b7.svg)}.Demo .DemoContent .canvas .configulaterHtml .navi .parameter li .iconSvg.carInto{content:url(/static/media/Car_Icon.6dc6c14cc0656d75e140.svg)}.Demo .DemoContent .canvas .configulaterHtml .navi .parameter li .iconSvg.carLight{content:url(/static/media/Car_Light.6eb76ca700aaaa7c9768.svg)}.Demo .DemoContent .canvas .configulaterHtml .navi .parameter li .iconSvg.carColor{content:url(/static/media/Car_Palette.daf00c9c35c535464e3c.svg)}.Demo .DemoContent .canvas .configulaterHtml .navi .parameter input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.Demo .DemoContent .canvas .configulaterHtml .navi .action{background-color:#f0f0f0;border-radius:10px 0 0 10px;padding:20px 25px;pointer-events:all}.Demo .DemoContent .canvas .configulaterHtml .navi .action h2{margin-bottom:15px}.Demo .DemoContent .canvas .configulaterHtml button{background-color:#f0f0f0;border:none;border-radius:10px 10px 0 0;margin-left:57.5%;padding:10px 40px;pointer-events:all;-webkit-transform:translate(-50%);transform:translate(-50%);white-space:nowrap;width:400px}.Demo .DemoContent .canvas .configulaterHtml.mobile h1{margin-left:50%}.Demo .DemoContent .canvas .configulaterHtml.mobile .parameter{margin-left:0}.Demo .DemoContent .canvas .configulaterHtml.mobile button{background-color:#2f5597;border-radius:0;color:#ff0;height:50px;margin-left:0;-webkit-transform:none;transform:none;width:calc(100% - 50px)}.Demo .closeDemo{background-color:#fff;border-radius:0 0 10px 0;color:red;font-size:18px;left:0;padding:15px 12px;position:fixed;top:0}.Demo .mobileMenu{-webkit-animation:popMobileMenuButton .5s forwards;animation:popMobileMenuButton .5s forwards;aspect-ratio:1/1;background-color:#f0f0f0;bottom:-100%;display:flex;flex-direction:column;justify-content:center;margin:0 10px 10px 0;position:fixed;right:0;-webkit-transform:translateZ(100px);transform:translateZ(100px);width:50px;z-index:10000}.Demo .mobileMenu svg{aspect-ratio:1/1;font-size:2em;width:100%}@-webkit-keyframes popMobileMenuButton{0%{bottom:-100%}to{bottom:0}}@keyframes popMobileMenuButton{0%{bottom:-100%}to{bottom:0}}.Demo .Demo1_background{background-color:#a9a9a9;height:100%;width:100%}.Demo .Demo1_2_configulatar{background-color:#fff;bottom:0;height:100%;left:0;margin:auto 0 0;overflow-y:scroll;padding:0 5% 10%;pointer-events:auto;position:absolute;width:100%;z-index:1000}.Demo .Demo1_2_configulatar.on{height:40%}.Demo .Demo1_2_configulatar.off{height:calc(1rem + 8%);overflow-y:hidden}.Demo .Demo1_2_configulatar h2{padding:5px 0;position:relative}.Demo .Demo1_2_configulatar h2 span{aspect-ratio:1/1;background-color:#2f5597;border-radius:50%;color:#ff0;display:flex;flex-direction:column;height:40px;justify-content:center;padding:5px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.Demo .Demo1_2_configulatar .toggleButton{border-right:2px solid #2f5597;margin:0 auto 0 0;padding:3% 6%;width:calc(100% - 18px)}.Demo .Demo1_2_configulatar .openConfigulater{border-bottom:2px solid #2f5597;margin:4% auto 10%;padding-bottom:5px}.Demo .Demo1_1{display:flex;gap:20px 50px;justify-content:space-between;padding:15px 20px}@media screen and (max-width:640px){.Demo .Demo1_1{flex-direction:column}}.Demo .Demo1_1.on{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:100%;justify-content:flex-start}.Demo .Demo1_1 h1{white-space:nowrap;width:20%}@media screen and (max-width:640px){.Demo .Demo1_1 h1{width:100%}}.Demo .Demo1_1 p{margin:5px auto;text-align:center}.Demo .Demo1_1 button{background-color:#2f5597;color:#fff;padding:5px 10px}.Demo .Demo1_3{background-color:hsla(0,0%,100%,.95);border-radius:0;box-shadow:0 4px 12px rgba(0,0,0,.15);left:0!important;min-width:300px;overflow-y:auto;padding:45px 20px 20px;position:fixed!important;top:0!important;-webkit-transform:translateX(0)!important;transform:translateX(0)!important;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:auto!important;z-index:300}.Demo .Demo1_3>div{align-items:center;display:flex;margin-bottom:12px}.Demo .Demo1_3>div:last-child{margin-bottom:0}.Demo .Demo1_3 label{color:#2f5597;font-size:12px;font-weight:600;margin-right:15px;text-align:left;width:100px}.Demo .Demo1_3 input[type=color]{border:1px solid #8faadc;border-radius:4px;height:30px;padding:2px;width:120px}.Demo .Demo1_3 select{background-color:#f0f0f0;border:1px solid #8faadc;border-radius:4px;color:#2f5597;font-size:12px;padding:6px 8px;width:120px}.Demo .Demo1_3.minimized{-webkit-transform:translateX(-100%)!important;transform:translateX(-100%)!important}.Demo .annotation{aspect-ratio:1/1;background-color:#2f5597;content:"";width:10px}.Demo .finderContainer{height:100%;left:50%;position:absolute;top:50%;width:100%}.Demo .finderContainer .BGMButton{left:50%;position:fixed;top:100%;width:75dvw}.Demo .finderContainer .BGMButton p{background-color:#fff;border-radius:10px;cursor:pointer;display:inline-block;padding:10px 15px}.Demo .finderContainer .finder{aspect-ratio:1.5/1;left:50%;max-width:1125px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:75%}@media screen and (max-width:640px){.Demo .finderContainer .finder{aspect-ratio:1.5/1;left:50%;max-width:1125px;position:absolute;top:80%;width:100%}.Demo .finderContainer .BGMButton{left:50%;position:fixed;top:100%;width:100dvw}.Demo .finderContainer .BGMButton p{background-color:#fff;border-radius:10px;display:inline-block;padding:10px 15px}}.Demo .vtuber_html{background-image:linear-gradient(180deg,#9dc3e6 63%,rgba(78,61,174,.62));display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;position:absolute;top:0;width:100%;z-index:-10}.Demo .vtuber_html .vtuber_menu{cursor:pointer;position:relative;z-index:100000}.Demo .vtuber_html .vtuber_menu img{padding:50px;width:100%}@media screen and (max-width:640px){.Demo .vtuber_html .vtuber_menu img{padding:20px}}.Demo .vtuber_html .vtuber_explain h1,.Demo .vtuber_html .vtuber_explain light,.Demo .vtuber_html .vtuber_explain p{color:#fff}.Demo .vtuber_html .vtuber_explain p{margin:30px auto 50px;max-width:600px;text-align:left;width:90%}.Demo .mobileExplain{display:flex;justify-content:flex-start}.Demo .mobileExplain p{display:flex;flex-direction:column;justify-content:center}.content{background:#202035;border-radius:5px;color:#fff;padding:10px 15px;text-align:left}.minimize-ui-button{align-items:center;background-color:#2f5597;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);color:#f0f0f0;cursor:pointer;display:flex;height:34px;justify-content:center;left:5px;padding:0;position:fixed;top:5px;transition:background-color .2s,-webkit-transform .2s;transition:background-color .2s,transform .2s;transition:background-color .2s,transform .2s,-webkit-transform .2s;width:34px;z-index:301}.minimize-ui-button:hover{background-color:#3b6bbe}.minimize-ui-button:active{-webkit-transform:scale(.95);transform:scale(.95)}.minimize-ui-button .icon-lines-container{height:14px;position:relative;width:18px}.minimize-ui-button .line{background-color:#f0f0f0;border-radius:1px;height:2px;left:0;position:absolute;transition:top .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,top .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,top .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%}.minimize-ui-button .line1{top:0}.minimize-ui-button .line2{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.minimize-ui-button .line3{top:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.minimize-ui-button.expanded-state .line1{top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.minimize-ui-button.expanded-state .line2{opacity:0}.minimize-ui-button.expanded-state .line3{top:50%;-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg)}@media screen and (min-width:640px){.pc{display:none!important}}.Header{background-color:#fff;border-left:3px solid #dfdfdf;border-radius:0 0 5px 5px;border-right:3px solid #dfdfdf;box-shadow:0 4px #dfdfdf;display:flex;margin:0 auto;max-width:1500px;padding:min(3%,10px) min(6%,20px);position:relative;z-index:11}@media screen and (max-width:640px){.Header{left:0;position:fixed;top:0}}.Header .headerLogo{position:relative;width:max(30%,200px);z-index:10}.Header .headerIndex{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-end}.Header .headerIndex li{display:flex;gap:0 5%;justify-content:flex-end}.Header .headerIndex li a{cursor:pointer;font-size:1.6rem;white-space:nowrap}.Header .headerIndex li a:hover{background-color:#8faadc}@media screen and (max-width:640px){.Header .headerIndex li{background-color:#fff;border-left:3px solid #dfdfdf;border-radius:0 0 5px 5px;border-right:3px solid #dfdfdf;box-shadow:0 4px #dfdfdf;display:flex;flex-direction:column;gap:5% 0;left:0;padding:60px 15% 5%;position:fixed;top:-100%;width:100%;z-index:5}.Header .headerIndex li a{font-size:1.1rem;margin-top:5%}.Header .headerIndex.pop li{-webkit-animation:popMenu .5s forwards;animation:popMenu .5s forwards;display:flex}.Header .headerIndex.hide li{-webkit-animation:hideMenu 1s forwards;animation:hideMenu 1s forwards}}.Header .headerMenuIcon{margin-left:auto}.Header .headerMenuIcon input{display:none;height:100%;width:100%}.Header .headerMenuIcon svg{font-size:1.8rem;height:100%;position:relative;z-index:10}@-webkit-keyframes popMenu{0%{top:-100%}to{top:0}}@keyframes popMenu{0%{top:-100%}to{top:0}}@-webkit-keyframes hideMenu{0%{top:0}to{top:-100%}}@keyframes hideMenu{0%{top:0}to{top:-100%}}.Section0{background-color:#dfdfdf;position:relative;text-align:left;width:100%;z-index:10}.Section0 .container{display:flex;justify-content:space-between;position:relative}@media screen and (max-width:640px){.Section0 .container{flex-direction:column}}.Section0 .downText{color:#fff;display:block;font-size:3rem;height:100%;left:0;line-height:4rem;margin:30px;position:absolute;text-align:left;text-shadow:1px 1px 0 #5c84cc,2px 2px 0 #5c84cc,3px 3px 0 #5c84cc;top:0;white-space:nowrap;width:100%}@media screen and (max-width:640px){.Section0 .downText{font-size:1.5rem;line-height:2rem}}.Section0 .topImg{height:auto;width:100%}.Section0 .up{-webkit-animation:downToUp 10s infinite;animation:downToUp 10s infinite}.Section0 .down{animation:downToUp 2s reverse forwards}@-webkit-keyframes downToUp{0%{color:#7c9bd6;text-shadow:-1px -1px 0 #5c84cc,-2px -2px 0 #5c84cc,-3px -3px 0 #5c84cc,-4px -4px 0 #5c84cc,-5px -5px 0 #5c84cc,1px 1px 0 #aabfe5,2px 2px 0 #aabfe5}50%{color:#aabfe5;text-shadow:1px 1px 0 #5c84cc,2px 2px 0 #5c84cc,3px 3px 0 #5c84cc,4px 4px 0 #5c84cc,5px 5px 0 #5c84cc,-1px -1px 0 #becdeb,-2px -2px 0 #becdeb}to{color:#7c9bd6;text-shadow:-1px -1px 0 #5c84cc,-2px -2px 0 #5c84cc,-3px -3px 0 #5c84cc,-4px -4px 0 #5c84cc,-5px -5px 0 #5c84cc,1px 1px 0 #aabfe5,2px 2px 0 #aabfe5}}@keyframes downToUp{0%{color:#7c9bd6;text-shadow:-1px -1px 0 #5c84cc,-2px -2px 0 #5c84cc,-3px -3px 0 #5c84cc,-4px -4px 0 #5c84cc,-5px -5px 0 #5c84cc,1px 1px 0 #aabfe5,2px 2px 0 #aabfe5}50%{color:#aabfe5;text-shadow:1px 1px 0 #5c84cc,2px 2px 0 #5c84cc,3px 3px 0 #5c84cc,4px 4px 0 #5c84cc,5px 5px 0 #5c84cc,-1px -1px 0 #becdeb,-2px -2px 0 #becdeb}to{color:#7c9bd6;text-shadow:-1px -1px 0 #5c84cc,-2px -2px 0 #5c84cc,-3px -3px 0 #5c84cc,-4px -4px 0 #5c84cc,-5px -5px 0 #5c84cc,1px 1px 0 #aabfe5,2px 2px 0 #aabfe5}}.Section0 .top3D{display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;min-height:250px;width:max(50%,300px)}.Section0 .top3D p{background-color:#fff;border-radius:10px;margin:0 auto;padding:5px 10px;text-align:center;white-space:nowrap;width:200px}@media screen and (max-width:640px){.Section0 .top3D .logoCanvas{margin-top:50px}}.Section0 .spinner{-webkit-animation:spinner-y0fdc1 6s ease infinite;animation:spinner-y0fdc1 6s ease infinite;aspect-ratio:1/1;cursor:pointer;margin:60px auto 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:150px}@media screen and (max-width:640px){.Section0 .spinner{width:100px}}.Section0 .spinner>div{background-color:rgba(0,77,255,.2);border:2px solid #004dff;height:100%;position:absolute;width:100%}.Section0 .spinner div:first-of-type{-webkit-transform:translateZ(-75px) rotateY(180deg);transform:translateZ(-75px) rotateY(180deg)}@media screen and (max-width:640px){.Section0 .spinner div:first-of-type{-webkit-transform:translateZ(-50px) rotateY(180deg);transform:translateZ(-50px) rotateY(180deg)}}.Section0 .spinner div:nth-of-type(2){-webkit-transform:rotateY(-270deg) translateX(50%);transform:rotateY(-270deg) translateX(50%);-webkit-transform-origin:top right;transform-origin:top right}.Section0 .spinner div:nth-of-type(3){-webkit-transform:rotateY(270deg) translateX(-50%);transform:rotateY(270deg) translateX(-50%);-webkit-transform-origin:center left;transform-origin:center left}.Section0 .spinner div:nth-of-type(4){-webkit-transform:rotateX(90deg) translateY(-50%);transform:rotateX(90deg) translateY(-50%);-webkit-transform-origin:top center;transform-origin:top center}.Section0 .spinner div:nth-of-type(5){-webkit-transform:rotateX(-90deg) translateY(50%);transform:rotateX(-90deg) translateY(50%);-webkit-transform-origin:bottom center;transform-origin:bottom center}.Section0 .spinner div:nth-of-type(6){-webkit-transform:translateZ(75px);transform:translateZ(75px)}@media screen and (max-width:640px){.Section0 .spinner div:nth-of-type(6){-webkit-transform:translateZ(50px) rotateY(180deg);transform:translateZ(50px) rotateY(180deg)}}@-webkit-keyframes spinner-y0fdc1{0%{-webkit-transform:rotate(45deg) rotateX(-25deg) rotateY(25deg);transform:rotate(45deg) rotateX(-25deg) rotateY(25deg)}50%{-webkit-transform:rotate(45deg) rotateX(-385deg) rotateY(25deg);transform:rotate(45deg) rotateX(-385deg) rotateY(25deg)}to{-webkit-transform:rotate(45deg) rotateX(-385deg) rotateY(385deg);transform:rotate(45deg) rotateX(-385deg) rotateY(385deg)}}@keyframes spinner-y0fdc1{0%{-webkit-transform:rotate(45deg) rotateX(-25deg) rotateY(25deg);transform:rotate(45deg) rotateX(-25deg) rotateY(25deg)}50%{-webkit-transform:rotate(45deg) rotateX(-385deg) rotateY(25deg);transform:rotate(45deg) rotateX(-385deg) rotateY(25deg)}to{-webkit-transform:rotate(45deg) rotateX(-385deg) rotateY(385deg);transform:rotate(45deg) rotateX(-385deg) rotateY(385deg)}}.Section1{background-color:#fff;background:radial-gradient(circle,transparent 20%,#fff 0,#fff 80%,transparent 0,transparent),radial-gradient(circle,transparent 20%,#fff 0,#fff 80%,transparent 0,transparent) 12.5px 12.5px,linear-gradient(#dfdfdf 1px,transparent 0) 0 -.5px,linear-gradient(90deg,#dfdfdf 1px,#fff 0) -.5px 0;background-size:25px 25px,25px 25px,12.5px 12.5px,12.5px 12.5px;padding:min(5%,15px) min(6%,20px);text-align:center}.Section1 h2{margin-top:10px}.Section1 .points{display:flex;justify-content:center}@media screen and (max-width:640px){.Section1 .points{flex-direction:column;gap:0}}.Section1 .points .pointSpan{aspect-ratio:1/1;background-color:#fff;border:1px solid #dfdfdf;border-radius:10px;box-shadow:5px 5px #dfdfdf;display:flex;flex-direction:column;gap:5% 0;justify-content:flex-start;margin:5% auto 0;padding:min(5%,15px) min(10%,30px);width:max(25%,300px)}.Section1 .points .pointSpan h2{color:#2f5597}.Section1 .points .pointSpan svg{font-size:3rem;margin:10px auto}.Section1 .points .pointSpan p{margin:0 auto;text-align:left}.Section1 .comparison{background-color:#fff;border:1px solid #dfdfdf;border-radius:10px;box-shadow:5px 5px #dfdfdf;display:flex;flex-direction:row;flex-wrap:wrap;margin:5% auto;padding:min(5%,15px) min(6%,20px);width:max(80%,330px)}.Section1 .comparison h2{margin:2% auto}.Section1 .comparison span{border:1px solid hsla(0,0%,87%,.616);box-sizing:inherit;margin-bottom:5px;padding:min(5%,15px) min(6%,20px);text-align:left;width:32%}@media screen and (max-width:640px){.Section1 .comparison span{width:48%}}.Section1 .comparison span:nth-of-type(3n+1){background-color:#dfdfdf;border-radius:10px;flex-grow:0;margin-right:2%;position:relative}@media screen and (max-width:640px){.Section1 .comparison span:nth-of-type(3n+1){width:100%}}.Section1 .comparison span:nth-of-type(3n+1):after{border:8px solid transparent;border-right:18px solid #dfdfdf;content:"";display:inline-block;left:-19px;position:absolute;top:3px;-webkit-transform:rotate(35deg);transform:rotate(35deg)}.Section1 .comparison span:nth-of-type(3n){background-color:#f6fdff;margin-left:2%}@media screen and (max-width:640px){.Section1 .comparison span:nth-of-type(3n){margin-left:0;width:100%}.Section1 .comparison span:nth-of-type(3n+2){display:none}}.Section1 .comparison span:first-child{opacity:0}.Section1 .comparison span:nth-child(2),.Section1 .comparison span:nth-child(3){border-radius:10px 10px 0 0;text-align:center}.Section1 .comparison span:nth-child(3){background-color:#8faadc;color:#ff0}.Section1 .focus{font-size:1.3rem;text-decoration:underline;text-decoration-color:#ff0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.5rem;text-underline-offset:-.2rem}.Section2{background-color:#dfdfdf;background:radial-gradient(circle,transparent 20%,#dfdfdf 0,#dfdfdf 80%,transparent 0,transparent),radial-gradient(circle,transparent 20%,#dfdfdf 0,#dfdfdf 80%,transparent 0,transparent) 12.5px 12.5px,linear-gradient(#fff 1px,transparent 0) 0 -.5px,linear-gradient(90deg,#fff 1px,#dfdfdf 0) -.5px 0;background-size:25px 25px,25px 25px,12.5px 12.5px,12.5px 12.5px;padding:min(5%,15px) min(6%,20px);text-align:center;width:100%}.Section2 .price{background-color:#f6fdff;border:1px solid #fff;border-radius:10px;box-shadow:5px 5px #fff;margin:5% auto;padding:min(5%,15px) min(6%,10px);width:max(70%,500px)}.Section2 .price p{margin:5% auto;text-align:left}.Section2 .price h2{color:#2f5597}.Section2 .price .initial,.Section2 .price .subscription{background-color:#fff;border:1px solid #dfdfdf;border-radius:10px;box-shadow:5px 5px #dfdfdf;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto 5%;padding:min(5%,15px) min(6%,10px);width:100%}.Section2 .price .initial h2,.Section2 .price .subscription h2{color:#2f5597;flex-shrink:0;text-align:left;width:60%}@media screen and (max-width:640px){.Section2 .price .initial h2,.Section2 .price .subscription h2{font-size:1rem;width:100%}}.Section2 .price .initial .down,.Section2 .price .subscription .down{display:flex;flex-shrink:0}.Section2 .price .initial .down p,.Section2 .price .subscription .down p{display:flex;flex-direction:column;justify-content:center;margin-right:5px}.Section2 .price .initial .down svg,.Section2 .price .subscription .down svg{margin:auto 0}@media screen and (max-width:640px){.Section2 .price .initial .down,.Section2 .price .subscription .down{text-align:right;width:100%}}.Section2 .price .initial .up,.Section2 .price .subscription .up{display:none;flex-shrink:0}.Section2 .price .initial .up p,.Section2 .price .subscription .up p{display:flex;flex-direction:column;justify-content:center;margin-right:5px}.Section2 .price .initial .up svg,.Section2 .price .subscription .up svg{margin:auto 0}@media screen and (max-width:640px){.Section2 .price .initial .up,.Section2 .price .subscription .up{text-align:right;width:100%}}.Section2 .price .initial .hide,.Section2 .price .subscription .hide{display:none;flex-direction:column;flex-shrink:0;padding:min(5%,15px) min(6%,20px);width:100%}.Section2 .price .initial .hide li,.Section2 .price .subscription .hide li{margin-bottom:10px;text-align:left}.Section2 .price .initial input,.Section2 .price .subscription input{display:none;height:100%;width:100%}.Section2 .price .initial input:checked~.hide,.Section2 .price .initial input:checked~.up,.Section2 .price .subscription input:checked~.hide,.Section2 .price .subscription input:checked~.up{display:flex}.Section2 .price .initial input:checked~.down,.Section2 .price .subscription input:checked~.down{display:none}.Section2 .price .initial .costCheck,.Section2 .price .subscription .costCheck{background-color:#fff;border:1px solid #dfdfdf;box-shadow:5px 5px #dfdfdf;margin-top:3%}.Section2 .price .initial .costCheck li,.Section2 .price .subscription .costCheck li{display:flex;flex-wrap:wrap;justify-content:space-between;margin:2% auto;width:100%}@media screen and (max-width:640px){.Section2 .price .initial .costCheck li,.Section2 .price .subscription .costCheck li{flex-wrap:nowrap}}.Section2 .price .initial .costCheck h2,.Section2 .price .subscription .costCheck h2{margin:5% auto;text-align:center}.Section2 .price .initial .costCheck .costCheckInput,.Section2 .price .subscription .costCheck .costCheckInput{aspect-ratio:1/1;border:1.5px solid #2f5597;display:inline-block;margin-left:15px;vertical-align:top;width:20px}.Section2 .price .initial .costCheck .costCheckInput[type=number],.Section2 .price .subscription .costCheck .costCheckInput[type=number]{aspect-ratio:unset;width:50px}@media screen and (max-width:640px){.Section2 .price .initial .costCheck .costCheckInput[type=number],.Section2 .price .subscription .costCheck .costCheckInput[type=number]{width:40px}}.Section2 .price .initial .costCheck .costCheckLabel,.Section2 .price .subscription .costCheck .costCheckLabel{font-size:1.3rem;height:20px;text-align:left;vertical-align:top}@media screen and (max-width:640px){.Section2 .price .initial .costCheck .costCheckLabel,.Section2 .price .subscription .costCheck .costCheckLabel{font-size:1rem;margin:5% 0}}.Section2 .focus{font-size:1.3rem;text-decoration:underline;text-decoration-color:#ff0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.5rem;text-underline-offset:-.2rem}.Section2 .caution{color:red;font-size:1.2rem}.Section3{background-color:#fff;background:radial-gradient(circle,transparent 20%,#fff 0,#fff 80%,transparent 0,transparent),radial-gradient(circle,transparent 20%,#fff 0,#fff 80%,transparent 0,transparent) 12.5px 12.5px,linear-gradient(#dfdfdf 1px,transparent 0) 0 -.5px,linear-gradient(90deg,#dfdfdf 1px,#fff 0) -.5px 0;background-size:25px 25px,25px 25px,12.5px 12.5px,12.5px 12.5px;padding:min(5%,15px) min(6%,20px);text-align:center}.Section3 .feature1,.Section3 .feature2,.Section3 .feature3{background-color:#fff;border:1px solid #dfdfdf;border-radius:10px;box-shadow:5px 5px #dfdfdf;padding:min(5%,15px) min(10%,30px)}.Section3 .feature1 svg,.Section3 .feature2 svg,.Section3 .feature3 svg{font-size:3rem;margin:3% auto;-webkit-transform:rotate(15deg);transform:rotate(15deg)}.Section4{background-color:#fff;background:radial-gradient(circle,transparent 20%,#fff 0,#fff 80%,transparent 0,transparent),radial-gradient(circle,transparent 20%,#fff 0,#fff 80%,transparent 0,transparent) 12.5px 12.5px,linear-gradient(#dfdfdf 1px,transparent 0) 0 -.5px,linear-gradient(90deg,#dfdfdf 1px,#fff 0) -.5px 0;background-size:25px 25px,25px 25px,12.5px 12.5px,12.5px 12.5px;text-align:center}.Section4,.Section4 .contact{padding:min(5%,15px) min(6%,20px)}.Section4 .contact{background-color:#fff;border:1px solid #dfdfdf;border-radius:10px;box-shadow:5px 5px #dfdfdf;margin:5% auto;width:max(90%,350px)}@media screen and (max-width:640px){.Section4 .contact{padding:12px 0}}.Section4 .contact h2{color:#2f5597;margin-bottom:5%}.Section4 .contact .formItem{background-color:#f6fdff;border:1px solid #dfdfdf;border-radius:10px;box-shadow:5px 5px #dfdfdf;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto 1%;padding:min(5%,15px) min(6%,20px);width:90%}.Section4 .contact .formItem label{font-size:1.3rem}@media screen and (max-width:640px){.Section4 .contact .formItem label{font-size:1rem;margin-bottom:5%}}.Section4 .contact .formItem input,.Section4 .contact .formItem select{width:200px}@media screen and (max-width:640px){.Section4 .contact .formItem select{margin-right:auto}}.Section4 .contact .formItem textarea{aspect-ratio:2/1;width:max(40%,400px)}.Section4 .contact .formSubmit{background-color:#f6fdff;border:1px solid #dfdfdf;border-radius:10px;box-shadow:5px 5px #dfdfdf;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto 1%;width:150px}.Section4 .contact .formSubmit input{background-color:initial;border:none;height:100%;padding:min(10%,30px) min(6%,20px);width:100%}.Section4 .contact .formSubmit input:hover{background-color:#ff0}footer{background-color:#8faadc;color:#fff;margin:0 auto;max-width:1500px;padding:min(5%,15px) min(6%,20px);text-align:center}
/*# sourceMappingURL=main.f8cb6eff.css.map*/