*{box-sizing:border-box}.no-scroll{overflow:hidden;position:fixed}a{color:inherit;font-size:inherit;font-weight:inherit;text-decoration:none}a img{cursor:pointer}a:active{background-color:transparent !important;outline:none !important;appearance:none}#content a{color:#6042d0;text-decoration:underline}.text-a{color:#6042d0;text-decoration:underline}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}body{font-family:'Avenir Next', 'Noto Sans JP', 'Hiragino Sans', sans-serif;font-size:16px;font-weight:500;color:#393939;width:100%;overflow-x:hidden;margin:0}.main-color{color:#00C293}.main-background-color{background-color:#00C293;color:white}section{width:100%;padding:60px 0px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.top-margin{margin-top:50px}.head{font-size:1.7em;font-weight:bold;width:fit-content;margin:8px auto 0 10px;border-bottom:3px solid #6042d0}h1{font-size:3em;line-height:1.3;letter-spacing:-1px;margin-bottom:0;text-align:center;font-weight:bold}p{margin:4px 0}.sub-font{color:#9c9c9c;font-size:0.8em}.link{color:#6042d0}.character-counter{margin:0;font-size:0.8em;text-align:right}.caution-color{color:red}.sentense{font-size:0.8em;line-height:2}.sentense-head{border-left:8px solid #00C293;padding:10px 0 8px 8px;text-align:left;font-size:1.2em;margin-top:30px}.icon{height:100%;aspect-ratio:1 / 1;border-radius:50%}.cover{width:100%;height:auto}.between{display:flex;justify-content:space-between}.text-center{text-align:center;margin:8px 0 0 0}.button-main{width:calc(100% - 40px);max-width:500px;padding:6px 25px;margin:10px auto;font-weight:bold;display:flex;justify-content:center;height:40px;border-radius:32px;align-items:center;border:none}.button-second{width:calc(100% - 40px);max-width:500px;padding:6px 25px;margin:10px auto;font-weight:bold;display:flex;justify-content:center;height:40px;border-radius:32px;align-items:center;border:2px solid #9c9c9c}.button-second:hover{background-color:#ececec}.button-first{border:2px solid #00C293;border-radius:24px;padding:4px 6px}.btn-primary{background-color:#00C293;color:white}.btn-primary:hover{background-color:#008f6c}.btn-secondary{background-color:#ff386e;color:white}.btn-secondary:hover{background-color:#ff0549}.btn-tertiary{background-color:#6042d0;color:white}.btn-tertiary:hover{background-color:#492cb3}.rounded-bg{background-color:#00C293;color:white;border-radius:16px;padding:2px 8px}.mini-button{background-color:#00C293;color:white;border-radius:16px;padding:2px 8px;font-size:0.8em;font-weight:bold}input[type="text"],input[type="password"],input[type="email"],input[type="datetime-local"]{width:100%;min-width:0;max-width:100%;-webkit-appearance:none;border:1px solid #9c9c9c;border-radius:32px;font-size:16px;padding:6px 20px;height:40px;transition:border-color 0.3s ease;margin:5px 0;background-color:white;cursor:pointer}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="datetime-local"]:focus{border-color:#00C293;outline:none}input[type="text"]::placeholder,input[type="password"]::placeholder,input[type="email"]::placeholder{color:#9c9c9c}input[type="checkbox"]{appearance:none;border:1px solid #9c9c9c;width:20px;height:20px;border-radius:4px;position:relative;vertical-align:middle;transition:background-color 0.3s;cursor:pointer}input[type="checkbox"]:checked{background-color:#00C293;border-color:#00C293}input[type="checkbox"]:checked::before{content:"\2714";color:white;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}input[type="submit"]{width:100%;border:none;background-color:#00C293;border-radius:32px;font-size:16px;color:white;font-weight:bold;padding:6px 25px;height:40px;margin:5px 0;cursor:pointer}input[type="submit"]:hover{background-color:#008f6c}.datetime{width:100%;border:1px solid #9c9c9c;border-radius:32px;font-size:16px;padding:6px 25px;height:40px;transition:border-color 0.3s ease;margin:5px 0;cursor:pointer}.datetime:focus{border-color:#00C293;outline:none}select{width:100%;color:#393939;border:1px solid #9c9c9c;border-radius:32px;font-size:16px;padding:6px 25px;height:40px;transition:border-color 0.3s ease;margin:5px 0;cursor:pointer}textarea{width:100%;border:1px solid #9c9c9c;border-radius:8px;font-size:16px;padding:6px 10px;height:180px;transition:border-color 0.3s ease;margin:5px 0;cursor:pointer;resize:vertical}textarea::placeholder{color:#9c9c9c}select:focus,textarea:focus{border-color:#00C293;outline:none}.field{width:100%;margin-top:10px;max-width:600px}.actions{margin-top:30px}@keyframes toast-in{from{transform:translateX(150%)}to{transform:translateX(0)}}@keyframes toast-out{from{transform:translateX(0)}to{transform:translateX(150%)}}.toast{position:fixed;top:50px;right:1rem;padding:8px 12px;border-radius:0.5em;color:#393939;z-index:9999;box-shadow:0 2px 6px rgba(0,0,0,0.3);transition:opacity 0.3s ease;animation:toast-in 0.3s ease forwards}.toast.notice{background-color:#d4edda;color:#155724}.toast.alert{background-color:#f8d7da;color:#721c24}.toast.hide{animation:toast-out 0.3s ease forwards}.hidden{display:none}.required{font-size:0.8em;color:red}header{position:fixed;background-color:white;top:0;left:0;padding:0 10px;width:100%;height:50px;z-index:1000;display:flex;justify-content:space-between;align-items:center;transform:translateY(0);transition:transform 0.3s ease}.header-hidden{transform:translateY(-100%)}.header-button{display:inline-flex;justify-content:center;align-items:center;border:2px solid #00C293;border-radius:24px;padding:0 6px;height:fit-content}.notification{font-size:16px;color:white;background-color:#00C293}.menu-button{font-size:36px;margin:0 0 6px 8px}.menu-close-button{font-size:36px}.nav-menu{position:absolute;top:0;left:0;width:100%;height:calc(var(--vh, 1vh) * 100);overflow-y:auto;transform:translateY(-100%);background-color:white;transition:transform 0.3s ease-in-out;display:flex;flex-direction:column;align-items:center}.nav-menu.open{transform:translateY(0)}.menu-box-top{width:80%;height:calc(30% - 50px);padding:10px 0;display:flex;flex-direction:column;justify-content:center}.menu-box-middle{width:80%;height:50%;font-size:clamp(0.8em, 2vh, 1.2em);font-weight:bold;padding:10px 0;border-top:1px solid #9c9c9c;display:flex;flex-direction:column;gap:13px}.menu-box-low{width:80%;height:20%;padding:10px 0;border-top:1px solid #9c9c9c;display:flex;justify-content:center;align-items:center}.menu-user-box{width:100%;height:40%;display:flex;flex-direction:row}.menu-user-menu{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;font-size:clamp(0.8em, 2vh, 1.2em);font-weight:bold;padding-top:10px}.menu-low-box{width:100%;height:80%;font-size:0.8em;display:flex;flex-direction:row;gap:20px}.page-box{display:flex;flex-direction:column;width:100%;max-width:600px;padding:20px 10px}.page-box-center{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:20px 10px}.space-v{padding:20px 0}.divider{border-top:1px solid #9c9c9c;padding-top:20px;margin-top:10px}.title{font-size:1.5em;font-weight:bold;width:fit-content;margin:8px auto 0 0}.question-button{background-color:#00C293;color:white;border-radius:50%;width:24px;height:24px;font-weight:bold;margin-bottom:8px}.toggle-button{background-color:white;border-radius:24px;width:50px;color:#393939;border:1px solid #00C293;padding:4px 0;margin-bottom:8px}.button-active{background-color:#00C293;color:white}.accordion-content{height:0;overflow:hidden;transition:height 0.3s ease;background-color:whitesmoke}.accordion-inner{padding:16px 8px}.news-item{padding:10px 0;border-bottom:1px solid #9c9c9c}.title-index{font-weight:bold;font-size:1.1em;width:fit-content;margin:8px auto 0 0}.date{color:#9c9c9c;font-size:0.8em}.tag{border-radius:24px;width:fit-content;padding:4px 8px;font-weight:bold}.tag-index{border-radius:24px;width:fit-content;padding:3px 6px;font-size:0.8em;font-weight:bold}.category-notice{background-color:red;color:white}.category-update{background-color:blue;color:white}.category-maintenance{background-color:orange;color:white}.tab-box{display:flex;flex-direction:column}.tab-list{display:flex;overflow-x:auto;white-space:nowrap;gap:5px}.tab-list::-webkit-scrollbar{display:none}.tab{font-weight:bold;padding:10px 20px;cursor:pointer;text-align:center;border-bottom:2px solid #9c9c9c}.tab.active{border-bottom:2px solid #00C293}.tab-content{margin-top:30px;display:none}.tab-content.active{display:block}.studio-card{width:100%;height:70px;display:flex;flex-direction:row;margin:5px 0;padding:5px 0;border-bottom:1px solid #9c9c9c}.studio-card-content{display:flex;flex-direction:column;height:100%;width:100%;margin-left:10px}.event-card{width:100%;display:flex;flex-direction:column;margin:5px 0;padding:5px 0;border-bottom:1px solid #9c9c9c;justify-content:space-between}.event-card-inner{border-left:5px solid #00C293;padding-left:8px}.studio-top-top{width:100%;display:flex;flex-direction:row}.studio-top-bottom{width:100%;display:flex;flex-direction:row;justify-content:space-between;padding:0 10px}.sns-icon{width:30px;height:30px}.owner{color:orange}.manager{color:green}.eventer{color:aqua}.master{color:purple}.meter-outer{width:100%;height:10px;background-color:#9c9c9c;border-radius:10px;margin-bottom:20px}.meter-inner{height:100%;border-radius:10px;background-color:#00C293;width:0%}.meter-full{background-color:orange}.event-vis-container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.event-vis-box{width:70px;display:flex;flex-direction:column;align-items:center;padding:8px 0}.event-vis-name{font-size:0.8em;height:2.2em;overflow:hidden}.event-vis{width:48px;height:48px;margin-bottom:4px;font-weight:bold;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #00C293}.vis-filled{background-color:#00C293;color:white}.vis-overflow{background-color:orange;border:2px solid orange;color:white}.vis-current-user{box-shadow:0 0 0 4px #6042d0}.user-modal{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.5);display:none;align-items:center;justify-content:center;z-index:1000}.user-modal.is-active{display:flex}.user-modal-box{background-color:white;border-radius:8px;padding:24px;width:90%;max-width:400px;text-align:center;box-shadow:0 10px 25ox rgba(0,0,0,0.2)}.modal-icon{width:60%;aspect-ratio:1 / 1;object-fit:cover;border-radius:50%}.role-table{font-size:0.8em;border:0.5px solid #393939;text-align:center}.role-table th,.role-table td{border:0.5px solid #9c9c9c}.guide-nav{width:100%;font-weight:bold;margin:50px 0;padding:10px 5px;position:relative}.guide-nav-scroll{margin:5px;overflow-x:auto;position:relative;z-index:5}.guide-nav-index{display:flex;flex-direction:row;gap:10px;min-width:max-content;margin-bottom:10px}.guide-index-content{width:250px;display:flex;flex-direction:column;gap:5px;border-radius:12px;padding:8px 8px;border:2px solid #393939;background-color:#f0f0f0}.guide-image{margin:30px auto;width:50%;height:auto}.guide-image-wide{margin:30px auto;width:90%;height:auto}.guide-index-image{width:30%;height:auto;position:absolute;z-index:1}.guide-title{font-size:1.5em;font-weight:bold;text-align:center}.guide-sentense{margin:10px 0}.back-to-top-button{position:fixed;bottom:50px;right:20px;width:50px;height:50px;padding:10px 10px;font-size:1.5em;background-color:#00C293;color:white;border-radius:50%;z-index:1000}.faq-title{margin:30px 0}.faq-box{border-top:0.5px solid #9c9c9c;margin:0 10px}.faq-question{min-height:50px;padding:5px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer}.faq-answer{height:0;overflow:hidden;transition:height 0.3s ease}.simple-calendar{width:100%;margin-bottom:20px}.simple-calendar td{height:50px}.calendar-heading{display:flex;justify-content:space-between;margin-bottom:10px}.table{width:100%;table-layout:fixed}.day{text-align:center;position:relative}.saturday{color:blue}.sunday{color:red}.today{border:2px solid #00C293}.selected{border-bottom:3px solid #00C293}.calendar-dot{content:"";position:absolute;top:15%;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background-color:#00C293}.carendar-arrow{background-color:#00C293;border-radius:50%;color:white;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:bold}.hero-bg{position:absolute;width:100%;height:200%;top:0;left:0;animation:scrollBackground 120s linear infinite;z-index:0;overflow:hidden}.hero-bg-image{display:block;width:110%;height:auto;transform:translateX(-5%);opacity:0.4}@keyframes scrollBackground{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}.hero-overlay{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(to bottom, white 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 70%, white 100%)}.slide-start{opacity:0}.slide-visible{animation:SideSlide 0.6s ease-out 0.2s both}@keyframes SideSlide{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.about-head{border-radius:50%;background-color:#00C293;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;color:white}.about-box{display:flex;flex-direction:row;gap:10px;position:relative;z-index:5}.top-start-guide{width:50%;height:300px;border:2px solid #00C293;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10% 10px;background-color:white}footer{width:100%;height:auto;background-color:#f3f3f3;display:flex;flex-direction:column;padding:30px 10px 10px 20px;font-size:0.8em}.footer-box{display:flex;flex-direction:column;justify-content:left;gap:10px}.footer-logo{display:block;margin:0 auto;width:auto;height:40px}body{margin:0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:white}.App-link{color:#61dafb}.heart{color:#ff0000}.small{font-size:0.75rem}