:root{font-family:Helvetica Neue,Arial,Yu Gothic,YuGothic,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--main-text-color);background-color:var(--main-bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--url-text-color);text-decoration:underline}body{margin:0}h1{font-size:2.7em;line-height:1;margin:.5em 0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;background-color:var(--primary-color);cursor:pointer;transition:border-color .25s}@media(hover:hover)and (pointer:fine){button:hover{border-color:var(--button-hover-color)}}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}main{padding:0 1em}.normal-section{margin:1em 0;padding:1em;background-color:var(--normal-section-bg-color);border-radius:12px;box-shadow:0 4px 8px var(--translucent-b-bg-color)}.normal-section h2{margin:0 0 0 1em}.normal-section p{margin:1em 0 .5em}.alert{background-color:var(--warn-bg-color);color:var(--warn-text-color);border:2px solid var(--warn-border-color);border-radius:5px;padding:1em;margin:20px 1em}.alert h2{color:var(--warn-text-color);margin:0;display:flex;align-items:center;gap:.5rem}.alert p{margin:1em 0 0}.first-view{width:100%;min-height:100vh;background:url(/assets/top-image-CLvlcuXr.webp) center / cover}.first-view-content{width:100%;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:1.3rem}h1.first-view-h1{width:100%;color:var(--heading-text-color);font-size:4rem}.scroll{position:absolute;right:1em;bottom:calc(1em + 65px);writing-mode:vertical-rl}.scroll:before{animation:scroll 2s infinite;background-color:var(--heading-text-color);bottom:-65px;content:"";height:50px;left:0;margin:auto;position:absolute;right:0;width:1px}@keyframes scroll{0%{transform:scaleY(0);transform-origin:0 0}50%{transform:scale(1);transform-origin:0 0}51%{transform:scale(1);transform-origin:0 100%}to{transform:scaleY(0);transform-origin:0 100%}}.normal-section ul{list-style:none;padding:0;margin:0 0 0 1em}.button-link{flex:1;min-width:10rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin:.5rem;padding:1.5rem;background-color:var(--primary-color);border-radius:40px;border:1px solid var(--translucent-w-bg-color);box-shadow:0 4px 8px var(--translucent-b-bg-color);color:var(--main-text-color);text-decoration:none;text-align:center;font-size:1.3rem;transition:background-color .3s ease}@media(hover:hover)and (pointer:fine){.button-link:hover{background-color:var(--button-hover-color)}}.button-link svg{width:3rem;height:3rem}.button-link-section{display:flex;gap:1em;flex-wrap:wrap}.catch-copy{font-size:1.5rem;margin-bottom:1rem;margin-left:.5em;color:var(--heading-text-color)}.catch-copy span{color:var(--accent-color)}body.no-top-padding{padding-top:0!important}footer{background-color:var(--footer-bg-color);color:var(--footer-text-color);text-align:center;padding:1rem 0}footer ul{list-style:none;padding:0 1rem;margin:0;display:grid;grid-template-columns:repeat(2,1fr)}footer ul li{margin:.2rem 1rem}footer ul li a{color:var(--footer-text-color)}footer p{margin:.5rem 0 0;font-size:.9rem}header{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:1.2rem;width:fit-content;padding:.5rem 1rem;background-color:var(--translucent-b-bg-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;border:1px solid var(--translucent-w-bg-color);box-shadow:0 4px 8px var(--translucent-b-bg-color);position:fixed;top:10px;left:10px;z-index:900}header img{width:2.3rem}.menu-button{display:flex;justify-content:center;align-items:center;background-color:var(--translucent-b-bg-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;border:1px solid var(--translucent-w-bg-color);box-shadow:0 4px 8px var(--translucent-b-bg-color);position:fixed;top:10px;right:10px;cursor:pointer;padding:1.05rem 1rem;z-index:990}.drawer-overlay{position:fixed;inset:0;background:#0000;visibility:hidden;transition:background .28s ease,visibility .28s;z-index:1000}.drawer-overlay.open{background:var(--overlay-bg-color);visibility:visible}.drawer-panel{position:fixed;top:0;right:-100%;width:80%;height:100%;z-index:1001;background-color:var(--drawer-bg-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--translucent-w-bg-color);box-shadow:0 4px 8px var(--translucent-b-bg-color);transition:right .28s ease;padding:1rem;display:flex;flex-direction:column}.drawer-panel.open{right:0}.drawer-close{position:absolute;right:8px;top:8px;background:none;border:none;font-size:1.4rem;cursor:pointer}.drawer-content ul{list-style:none;padding:0;margin:0}.drawer-content li{padding:.75rem 0}.drawer-content a{text-decoration:none;color:var(--text-color);font-size:1.1rem}body{padding-top:4rem}h1{font-size:2.5em;margin-left:1rem;margin-bottom:1rem}:root{--primary-color: #0f3aa0;--accent-color: #eb6a25;--main-bg-color: #1a1a1a;--warn-bg-color: #8b1414;--translucent-b-bg-color: rgba(0, 0, 0, .2);--translucent-w-bg-color: rgba(255, 255, 255, .2);--overlay-bg-color: rgba(0, 0, 0, .5);--drawer-bg-color: rgba(0, 0, 0, .46);--normal-section-bg-color: #272727;--footer-bg-color: #121212;--url-bg-color: #2e2e2e;--main-text-color: #f2f2f2f0;--heading-text-color: #ffffff;--warn-text-color: #ffffff;--url-text-color: #646cff;--footer-text-color: #888888;--button-hover-color: #424bfe;--warn-border-color: #cb5353}#qrcode-data{text-align:center;font-size:1em;color:var(--main-text-color)}.url-container{background-color:var(--url-bg-color);color:var(--url-text-color);overflow:auto;white-space:nowrap;padding:10px;border-radius:5px;margin-top:10px;font-size:.8em;-webkit-user-select:all;user-select:all}#copy-url{display:block;margin:10px auto}#copy-succeed{text-align:center;color:green;font-weight:700}#about-performance{text-align:center;font-weight:700;margin:10px 0;font-size:3em;color:var(--heading-text-color)}#for-whom{text-align:center;margin-top:5px;margin-right:1em;font-size:1.2em;color:var(--text-color)}.notes ul{padding-left:1em;font-size:.9em}
