html,body{height:100%}body{margin:0;padding:0;position:relative;cursor:none;font-family:"Roboto","Noto Sans JP",sans-serif;font-weight:400;font-style:normal}@media screen and (max-width: 860px){body{cursor:default}}p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,li,form,iframe,section,div,a,span{margin:0;padding:0;box-sizing:border-box}li{list-style-type:none}img{height:auto;vertical-align:bottom}a{text-decoration:none}#cursor{position:fixed;z-index:100;pointer-events:none}@media screen and (max-width: 860px){#cursor{display:none}}#cursor span{display:block;background:none;border-radius:10px;width:0px;height:0px;margin:-10px 0 0 -10px;border:solid 8px #fff226;transition:all .3s ease}#cursor.onmouse span{background:none;border:solid 10px #fff226;border-radius:30px;width:40px;height:40px;margin:-20px 0 0 -20px}.loader{position:fixed;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;z-index:999;text-indent:-9999px;color:#999;pointer-events:none}.loader{opacity:1;transition:all 1s .5s}.loader .loader-text{font-size:12px;transition:all 1s ease-out}.is-loaded .loader{opacity:0}body{position:relative}body.opened{overflow:hidden}.site-title{width:22%;max-width:153px;position:fixed;top:30px;left:30px;z-index:2000;transition:all .4s .3s cubic-bezier(0.25, 1, 0.5, 1)}@media screen and (max-width: 860px){.site-title{top:4%;left:4%}}@media screen and (max-width: 860px){body.opened .site-title{transform:translateX(-100%);left:0}}#container{height:auto}.works-outer{position:relative;padding-right:60px}.menu-open-area{width:70px;height:50%;position:fixed;bottom:0;right:0px;z-index:1002;font-size:0}@media screen and (max-width: 860px){.menu-open-area{width:40px;height:34%;position:fixed;bottom:0;right:0px}}.menu-close-area{width:0px;height:100%;position:fixed;top:0;left:0px;z-index:900;font-size:0}.menu-open-area.non-active{pointer-events:none}.menu-close-area.active{width:calc(100% - 120px)}.menu{display:flex;position:fixed;align-items:center;justify-content:center;bottom:10%;right:0px;width:50px;height:120px;overflow:hidden;background:#fff;border:solid 10px #fff226;border-right:none;border-top-left-radius:20px;border-bottom-left-radius:20px;z-index:1004;transform-origin:left top;transition:width .3s cubic-bezier(0.25, 1, 0.5, 1),height .3s cubic-bezier(0.25, 1, 0.5, 1),right .6s .3s cubic-bezier(0.25, 1, 0.5, 1),bottom .3s cubic-bezier(0.25, 1, 0.5, 1);pointer-events:none;cursor:default}@media screen and (max-width: 860px){.menu{width:36px;height:90px;border:solid 8px #fff226;border-right:none}}.menu.active{width:70px;height:360px;pointer-events:inherit}.menu.active.opened{right:500px;height:calc(100dvh - 80px);bottom:40px}@media screen and (max-width: 860px){.menu.active.opened{right:calc(100% - 70px);height:100dvh;bottom:0}}.menu .btns{display:flex;justify-content:center;transform:rotate(90deg);width:100px;height:auto;line-height:60px;opacity:0;transition:all .6s cubic-bezier(0.25, 1, 0.5, 1)}.menu.active .btns{width:calc(100vh - 100px);opacity:1}.menu .btns li{margin:0px 20px}.menu .btns a{font-size:14px;letter-spacing:.1em;color:#717171;transition:all .1s}.menu .btns li.uncurrent a{color:#e2e0df}.menu.active .btns a:hover{opacity:.4;cursor:pointer}.menu .btns li.uncurrent a:hover{color:#717171}.log{position:fixed;top:0;right:0;text-align:right;background:#f0f0f0;width:200px;padding:10px}@-webkit-keyframes menuAnimation{0%{right:0px}100%{right:40px}}@keyframes menuAnimation{0%{right:0px}100%{right:40px}}#page{position:fixed;top:40px;right:-500px;width:500px;opacity:0;height:calc(100% - 80px);z-index:998;background:#fff;transition:all .6s .3s cubic-bezier(0.25, 1, 0.5, 1)}@media screen and (max-width: 860px){#page{width:calc(100vw - 60px);height:100dvh;top:0px}}#page:hover{cursor:default}#page.active{right:0;opacity:1;cursor:default}#page .page-outer{height:100%;position:relative}#page .page-inner{height:100%}#page .page-item{height:100%}#page .page-item-inner{margin-top:40px}#page .page-close{position:absolute;top:35px;right:35px;width:40px;height:40px;transition:all .3s cubic-bezier(0.25, 1, 0.5, 1)}#page .page-close::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#231815;transform:translateY(20px) rotate(45deg);transition:all .3s cubic-bezier(0.25, 1, 0.5, 1)}#page .page-close::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#231815;transform:translateY(20px) rotate(-45deg);transition:all .3s cubic-bezier(0.25, 1, 0.5, 1)}#page .page-close:hover{transform:scale(0.8);cursor:pointer}#page .page-close:hover::before,#page .page-close:hover::after{background:#ccc}#page iframe{width:100%;height:100%;border:none;overflow:scroll}@media screen and (max-width: 860px){#page iframe{padding-top:20px}}.grecaptcha-badge{visibility:hidden}