@media (max-width: 575px){.alert.alert-danger{width:310px!important;padding:10px}.chart-section{margin:auto!important}.alert-danger li:nth-child(1){margin-top:10px}.alert-danger li{margin-left:-8px}.mobile-header-container{display:flex;flex-direction:row;position:absolute;top:.2rem;justify-content:space-between;width:100%}.result-header-section{top:2rem!important;left:2rem!important;position:absolute!important}.header-section{position:absolute!important;top:2rem!important;left:1rem!important}.category-counter{text-align:left;position:relative!important;top:2rem;right:1rem!important}.result-header-section{top:3rem;left:2rem!important}footer.footer{gap:1rem!important}canvas#radarChart{padding:0!important}.login-form{width:329px!important}.page-title{padding:15px 10px!important;font-size:19px!important}.register-form{display:block!important}.register-btn{justify-content:center!important;padding:10px!important;margin-top:0!important;margin-right:0!important}.form-left-col{min-width:310px!important}.register-container{margin-bottom:25px}.content-container{height:100vh!important;font-size:15px!important;padding:0 15px!important;margin-top:-112px!important}.reg-complete-container{display:flex!important;position:relative!important;z-index:1!important;padding:0!important;border-radius:15px!important;text-align:center!important;max-width:450px!important;width:100%!important;flex-direction:column!important;justify-content:center!important;height:65vh!important;gap:25px!important}a.button-md{width:10rem!important;text-align:center}.categories-container{position:relative;z-index:1;padding:0!important;text-align:center;min-width:fit-content!important;max-width:fit-content!important;margin-bottom:40px!important}.question-button-container{justify-content:center!important}.chart-container{position:relative;flex-direction:column!important}.radar-chart-container{width:300px!important;height:300px!important}.bar-chart-container{width:300px!important;height:300px!important;margin-top:0!important}.answer-result-container{margin-top:40px;position:relative}div#downloadWrapper{display:flex!important;flex-direction:row!important;justify-content:center!important}.complete-question-button-container{margin-bottom:4rem!important}.question-text:before{height:15px!important;width:15px!important}.question-text{padding-left:25px!important}canvas#barChart{margin-top:0!important}}@media (min-width: 576px) and (max-width: 767px){.login-form{width:329px!important}.chart-section{margin:auto!important}.alert.alert-danger{width:310px!important;padding:10px}.alert-danger li:nth-child(1){margin-top:10px}.alert-danger li{margin-left:-8px}.result-header-section{top:2rem!important;left:2rem!important;position:absolute!important}.answer-result-container{margin-top:40px;position:relative}.mobile-header-container{display:flex;flex-direction:row;position:absolute;top:.2rem;justify-content:space-between;width:100%}.header-section{position:relative!important;top:2rem;left:1rem!important}.category-counter{text-align:left;position:relative!important;top:2rem;right:1rem!important}.result-header-section{position:absolute;top:3rem;left:2rem}.page-title{padding:15px 21px!important}.register-form{display:block!important}.register-btn{justify-content:center!important;padding:10px!important;margin-top:0!important;margin-right:0!important}.form-left-col{min-width:310px!important}.register-container{margin-bottom:25px}canvas#radarChart{padding:0!important}canvas#barChart{margin-top:0!important}.categories-container{min-width:fit-content!important;max-width:fit-content!important}.chart-container{position:relative;flex-direction:column!important}}@media (min-width: 768px) and (max-width: 991.98px){.register-form{display:flex!important;justify-content:center!important;gap:47px!important;flex-wrap:nowrap!important;flex-direction:row!important}.result-header-section{top:2rem!important;left:2rem!important;position:absolute!important}.chart-container{position:relative;flex-direction:column!important}.answer-result-container{margin-top:40px;position:relative}.mobile-header-container{display:flex;flex-direction:row;gap:8rem;position:absolute;top:.2rem}.header-section{position:relative!important;top:2rem;left:0rem!important}.category-counter{text-align:left;position:relative!important;top:2rem;right:0rem!important}.form-left-col{flex:1.5!important;min-width:381px!important;max-width:60%!important;text-align:left!important}.form-right-col{flex:1!important;min-width:183px!important;max-width:40%!important;text-align:left!important}.header-section{top:2rem;left:2rem!important}footer.footer{gap:1rem!important;width:98vw}.categories-container{min-width:fit-content!important;max-width:fit-content!important}}@media (max-height: 700px){body.ready .content{padding-bottom:9rem!important}}body{margin:0;max-width:100%!important;font-family:游ゴシック体 Pr6N,sans-serif;display:block;justify-content:center;min-height:100vh;background-color:#f0f0f0;position:relative;color:#333;box-sizing:border-box}html{overflow-y:scroll}.content{visibility:hidden}body.ready .content{visibility:visible;display:flex;justify-content:center}body.ready{display:flex;flex-direction:column}.content{padding-top:7rem}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/background_pc2.png);background-size:cover;background-repeat:no-repeat;background-position:center;filter:none;z-index:-1}.background-overlay *,.background-overlay *:before,.background-overlay *:after{animation:none!important;transition:none!important}.register-container{position:relative;padding-top:30px;width:80%}.questions-header-section{text-align:left;width:100%;padding:2rem 0}.header-section{position:absolute;top:2rem;left:15rem}.private-header-section{position:absolute;top:10rem;left:8rem}.category-counter{text-align:left;position:absolute;top:2rem;right:10rem}.page-title{font-size:24px;color:#333;margin:0;font-weight:700;display:inline-block;position:relative;background-image:url(/assets/frame.png);background-repeat:no-repeat;background-position:center;background-size:255px auto;padding:15px 45px;box-sizing:border-box}.register-form{display:flex;justify-content:space-between;width:100%;gap:150px;flex-wrap:wrap;background:#ffffffa8;padding:2rem;border-radius:20px}.form-left-col{flex:1.5;min-width:350px;max-width:60%;text-align:left}.form-right-col{flex:1;min-width:280px;max-width:40%;text-align:left}.form-group-register{margin-bottom:20px}.form-group-register label{display:block;font-size:15px;color:#333;margin-bottom:8px;font-weight:700}.form-group-register input[type=email],.form-group-register input[type=password],.form-group-register input[type=text],.form-group-register input[type=tel],.form-group-register input[type=url]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box;background-color:#fff}.form-group-register input::placeholder{color:#aaa}.form-group-register input:focus{outline:none;border-color:#a94442;box-shadow:0 0 0 2px #a9444233}.required-badge{background-color:#a94442;color:#fff;font-size:11px;padding:2px 6px;border-radius:3px;margin-left:8px;font-weight:400;vertical-align:middle}.form-group-radio{margin-bottom:25px}.radio-group-title{display:block;font-size:15px;color:#333;margin-bottom:8px;font-weight:700}.radio-options{display:flex;flex-direction:column;gap:10px}.radio-container{display:block;position:relative;padding-left:28px;margin-bottom:0;cursor:pointer;font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#333;text-align:left;font-weight:400}.radio-container input{position:absolute;opacity:0;cursor:pointer}.radio-checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#fff;border:1px solid #ccc;border-radius:50%}.radio-container:hover input~.radio-checkmark{background-color:#caa1a6}.radio-container input:checked~.radio-checkmark{background-color:#fff}.radio-checkmark:after{content:"";position:absolute;display:none}.radio-container input:checked~.radio-checkmark:after{display:block}.radio-container .radio-checkmark:after{top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#67161f}.submit-button{background:linear-gradient(90deg,#67161f,#e6e6e6,#67161f);background-size:200% 100%;border:none;color:#fff;padding:8px 25px;border-radius:9999px;font-size:16px;cursor:pointer;margin-top:0;margin-bottom:0;font-weight:700;text-align:center;box-sizing:border-box;transition:background-position .5s ease;box-shadow:0 5px 10px #0000004d;position:absolute;bottom:-30px;right:20px;z-index:10}.submit-button:hover{background-position:100% 0;box-shadow:0 8px 15px #0006}.error-message{color:red;font-size:.875rem;margin-top:.25rem;display:block}.content-container{height:100vh;display:flex;align-items:center;justify-content:center;margin-top:-7rem}.text-center{text-align:center}a.primary,button.primary{padding:12px 24px;border:none;border-radius:30px;background:linear-gradient(to right,#6a0000,#aa1c1c);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #0000004d;position:relative;overflow:hidden;text-decoration:none;text-align:center;min-height:3rem!important}a.primary:before,button.primary:before,a.primary:after,button.primary:after{content:"";position:absolute;width:20%;height:20%;background:#fff;opacity:.4;border-radius:50%;pointer-events:none}a.primary:before,button.primary:before{top:-5%;left:-5%;box-shadow:-5px -5px 15px #fff}a.primary:after,button.primary:after{bottom:-5%;right:-5%;box-shadow:5px 5px 15px #fff}a.secondary-button{text-decoration:none;background-color:#fff;justify-items:center;border-radius:25px;display:flex;padding:11px;justify-content:center;font-weight:600;color:#333}.cancel-btn{background-color:#bcbcbc!important;border-color:#bcbcbc!important;border-radius:120px!important;padding:10px 20px!important}.logo-reg-complete img{width:120px;height:auto;display:block;margin:0 auto 5px}.register-btn{display:flex;flex-direction:row;justify-content:flex-end;margin:2rem 0rem 8rem}.reg-complete-container{display:flex;position:relative;z-index:1;padding:50px 40px;border-radius:15px;text-align:center;max-width:450px;width:100%;flex-direction:column;justify-content:center;align-items:center;height:65vh;gap:25px}.completion-message{font-size:24px;color:#333;font-weight:700;margin:0}.categories-container{position:relative;z-index:1;padding:30px 40px;border-radius:15px;text-align:center;min-width:900px;max-width:900px;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;overflow-y:auto;box-sizing:border-box;flex-grow:1}.categories-form{width:100%;text-align:left;flex-grow:1;overflow-y:auto;height:100%}.question-group{margin-bottom:5px;padding:10px}.question-text{font-size:16px;color:#333;margin-top:0;margin-bottom:20px;line-height:1.6}.radio-options-categories{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.radio-container-categories{display:block;position:relative;padding:12px 15px 12px 45px;cursor:pointer;font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#333;background-color:#fff;border:1px solid #ddd;border-radius:5px;transition:background-color .3s ease,border-color .3s ease}.radio-container-categories:hover{background-color:#f0f0f0}.radio-container-categories input{position:absolute;opacity:0;cursor:pointer;border-radius:8px;height:0;width:0}.radio-checkmark-categories{position:absolute;top:50%;left:15px;transform:translateY(-50%);height:20px;width:20px;background-color:#fff;border:1px solid #ccc;border-radius:50%;transition:background-color .3s ease,border-color .3s ease}.radio-container-categories:hover .radio-checkmark-categories{background-color:#caa1a6;border-color:#ddd}.radio-container-categories input:checked~.radio-checkmark-categories{background-color:#fff;border-color:#ccc}.radio-checkmark-categories:after{content:"";position:absolute;display:none}.radio-container-categories input:checked~.radio-checkmark-categories:after{display:block}.radio-container-categories .radio-checkmark-categories:after{top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:#67161f;transform:translate(-50%,-50%)}.question-button-container{display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:5rem}.complete-question-button-container{display:flex;justify-content:center;margin-top:7rem}.chart-container{display:flex;flex-direction:row;justify-content:space-between;gap:50px;height:80%;border-radius:25%;margin-bottom:50px}.answer-result-container{margin-top:40px;position:relative}.login-form{display:flex;flex-direction:column;gap:15px;width:500px}.login-button-container{display:flex;flex-direction:column;align-items:center;gap:20px}.login-button-container>button{width:150px}.forgot-password-link{color:#6a0000;text-align:center}.radar-chart-container,.bar-chart-container{width:600px;height:600px}.question-text{font-size:16px;color:#333;margin-top:0;margin-bottom:15px;line-height:1.6;position:relative;padding-left:40px}.question-text:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:25px;height:25px;background-color:#67161f;border-radius:50%}.button-md{min-width:10rem}.button-md:disabled{opacity:.5!important;cursor:not-allowed}.sidebar{width:220px;background-color:#ddd;padding:1rem;position:absolute;left:0;height:100vh;top:0}.sidebar nav a{display:block;margin-bottom:1rem;color:#212121;text-decoration:none}.sidebar nav a:hover{text-decoration:underline}.private-content .header-section{top:2rem;left:20rem}.private-content{display:flex;justify-content:center;margin:auto}.sidebar-logo img{width:5rem!important}.sidebar-logo{display:flex!important;align-items:center!important;justify-content:center!important}.nav{margin-top:3rem;font-size:18px}.logout-form{position:absolute!important;top:2rem!important;right:2rem!important}.clients-table{position:relative;margin:10rem 0 0 1rem}.private-layout-container{display:flex;flex-direction:column;align-items:center;justify-content:start;height:fit-content}span.radio-checkmark-categories.multiple-choice{border-radius:20%!important}span.radio-checkmark-categories.multiple-choice{border-radius:4px!important}.radio-container-categories input:checked~.radio-checkmark-categories.multiple-choice:after{display:block;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:6px;height:12px;border:solid #67161f;border-width:0 2px 2px 0;background:none}.radio-container-categories .radio-checkmark-categories.multiple-choice:after{background:none!important;border-radius:0!important}.chart-section{background-color:#f0f0f0;padding:20px;border-radius:3%}.chart-section label{font-weight:700;font-size:22px;border:5px solid #aa1c1c;padding-left:10px;border-top:none;border-right:none;border-bottom:none}canvas#barChart{margin-top:3rem;padding:20px}canvas#radarChart{padding:50px}footer.footer{text-align:center;margin-top:4rem;background-color:#c7c7c7;padding:2rem 0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3rem;position:absolute;bottom:0;width:99.2vw}.footer-nav-url{color:#000;text-decoration:none;font-weight:500}.verification-page{height:71vh}.multiple-choice-label{color:#333;margin-bottom:0;opacity:80%}.result-header-section{position:absolute;top:3rem;left:15rem}.alert{padding:15px;border-radius:5px;margin-bottom:20px;font-size:16px}p.custom-tooltip{font-size:11px}.score-list{list-style:disc;padding-left:1.5rem}.score-list li::marker{color:#8b0000;font-weight:700}.gemini-result{max-width:36rem;margin:auto;max-height:33rem;overflow-y:auto;overflow-x:hidden;margin-bottom:9rem}.progress-bar-container{width:100%;margin:20px auto;text-align:center}.progressbar{counter-reset:step;display:flex;justify-content:space-between;list-style:none;padding:0;margin:0}.progressbar li{position:relative;flex:1;text-align:center;font-size:12px;color:#999}.progressbar li:before{content:counter(step);counter-increment:step;width:33px;height:33px;line-height:30px;border:2px solid #67161f;display:block;text-align:center;margin:0 auto 10px;border-radius:50%;background-color:#fff;color:#67161f;font-weight:700}.progressbar li:after{content:"";position:absolute;width:100%;height:2px;background-color:#67161f;top:15px;left:-50%;z-index:-1}.progressbar li:first-child:after{content:none}.progressbar li.active{color:#8b0000}.progressbar li.active:before{border-color:#8b0000;background-color:#8b0000;color:#fff}.progressbar li.completed{color:#333}.progressbar li.completed:before{border-color:#8b0000;background-color:#fff;color:#8b0000;font-weight:700}.progressbar li.completed:after{background-color:#8b0000}.btn-outline{border:#434b53 2px solid;color:#393f46;padding:5px 10px;border-radius:8px}.btn-outline-danger{border:#8b0000 2px solid;color:#8b0000;padding:5px 10px;border-radius:8px}.btn-row-group{display:flex;flex-direction:row;justify-content:center;justify-items:center;gap:10px}.top-bar{display:flex;flex-direction:row;height:5rem;margin-top:2rem;background:#bcbcbc;justify-content:space-between;align-items:center;padding:20px}.top-bar-logo img{width:4rem}.list-controls{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin-bottom:15px;padding:0 10px;box-sizing:border-box;margin-top:5rem}.items-per-page{display:flex;align-items:center;gap:10px}.items-per-page label{font-size:14px;color:#333;font-weight:400}.custom-select{position:relative;display:inline-block}.custom-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 30px 6px 10px;font-size:14px;color:#333;cursor:pointer;min-width:80px}.custom-select select:focus{outline:none;border-color:#7d191e}.select-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;background-image:url(../img/downarrow_mark.png);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;pointer-events:none;z-index:1}.custom-select:focus-within .select-arrow{background-image:url(../img/uparrow_mark2.png)}.pagination-container{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.pagination-btn{background-color:#7d191e;color:#fff;border:none;padding:10px 25px;border-radius:9999px;cursor:pointer;transition:background-color .3s ease}.pagination-btn:hover{background-color:#9d7575}.page-numbers{display:flex;gap:8px}.page-number{width:36px;height:36px;border-radius:50%;border:1px solid #ccc;background-color:#fff;color:#333;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.page-number.active{background-color:#7d191e;color:#fff;border-color:#7d191e}.arrow-icon{width:15px;height:6px;transition:transform .3s ease}.logout-icon{width:20px;height:19px;margin-top:-5px;margin-right:3px}.pagination-container{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:40px;margin-bottom:60px;flex-wrap:wrap}.pagination-btn{background:linear-gradient(90deg,#7d191e,#7d191e 30%,#e6e6e6 50%,#7d191e 65%,#7d191e);background-size:200% 100%;border:none;color:#fff;padding:12px 30px;border-radius:9999px;font-size:16px;font-weight:400;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px #00000080;min-width:120px}.pagination-btn:hover{background-position:100% 0;box-shadow:0 8px 15px #0006;transform:translateY(-2px)}.page-numbers{display:flex;align-items:center;gap:10px}.page-number{width:36px;height:36px;border-radius:50%;border:1px solid #ccc;background-color:#fff;color:#333;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.page-number:hover{background-color:#f0f0f0;border-color:#999}.page-number.active{background-color:#7d191e;color:#fff;border:1px solid #7D191E;box-shadow:0 0 6px #7d191e66;transition:all .3s ease}.dash-btn{margin-left:20px;margin-top:-5px;font-size:16px}.btn-group{display:flex;gap:10px}.top-right-buttons{width:100%;justify-content:flex-end}.btn-row-group form{display:flex;align-items:center;justify-content:center;margin-bottom:0}.forgot-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.forgot-password-card{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.forgot-password-card h1{font-size:24px;font-weight:600;margin-bottom:8px;text-align:center;color:#333}.subtitle{text-align:center;color:#666;font-size:14px;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-control{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.form-control:focus{outline:none;border-color:#8b0000;box-shadow:0 0 0 3px #8b00001a}.form-control.is-invalid{border-color:#dc3545}.invalid-feedback{color:#dc3545;font-size:12px;margin-top:4px;display:block}.alert{padding:12px;margin-bottom:20px;border-radius:4px}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert p{margin:4px 0}.rp-form-buttons{display:flex;gap:12px;margin-top:24px}.rp-form-buttons button{flex:1}.reset-link-sent-container{display:flex;justify-content:center;align-items:center;margin-top:-10rem}.reset-link-sent-card{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:500px;text-align:center}.success-icon{width:60px;height:60px;background-color:#6a0000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 20px}.reset-link-sent-card h1{font-size:24px;font-weight:600;margin-bottom:16px;color:#333}.message{color:#666;font-size:14px;line-height:1.6;margin-bottom:24px}.tips{background-color:#f8f9fa;padding:16px;border-radius:4px;margin-bottom:24px;text-align:left}.tips p{margin:0 0 8px;font-size:14px;font-weight:500;color:#333}.tips ul{margin:8px 0 0 16px;padding:0;list-style-position:inside}.tips li{font-size:13px;color:#666;margin-bottom:4px;line-height:1.5}.action-buttons{display:flex;gap:12px;justify-content:center}.reset-password-container{width:100%;display:flex;justify-content:center;align-items:center}.reset-password-card{background:#fff;padding:60px;border-radius:12px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:500px}.reset-password-card h1{font-size:24px;font-weight:600;margin-bottom:8px;text-align:center;color:#333}
