@import"https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap";@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700;800&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,main,input{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;-webkit-text-size-adjust:100%;letter-spacing:.05em;font-feature-settings:"palt"}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}a{text-decoration:none;outline:none}input,textarea{-webkit-appearance:none;width:100%;padding:8px;border:0;border:1px #ccc solid;border-radius:4px;outline:none}input[type=radio],input[type=checbox]{-webkit-appearance:normal}input[type=submit]{background:none}.clearfix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}.sdgs.clip{animation:clip 1.2s ease-in 0s 1 forwards;opacity:1}.sdgs::before,.sdgs::after{display:block;content:"";position:fixed;top:50%;translate:0 -50%;width:40px;height:44px;background:url(../../img/icon_arrow.svg) no-repeat center/contain;opacity:.4;z-index:1}@media all and (max-width:960px){.sdgs::before,.sdgs::after{width:30px;height:34px}}@media all and (max-width:500px){.sdgs::before,.sdgs::after{width:7vw;height:8vw}}.sdgs::before{left:2%;scale:-1 1;animation:arrow-L 2s 3s infinite}.sdgs::after{right:2%;animation:arrow-R 2s 3s infinite}@keyframes arrow-L{0%,60%{left:2%}70%,90%{left:1.5%}80%,100%{left:2%}}@keyframes arrow-R{0%,60%{right:2%}70%,90%{right:1.5%}80%,100%{right:2%}}.sdgs.edge-L::before,.sdgs.edge-R::after{opacity:0}.sdgs .header h1{position:fixed;top:15px;left:15px;width:120px}@media all and (max-width:500px){.sdgs .header h1{top:10px;left:10px;width:80px}}@keyframes clip{0%{clip-path:circle(0% at 50% 50%)}100%{clip-path:circle(100% at 50% 50%)}}#loading{display:none;justify-content:center;align-items:center;flex-direction:column;position:fixed;left:0;top:0;width:100%;height:100%;background:url(../../img/bg_clay_white.webp)}#loading .doll{width:100px;margin-bottom:15px;filter:drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.1))}@media all and (max-width:500px){#loading .doll{width:80px;margin-bottom:10px}}#loading .loader{overflow:hidden;width:150px;height:12px;border-radius:6px;background:linear-gradient(-45deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.5)) 0/100%;background-size:16px 16px;animation:stripe .8s linear infinite}@media all and (max-width:500px){#loading .loader{width:120px;height:10px;background-size:16px 16px}}#loading .loader div{width:100%;height:100%;background:linear-gradient(rgba(0, 0, 0, 0.5) 0 0) 0/0% no-repeat;animation:loader 3s 1s linear forwards}@keyframes stripe{0%{background-position-x:0}100%{background-position-x:-16px}}@keyframes loader{100%{background-size:100%}}#town{position:relative;width:100%;height:100svh;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}#town::-webkit-scrollbar{display:none}#town__block{position:relative;cursor:grab}#town__block:active{cursor:grabbing}#town #view{width:auto;height:190vh}@media all and (max-width:1366px){#town #view{height:148svh}}@media all and (max-width:960px){#town #view{height:140svh}}@media all and (max-width:500px){#town #view{height:100svh}}#town .float{display:flex;justify-content:center;align-items:center;position:absolute;bottom:50%;left:50%;width:24vh;height:8.5vh;padding-bottom:2.1vh;background:url(../../img/float_comment.webp) no-repeat center/contain;rotate:.05deg;font-family:"M PLUS Rounded 1c",serif;letter-spacing:.05em;font-weight:800;font-size:1.9vh;letter-spacing:0;cursor:pointer;transition:.3s}@media(hover: hover){#town .float:hover{scale:1.3}}@media all and (max-width:1366px){#town .float{width:19svh;height:6.7svh;padding-bottom:1.8svh;font-size:1.5svh}}@media all and (max-width:500px){#town .float{width:23svh;height:8svh;padding-bottom:2svh;font-size:1.9svh}}#town .float a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center}#town #home{translate:-39% calc(-50% + 7.5vh);color:#4083df;animation:bounding 1.5s ease-in-out alternate infinite}@media all and (max-width:1366px){#town #home{translate:-39% calc(-50% + 4.8svh)}}@media all and (max-width:500px){#town #home{translate:-45% calc(-50% + 6svh)}}#town #policy{translate:244% calc(-50% - 17vh);animation:bounding 1.5s ease-in-out alternate-reverse infinite}@media all and (max-width:1366px){#town #policy{translate:240% calc(-50% - 13svh)}}@media all and (max-width:960px){#town #policy{translate:222% calc(-50% - 12svh)}}@media all and (max-width:500px){#town #policy{translate:112% calc(-50% - 6.8svh)}}#town #policy a{color:#e56d02}@keyframes bounding{0%{transform:translateY(0)}100%{transform:translateY(-1svh)}}.is-active .room{padding-top:50px}.is-active .room__ttl{margin-bottom:20px;rotate:.05deg;font-family:"M PLUS Rounded 1c",serif;letter-spacing:.05em;font-weight:800;font-size:35px;text-align:center}@media all and (max-width:960px){.is-active .room__ttl{font-size:32px}}@media all and (max-width:500px){.is-active .room__ttl{margin-bottom:4vw;font-size:min(32px,7svw)}}.is-active .room__ttl span{display:block;margin-bottom:8px;font-size:.57em}.is-active .room__container{padding:20px;border-radius:30px;background:url(../../img/bg_clay_green.webp);box-shadow:6px 7px 7px -3px rgba(174,238,176,.5) inset,-3px -2px 4px 3px rgba(9,90,15,.2) inset}@media all and (max-width:960px){.is-active .room__container{padding:min(20px,3%);border-radius:5vw}}.is-active .room__inner{position:relative;overflow:hidden;border-radius:20px}@media all and (max-width:960px){.is-active .room__inner{border-radius:3vw}}.is-active .room .scroll{position:absolute;top:9%;left:25.9%;display:flex;justify-content:space-between;align-items:flex-end;width:41.5%;height:55%}.is-active .room .scroll li{width:25.1%}.is-active .room .scroll li.hometown{animation:katakata 12s linear infinite}.is-active .room .scroll li.children{animation:katakata 12s 3s linear infinite}.is-active .room .scroll li.everyone{animation:katakata 12s 6s linear infinite}.is-active .room .scroll li.earth{animation:katakata 12s 9s linear infinite}@media(hover: hover){.is-active .room .scroll a:hover{opacity:1 !important}}@keyframes katakata{0%,16%{transform:rotateZ(0)}17%{transform:rotateZ(-5deg)}18%{transform:rotateZ(3deg)}19%{transform:rotateZ(-3deg)}20%{transform:rotateZ(2deg)}21%{transform:rotateZ(-1deg)}22%,100%{transform:rotateZ(0)}}/*# sourceMappingURL=index.css.map */