@charset "UTF-8";video{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}body,ul,li,p{margin:0;padding:0;list-style-type:none;font-family:Otoma,ヒラギノ丸ゴ Pro W4,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO,sans-serif}body{position:fixed;top:0;left:0;right:0;bottom:0}button{cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit;cursor:pointer;font-family:inherit}.instruction-container,.html-container,.background-container,.score-container{position:absolute;top:0;bottom:0;left:0;right:0}.instruction-container{z-index:10;background-color:#fff}.instruction-container.hidden{animation:1.2s container-fadeout}@keyframes container-fadeout{0%{opacity:1;transform:scale(1)}99%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(0);display:none}}.loading-container{width:90%;height:10%;margin:0 auto;display:grid;grid-template-columns:12% 76% 12%;gap:4px;align-items:center;justify-content:space-between;font-size:3vw;color:#3c3c3c}.loading-bar-outer{height:30%;outline:1px solid gray}#loading-bar{display:block;width:100%;height:100%;background:#0909c0;transform:scaleX(0);transform-origin:center left}#loading-rate{text-align:right}.img-container{width:90%;height:90%;position:absolute;top:10%;left:50%;transform:translate(-50%);overflow:hidden}.img-container>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute}#intro-farm1{-o-object-position:left top;object-position:left top;animation:farm1 12s forwards}#intro-farm2{transform:translate(100%);-o-object-position:right bottom;object-position:right bottom;animation:farm2 12s forwards}.farmer-container{display:inline;position:absolute;left:20%;top:30%;height:30%;transform:translate(-50%);animation:farmer 12s forwards}.farmer{height:100%}#hand{position:absolute;top:39%;left:74%;height:16%;z-index:-1;transform-origin:0 0;transform:rotate(0);animation:farmer-hand 12s forwards}@keyframes farm1{50%{transform:translate(0)}55%,to{transform:translate(-100%)}}@keyframes farm2{50%{transform:translate(100%)}55%,to{transform:translate(0)}}@keyframes farmer{0%,50%{left:20%;top:45%;height:30%;transform:scale(.5)}55%{left:-50%;top:40%;height:30%;transform:scale(.5)}60%,to{left:20%;top:40%;height:50%;transform:scale(1)}}@keyframes farmer-hand{0%,10%,20%,30%,40%,50%{transform:rotate(-40deg)}5%,15%,25%,35%,45%{transform:rotate(-80deg)}60%,80%,to{transform:rotate(0)}70%,90%{transform:rotate(10deg)}}.quote{min-width:70%;max-width:90%;padding:10px 20px;position:absolute;left:50%;background:#fff9;border-radius:50%;border:4px solid rgba(154,154,154,.604);color:#333;font-size:min(40px,10vw);text-align:center}.quote1{transform:translate(-50%) scale(0);animation:show-quote1 12s forwards;bottom:74%}.quote2{transform:translate(-50%) scale(0);animation:show-quote2 12s forwards;bottom:64%}@keyframes show-quote1{0%{transform:translate(-50%) scale(0)}20%,40%{transform:translate(-50%) scale(1)}55%,to{transform:translate(-50%) scale(0)}}@keyframes show-quote2{0%,55%{transform:translate(-50%) scale(0)}70%,to{transform:translate(-50%) scale(1)}}.start{width:80%;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;bottom:5%;left:50%;transform:translate(-50%);font-size:4vmin;color:#f5f0f4;font-weight:700;border-radius:4px;text-align:center}.start p{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;text-align:center;text-shadow:4px 4px 10px rgb(2,2,47)}.start button{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#02022f;font-size:6vmin;line-height:8vmin;border-radius:4px;margin:4px;box-shadow:2px 2px 10px #02022f}.start button:hover,.start button:active{background:#6161ee}.html-container{z-index:2}.html-container.hidden{display:none}#scan-before,#scan-after{top:5%;font-size:min(32px,5vw);letter-spacing:.1em;color:#fff}#scan-before.hidden,#scan-after.hidden{display:none}#scan-after span{text-shadow:4px 4px 10px rgb(2,2,47)}#start-sign{display:none;top:40%;bottom:auto;padding:2vw;font-size:min(42px,6vw);background:#ed2727;border:6px solid rgb(255,135,7);border-radius:100vh}#start-sign.show{display:block;animation:appear 2s forwards}@keyframes appear{0%,10%{opacity:0;transform:translate(-50%) scale(0)}11%{opacity:1;transform:translate(-50%) scale(.8)}30%,80%{opacity:1;transform:translate(-50%) scale(1)}90%{opacity:0;transform:translate(-50%) scale(0)}to{display:none;opacity:0;transform:translate(-50%) scale(0)}}.control-container{position:fixed;bottom:10px;left:10px;z-index:5}.control-btn{padding:10px;border-radius:4px;border:#aaa solid 2px;background:#333333b3;font-size:2vw;font-family:inherit;color:#e6e6e6;-webkit-user-select:none;-moz-user-select:none;user-select:none}.background-container{z-index:-1;opacity:.8}.background-container img{min-height:120%;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left}.score-container{z-index:5;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:10px}.score-container .btns{display:flex;justify-content:center;gap:10px}.score-container .end-btns.side{display:flex;align-items:center}.hidden{transform:scale(0)}@media (min-aspect-ratio: 4/3){.background-container img{height:100%;min-width:100%;-o-object-position:0% 100%;object-position:0% 100%}}