@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none}*{box-sizing:border-box}a{display:inline-block}body{font-family:'Noto Sans JP', sans-serif}.ui{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3;pointer-events:none;opacity:0}.ui.is-active{pointer-events:all;opacity:1}.ui_button{padding:12px 24px;background-color:#fff;border-radius:24px;font-size:12px;font-weight:bold}.canvas{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;pointer-events:none;opacity:0}.canvas.is-active{pointer-events:all;opacity:1}.canvas-1204{width:100%}.canvas-1224{width:200%}.background{width:100%;height:100%;background-image:url("../../static/img/background.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;z-index:1}