@charset "UTF-8";body{font-family:Roboto,Noto Sans JP,sans-serif;height:100%;font-feature-settings:"palt"}img{image-rendering:-webkit-optimize-contrast}.h100{height:100%}.no-list-style{width:100%;padding:0;margin:0;list-style-type:none;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.flex{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.fs11{font-size:11px!important}.fs12{font-size:12px!important}.fs13{font-size:13px!important}.fs14{font-size:14px!important}.fs15{font-size:15px!important}.fs16{font-size:16px!important}.fs18{font-size:18px!important}.fs20{font-size:20px!important}.w100-25,.w100-33,.w100-40,.w100-50,.w100-75{width:100%}.w85-90,.w85-45{width:85%}.sp-view{display:block}.pc-view{display:none}.header{width:100%;height:50px;background:#fff;position:fixed;z-index:100;border-bottom:1px solid #efefef}.header__inner{height:100%;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;flex-wrap:nowrap}.header__logo{font-weight:700}.header__logo a{color:#212529}.header__logo a:hover{text-decoration:none}.header__utility{display:none}.header__btn{margin-left:30px;font-size:14px;line-height:1}.btn-menu{border:0;padding:0;width:50px;height:50px;position:absolute;right:0;top:0;background:#f19ca6}.btn-menu span,.btn-menu span:before,.btn-menu span:after{content:"";display:block;height:3px;width:25px;border-radius:3px;background-color:#fff;position:absolute;transition:all .3s}.btn-menu span{left:12px}.btn-menu span:before{bottom:8px}.btn-menu span:after{top:8px}.btn-menu.open span{background-color:#fff0}.btn-menu.open span:before{bottom:0;transform:rotate(45deg)}.btn-menu.open span:after{top:0;transform:rotate(-45deg)}.wrapper{width:100%;padding-top:50px;padding-bottom:20px}.sidebar{width:100%;display:none;background:#f19ca6;position:fixed;top:50px;left:0;height:calc(100% - 50px);z-index:50}.sidebar nav{width:100%}.sidebar li a{width:100%;display:block;color:#fff;padding:20px 30px;line-height:1;text-align:center;transition:.3s}.sidebar li a.active,.sidebar li a:hover{text-decoration:none;background:#fff;color:#f19ca6}.main{width:100%}.main__inner{padding:10px;min-height:400px}.main__user{margin:0 0 20px;text-align:right;font-size:13px}.main__title{margin-bottom:.7em}.main__lead{margin-bottom:2em}.footer{width:100%;padding:8px;color:#fff;background:#3b4675}@media screen and (min-width: 960px){.sp-view{display:none}.pc-view{display:block}.w100-25{width:25%!important}.w100-33{width:33%!important}.w100-40{width:40%!important}.w100-50{width:50%!important}.w100-75{width:75%!important}.w85-90{width:90%!important}.w85-45{width:45%!important}.fs-md-11{font-size:11px!important}.fs-md-12{font-size:12px!important}.fs-md-13{font-size:13px!important}.fs-md-14{font-size:14px!important}.fs-md-15{font-size:15px!important}.fs-md-16{font-size:16px!important}.fs-md-18{font-size:18px!important}.fs-md-20{font-size:20px!important}.fs-md-22{font-size:22px!important}.fs-md-24{font-size:24px!important}.fs-md-30{font-size:30px!important}.fs-md-34{font-size:34px!important}.fs-md-40{font-size:40px!important}.btn-menu,.main__user,.logout{display:none}.header{height:60px}.header__logo{font-size:20px}.header__utility{display:block;margin-right:15px}.wrapper{padding-top:60px}.main{width:calc(100% - 260px);order:2;margin-left:260px}.main__inner{padding:30px}.main__title{margin-bottom:1em}.sidebar{display:block!important;position:fixed;top:60px;width:260px;height:100%;order:1}.sidebar li a{padding:20px 30px;text-align:left}.no-list-style{position:static;margin:0;transform:none;-webkit-transform:none}}#terms{max-height:280px}@media screen and (min-width: 960px){#terms{max-height:400px}}.top-search .flex>div{width:25%;margin-bottom:1rem}.qre-list .card{width:100%}.qre-list th{font-size:15px;vertical-align:middle}.qre-list td span{font-size:14px}.table th i{margin:0 5px;cursor:pointer}.table th i:hover{opacity:.8}.swiper-container{position:relative}.qre-block{background:#fff;width:100%;margin:0 auto;overflow:hidden;border:1px solid #ccc;border-radius:4px}.qre-block .header-user-name{background:#f5f5f5;padding:5px 20px}.qre-block .description{padding-left:5px;font-size:.9rem;font-weight:400}.swiper-container{width:100%;height:100%}.swiper-slide{padding:40px;height:auto}.swiper-slide .skip-btn-box{position:absolute;z-index:1000;right:0;bottom:-70px}.swiper-button-wrap{width:100%}.swiper-button-next,.swiper-button-prev{width:45%;height:50px;background:#6c757d;justify-content:center;border-radius:4px;text-align:center;line-height:50px;position:static;margin:0;color:#fff}.swiper-button-next,.swiper-button{width:45%;height:50px;color:#fff;background:#007aff;justify-content:center;border-radius:4px;text-align:center;line-height:50px;margin:0}.btn-send{background:#28a745;opacity:1!important}#send h2{margin-top:30px}.swiper-button-disabled{opacity:.5;cursor:auto}.swiper-button-next:after,.swiper-button-prev:after{display:none}.question{font-weight:700;margin-bottom:20px}.answer label{width:100%;margin:0 0 15px;padding:10px 20px 10px 50px;border:1px solid #ccc;border-radius:5px;position:relative;background-color:#fff;color:#2c3e50;cursor:pointer}.answer label:before{content:"";width:24px;height:24px;border-radius:24px;border:3px solid #dc3545;display:inline-block;position:absolute;top:0;bottom:0;left:15px;margin:auto 0}.answer input[type=radio]{display:none}.answer input:checked+label:after{content:"";width:14px;height:14px;border-radius:14px;background-color:#dc3545;display:inline-block;position:absolute;top:0;bottom:0;left:20px;margin:auto 0;z-index:100}.qre-start{height:480px}.swiper-pagination-fraction{position:static;bottom:auto;left:auto;padding:10px 0;line-height:1;background:#f5f5f5}.non-cognitive-skill br{display:block}#tab-feedback .nav-link{background-color:#f5f5f5;color:#007bff;border-radius:0;margin:0;position:relative;transition:.3s}#tab-feedback.nav-pills .nav-link.active{color:#fff;background-color:#f19ca6;border-radius:0}#tab-feedback.nav-pills .nav-link.active:after{content:"";display:block;position:absolute;bottom:-20px;left:50%;margin-left:-20px;width:40px;border-top:20px solid #f19ca6;border-right:20px solid transparent;border-left:20px solid transparent}.qre-comment-type .d-md-flex>div{width:60px;height:60px;border-radius:50%;line-height:60px;text-align:center;font-size:0;display:block;margin:0 auto 20px}.type-other{background:#f9ac00}.type-self{background:#4472c4}.qre-comment-ability th{vertical-align:middle;text-align:center;width:30%}.teacher-manager-icon{display:inline-block;padding:.25em .4em;font-size:80%;font-weight:400;text-align:center;white-space:nowrap;border-radius:.25rem;background:#fe0;color:#c00}.form-group label{margin:.25rem 0}.form-group label .badge{vertical-align:middle}.feedback-comment-box u{color:#dc3545;text-decoration:none}@media screen and (max-width: 767px){.table-feedback th,.table-feedback td{display:block;width:100%;border-bottom:0}.table-feedback th{padding:.5rem;line-height:1.2}.table-feedback tr:last-child td{border-bottom:1px solid #dee2e6}.swiper-slide{padding:20px}.swiper-slide .skip-btn-box{bottom:-50px}.question{font-size:1.2rem}.top-search .flex>div{width:49%}}@media screen and (max-width: 959px){.sidebar li a{width:80%;margin:0 auto}}@media screen and (min-width: 960px){.qre-list th{width:290px}.qre-list>div{width:49%}.non-cognitive-skill br{display:none}.top-search .flex>div{width:20%}.top-search .flex>button{width:8%}.qre-block{width:80%}.qre-comment-type .d-md-flex>div{width:100px;height:100px;line-height:100px;margin:0 20px 0 0}.qre-comment-type p{width:100%;margin:0}.qre-comment-ability th{width:25%}}.font-50p{font-size:50%}.font-60p{font-size:60%}.font-70p{font-size:70%}.font-80p{font-size:80%}.font-90p{font-size:90%}.w-10{width:10px!important}.w-1rem{width:1rem}.font-1rem{font-size:1rem}.min-w-10{min-width:10px}.min-h-10{min-height:10px}.max-w-10{max-width:10px}.max-h-10{max-height:10px}.w-20{width:20px!important}.w-2rem{width:2rem}.font-2rem{font-size:2rem}.min-w-20{min-width:20px}.min-h-20{min-height:20px}.max-w-20{max-width:20px}.max-h-20{max-height:20px}.w-30{width:30px!important}.w-3rem{width:3rem}.font-3rem{font-size:3rem}.min-w-30{min-width:30px}.min-h-30{min-height:30px}.max-w-30{max-width:30px}.max-h-30{max-height:30px}.w-40{width:40px!important}.w-4rem{width:4rem}.font-4rem{font-size:4rem}.min-w-40{min-width:40px}.min-h-40{min-height:40px}.max-w-40{max-width:40px}.max-h-40{max-height:40px}.w-50{width:50px!important}.w-5rem{width:5rem}.font-5rem{font-size:5rem}.min-w-50{min-width:50px}.min-h-50{min-height:50px}.max-w-50{max-width:50px}.max-h-50{max-height:50px}.w-60{width:60px!important}.w-6rem{width:6rem}.font-6rem{font-size:6rem}.min-w-60{min-width:60px}.min-h-60{min-height:60px}.max-w-60{max-width:60px}.max-h-60{max-height:60px}.w-70{width:70px!important}.w-7rem{width:7rem}.font-7rem{font-size:7rem}.min-w-70{min-width:70px}.min-h-70{min-height:70px}.max-w-70{max-width:70px}.max-h-70{max-height:70px}.w-80{width:80px!important}.w-8rem{width:8rem}.font-8rem{font-size:8rem}.min-w-80{min-width:80px}.min-h-80{min-height:80px}.max-w-80{max-width:80px}.max-h-80{max-height:80px}.w-90{width:90px!important}.w-9rem{width:9rem}.font-9rem{font-size:9rem}.min-w-90{min-width:90px}.min-h-90{min-height:90px}.max-w-90{max-width:90px}.max-h-90{max-height:90px}.w-100{width:100px!important}.w-10rem{width:10rem}.font-10rem{font-size:10rem}.min-w-100{min-width:100px}.min-h-100{min-height:100px}.max-w-100{max-width:100px}.max-h-100{max-height:100px}.w-110{width:110px!important}.w-11rem{width:11rem}.font-11rem{font-size:11rem}.min-w-110{min-width:110px}.min-h-110{min-height:110px}.max-w-110{max-width:110px}.max-h-110{max-height:110px}.w-120{width:120px!important}.w-12rem{width:12rem}.font-12rem{font-size:12rem}.min-w-120{min-width:120px}.min-h-120{min-height:120px}.max-w-120{max-width:120px}.max-h-120{max-height:120px}.w-130{width:130px!important}.w-13rem{width:13rem}.font-13rem{font-size:13rem}.min-w-130{min-width:130px}.min-h-130{min-height:130px}.max-w-130{max-width:130px}.max-h-130{max-height:130px}.w-140{width:140px!important}.w-14rem{width:14rem}.font-14rem{font-size:14rem}.min-w-140{min-width:140px}.min-h-140{min-height:140px}.max-w-140{max-width:140px}.max-h-140{max-height:140px}.w-150{width:150px!important}.w-15rem{width:15rem}.font-15rem{font-size:15rem}.min-w-150{min-width:150px}.min-h-150{min-height:150px}.max-w-150{max-width:150px}.max-h-150{max-height:150px}.w-160{width:160px!important}.w-16rem{width:16rem}.font-16rem{font-size:16rem}.min-w-160{min-width:160px}.min-h-160{min-height:160px}.max-w-160{max-width:160px}.max-h-160{max-height:160px}.w-170{width:170px!important}.w-17rem{width:17rem}.font-17rem{font-size:17rem}.min-w-170{min-width:170px}.min-h-170{min-height:170px}.max-w-170{max-width:170px}.max-h-170{max-height:170px}.w-180{width:180px!important}.w-18rem{width:18rem}.font-18rem{font-size:18rem}.min-w-180{min-width:180px}.min-h-180{min-height:180px}.max-w-180{max-width:180px}.max-h-180{max-height:180px}.w-190{width:190px!important}.w-19rem{width:19rem}.font-19rem{font-size:19rem}.min-w-190{min-width:190px}.min-h-190{min-height:190px}.max-w-190{max-width:190px}.max-h-190{max-height:190px}.w-200{width:200px!important}.w-20rem{width:20rem}.font-20rem{font-size:20rem}.min-w-200{min-width:200px}.min-h-200{min-height:200px}.max-w-200{max-width:200px}.max-h-200{max-height:200px}.w-210{width:210px!important}.w-21rem{width:21rem}.font-21rem{font-size:21rem}.min-w-210{min-width:210px}.min-h-210{min-height:210px}.max-w-210{max-width:210px}.max-h-210{max-height:210px}.w-220{width:220px!important}.w-22rem{width:22rem}.font-22rem{font-size:22rem}.min-w-220{min-width:220px}.min-h-220{min-height:220px}.max-w-220{max-width:220px}.max-h-220{max-height:220px}.w-230{width:230px!important}.w-23rem{width:23rem}.font-23rem{font-size:23rem}.min-w-230{min-width:230px}.min-h-230{min-height:230px}.max-w-230{max-width:230px}.max-h-230{max-height:230px}.w-240{width:240px!important}.w-24rem{width:24rem}.font-24rem{font-size:24rem}.min-w-240{min-width:240px}.min-h-240{min-height:240px}.max-w-240{max-width:240px}.max-h-240{max-height:240px}.w-250{width:250px!important}.w-25rem{width:25rem}.font-25rem{font-size:25rem}.min-w-250{min-width:250px}.min-h-250{min-height:250px}.max-w-250{max-width:250px}.max-h-250{max-height:250px}.w-260{width:260px!important}.w-26rem{width:26rem}.font-26rem{font-size:26rem}.min-w-260{min-width:260px}.min-h-260{min-height:260px}.max-w-260{max-width:260px}.max-h-260{max-height:260px}.w-270{width:270px!important}.w-27rem{width:27rem}.font-27rem{font-size:27rem}.min-w-270{min-width:270px}.min-h-270{min-height:270px}.max-w-270{max-width:270px}.max-h-270{max-height:270px}.w-280{width:280px!important}.w-28rem{width:28rem}.font-28rem{font-size:28rem}.min-w-280{min-width:280px}.min-h-280{min-height:280px}.max-w-280{max-width:280px}.max-h-280{max-height:280px}.w-290{width:290px!important}.w-29rem{width:29rem}.font-29rem{font-size:29rem}.min-w-290{min-width:290px}.min-h-290{min-height:290px}.max-w-290{max-width:290px}.max-h-290{max-height:290px}.w-300{width:300px!important}.w-30rem{width:30rem}.font-30rem{font-size:30rem}.min-w-300{min-width:300px}.min-h-300{min-height:300px}.max-w-300{max-width:300px}.max-h-300{max-height:300px}.w-5p{width:5%!important}.min-w-5p{min-width:5%}.min-h-5p{min-height:5%}.max-w-5p{max-width:5%}.max-h-5p{max-height:5%}.w-10p{width:10%!important}.min-w-10p{min-width:10%}.min-h-10p{min-height:10%}.max-w-10p{max-width:10%}.max-h-10p{max-height:10%}.w-15p{width:15%!important}.min-w-15p{min-width:15%}.min-h-15p{min-height:15%}.max-w-15p{max-width:15%}.max-h-15p{max-height:15%}.w-20p{width:20%!important}.min-w-20p{min-width:20%}.min-h-20p{min-height:20%}.max-w-20p{max-width:20%}.max-h-20p{max-height:20%}.w-25p{width:25%!important}.min-w-25p{min-width:25%}.min-h-25p{min-height:25%}.max-w-25p{max-width:25%}.max-h-25p{max-height:25%}.w-30p{width:30%!important}.min-w-30p{min-width:30%}.min-h-30p{min-height:30%}.max-w-30p{max-width:30%}.max-h-30p{max-height:30%}.w-35p{width:35%!important}.min-w-35p{min-width:35%}.min-h-35p{min-height:35%}.max-w-35p{max-width:35%}.max-h-35p{max-height:35%}.w-40p{width:40%!important}.min-w-40p{min-width:40%}.min-h-40p{min-height:40%}.max-w-40p{max-width:40%}.max-h-40p{max-height:40%}.w-45p{width:45%!important}.min-w-45p{min-width:45%}.min-h-45p{min-height:45%}.max-w-45p{max-width:45%}.max-h-45p{max-height:45%}.w-50p{width:50%!important}.min-w-50p{min-width:50%}.min-h-50p{min-height:50%}.max-w-50p{max-width:50%}.max-h-50p{max-height:50%}.w-55p{width:55%!important}.min-w-55p{min-width:55%}.min-h-55p{min-height:55%}.max-w-55p{max-width:55%}.max-h-55p{max-height:55%}.w-60p{width:60%!important}.min-w-60p{min-width:60%}.min-h-60p{min-height:60%}.max-w-60p{max-width:60%}.max-h-60p{max-height:60%}.w-65p{width:65%!important}.min-w-65p{min-width:65%}.min-h-65p{min-height:65%}.max-w-65p{max-width:65%}.max-h-65p{max-height:65%}.w-70p{width:70%!important}.min-w-70p{min-width:70%}.min-h-70p{min-height:70%}.max-w-70p{max-width:70%}.max-h-70p{max-height:70%}.w-75p{width:75%!important}.min-w-75p{min-width:75%}.min-h-75p{min-height:75%}.max-w-75p{max-width:75%}.max-h-75p{max-height:75%}.w-80p{width:80%!important}.min-w-80p{min-width:80%}.min-h-80p{min-height:80%}.max-w-80p{max-width:80%}.max-h-80p{max-height:80%}.w-85p{width:85%!important}.min-w-85p{min-width:85%}.min-h-85p{min-height:85%}.max-w-85p{max-width:85%}.max-h-85p{max-height:85%}.w-90p{width:90%!important}.min-w-90p{min-width:90%}.min-h-90p{min-height:90%}.max-w-90p{max-width:90%}.max-h-90p{max-height:90%}.w-95p{width:95%!important}.min-w-95p{min-width:95%}.min-h-95p{min-height:95%}.max-w-95p{max-width:95%}.max-h-95p{max-height:95%}.w-100p{width:100%!important}.min-w-100p{min-width:100%}.min-h-100p{min-height:100%}.max-w-100p{max-width:100%}.max-h-100p{max-height:100%}.icon-yes.form-control.is-valid{padding:0;border:none;background-position:center;display:inline-block}.list-table thead .sort-btn{padding:3px 6px;font-size:60%;margin:0 1px}.badge.badge-self{font-weight:400;min-width:3rem;color:#fff;background:#4472c4}.badge.badge-parent{font-weight:400;min-width:3rem;color:#000;background:#f7b731}.bg-self{background:#4472c414}.bg-parent{background:#f7b73114}.tooltip-inner{max-width:320px}.answer label{-webkit-user-select:none;user-select:none}.qre-list .table th,.qre-list .table td{padding-right:0;padding-left:0}.qre-list .table th{width:80px}table.list-table tr th{text-align:center;vertical-align:middle}table.list-table tr td{vertical-align:middle}.date-select select{display:inline-block;margin-right:5px;padding-right:calc(1.5em + .75rem);width:auto}.date-select select:last-of-type{margin-right:0}.needs-validation .form-control.is-valid,.needs-validation.was-validated .form-control:valid{background:none;border-color:#ced4da}.needs-validation .form-check-input.is-valid~.form-check-label,.needs-validation.was-validated .form-check-input:valid~.form-check-label{color:inherit}.score-table{width:100%;margin:1rem 0;border-collapse:collapse}.score-table:first-of-type{margin-top:0}.score-table td{border:2px solid #000;text-align:center;font-size:.9rem}.score-table.simple-score-table td{padding:3px;border:1px solid #999}.score-table.simple-score-table td img{object-fit:contain;max-height:100px}.score-table.simple-score-table .img-col{width:6rem}.score-table.simple-score-table .term-col{width:auto}.score-table.score-history-table{table-layout:fixed}.score-table.score-history-table td{padding:3px 0;border:1px solid #999}.score-table.score-history-table td img{object-fit:contain;max-width:100%;max-height:90px}.score-table.score-history-table .term-col{width:auto}.score-table .score-name{width:7rem;padding:10px 5px}.score-table .score-value{width:2.5rem;padding:5px;font-size:1.2rem;font-weight:700}.score-table .score-value .score-label{font-weight:400;font-size:.8rem}.score-table .score-bar{position:relative;padding:0;left:0}.score-table .score-bar .parent{position:absolute;bottom:0;height:70%;background:#f7b731e6;z-index:1}.score-table .score-bar .child{position:absolute;top:0;height:70%;background:#4472c4e6;z-index:2}.score-table .score-bar .parent-score-bar{margin:5px 0;width:0px;height:25px;background:#f7b731e6}.score-table .score-bar .child-score-bar{margin:5px 0;width:0px;height:25px;background:#4472c4e6}.score-table .level-high{color:#20bf6b}.score-table .level-mid{color:#fa8231}.score-table .level-low{color:#eb3b5a}.score-table .badge{font-size:.9rem}.score-table .badge.level-high{background:#20bf6b;color:#fff}.score-table .badge.level-mid{background:#fa8231;color:#fff}.score-table .badge.level-low{background:#eb3b5a;color:#fff}@media screen and (max-width: 640px){.score-table.simple-score-table .img-col,.score-table.score-history-table .term-col{width:5rem}}.score-comment-box{border:2px solid #000;border-top:0;padding:.5rem;font-size:.9rem}.drop-shadow{box-shadow:0 5px 5px #0003}.recommend-list-box{max-width:calc(604px + 1rem);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}.recommend-list-box.preview{justify-content:center}.recommend-list-box .recommend-item{width:calc(50% - .5rem);max-width:302px;margin:0 0 1rem;border:1px solid #ccc;position:relative}.recommend-list-box .recommend-item .factor-name{position:absolute;left:5px;top:5px;background:#8cabde;color:#fff;border-radius:10px;padding:3px 10px;font-size:.7rem}.recommend-list-box .recommend-item .img-box{display:flex;justify-content:center;align-items:flex-start;width:100%;height:auto}.recommend-list-box .recommend-item .img-box img{width:100%;height:auto;max-height:169px;object-fit:cover}.recommend-list-box .recommend-item .title-box{padding:.5rem}.recommend-list-box .recommend-item .date-box{text-align:right;font-size:.8rem;padding:0 .5rem .5rem}.feedback-group-box{display:flex;flex-wrap:wrap;justify-content:space-between}.feedback-group-box>.left{width:2rem;margin:0;padding:0}.feedback-group-box>.right{width:calc(100% - 2rem);margin:0;padding:0}.feedback-group-box .graph-box{position:relative;border:2px dotted #999}.feedback-group-box .graph-box .graph{width:100%;display:flex;flex-wrap:wrap}.feedback-group-box .graph-box .graph>div{width:50%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.feedback-group-box .graph-box .graph>div>div{width:50%;height:clamp(70px,18vw,100px);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;color:#fff;font-size:60px;position:relative}.feedback-group-box .graph-box .graph>div>div img{margin:auto;padding:15px;height:clamp(70px,100%,100px)}.feedback-group-box .graph-box .graph>div>div span{position:absolute;left:7px;top:3px;font-size:32px;text-shadow:1px 1px 1px #999;line-height:initial}.feedback-group-box .graph-box .line-v{position:absolute;top:0;width:2px;height:100%;border-left:2px dotted #999}.feedback-group-box .graph-box .line-v.line-1{left:calc(25% - 1px)}.feedback-group-box .graph-box .line-v.line-2{left:calc(50% - 2px);top:0;height:100%;border-left:4px solid #00b050}.feedback-group-box .graph-box .line-v.line-3{left:calc(75% - 1px)}.feedback-group-box .graph-box .line-h{position:absolute;left:0;width:100%;height:2px;border-bottom:2px dotted #999}.feedback-group-box .graph-box .line-h.line-1{top:calc(25% - 1px)}.feedback-group-box .graph-box .line-h.line-2{top:calc(50% - 2px);right:0;width:100%;border-bottom:4px solid #4472c4}.feedback-group-box .graph-box .line-h.line-3{top:calc(75% - 1px)}.feedback-group-box .graph-box .type-label{position:absolute;width:50%;text-align:center;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer}.feedback-group-box .graph-box .type-label.team-player{top:0;right:50%;bottom:50%;left:0}.feedback-group-box .graph-box .type-label.hero{top:0;right:0;bottom:50%;left:50%}.feedback-group-box .graph-box .type-label.rookie{top:50%;right:50%;bottom:0;left:0}.feedback-group-box .graph-box .type-label.task-player{top:50%;right:0;bottom:0;left:50%}.feedback-group-box .graph-box .arrow-v{color:#00b050;position:absolute;top:-5px;left:0;width:100%;text-align:center}.feedback-group-box .graph-box .arrow-v img{width:20px}.feedback-group-box .graph-box .arrow-h{color:#4472c4;transform:rotate(90deg);position:absolute;top:calc(50% - 12px);right:-5px}.feedback-group-box .graph-box .arrow-h img{height:20px}.feedback-group-box .graph-axis-y{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;flex-flow:column;font-size:1.2rem;width:2rem}.feedback-group-box .graph-axis-y>div{width:1rem;text-align:center;color:#00b050}.feedback-group-box .graph-axis-x{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;font-size:1.2rem;height:2rem}.feedback-group-box .graph-axis-x>div{text-align:center;color:#4472c4}.top-bnr{padding:10px 30px 30px}.bottom-bnr{padding:30px 30px 10px}.bottom-bnr.sp-view{padding:10px}.form-btn{width:40%;max-width:200px}.edit-btn-box{width:40%;max-width:120px}.edit-btn-box .btn{width:100%}.account-detail .item-row,.questionnaire-detail .item-row{display:flex;width:100%;flex-wrap:wrap;margin:5px 0;align-items:stretch}.account-detail .item-row .col-name,.questionnaire-detail .item-row .col-name{background:#eee;padding:5px;display:flex;align-items:center}.account-detail .item-row .col-name label,.questionnaire-detail .item-row .col-name label{padding:0;margin:0}.account-detail .item-row .col-value,.questionnaire-detail .item-row .col-value{padding:5px}.responsive-search-form{display:flex;flex-wrap:wrap;padding:5px;background:#e9ecef}.responsive-search-form .search-item{width:50%;display:flex;align-items:center;margin:3px 0;flex-wrap:nowrap}.responsive-search-form .search-item .item-label{width:7.5rem;display:inline-block;text-align:center}.responsive-search-form .search-item .item-input{width:calc(100% - 7.5rem)}.responsive-search-form.user-search-form .item-name{width:30%}.responsive-search-form.user-search-form .item-grade{width:20%}.responsive-search-form.user-search-form .item-pref,.responsive-search-form.user-search-form .item-entry{width:25%}.responsive-search-form.user-search-form .item-teacher{width:30%}.responsive-search-form.user-search-form .item-gender{width:20%}.responsive-search-form.user-search-form .item-event{width:50%}.responsive-search-form.teacher-search-form .item-name{width:40%}.responsive-search-form.teacher-search-form .item-gender,.responsive-search-form.teacher-search-form .item-join{width:30%}.responsive-search-form.teacher-search-form .item-number{width:40%}.responsive-search-form.teacher-search-form .item-academic,.responsive-search-form.teacher-search-form .item-blank{width:30%}.bg-team-player{background:#fff2cc}.bg-rookie{background:#ededed}.bg-hero{background:#e2efda}.bg-task-player{background:#ddebf7}.users-nav.nav-pills .nav-link{color:#17a2b8;background-color:#fff;border:1px solid #17a2b8}.users-nav.nav-pills .nav-link.active{color:#fff;background-color:#17a2b8;border:1px solid #17a2b8}.feedback-group-list-box{margin:1rem 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.feedback-group-list-box table{background:#fff}.feedback-group-list-box .img-box img{width:220px;height:220px}.feedback-group-list-box .table-box{min-width:360px;display:flex;flex-wrap:nowrap}.feedback-group-list-box .active-group{background:#c00;color:#fff}#ext-tooltip{position:absolute;pointer-events:none;background:#000000bf;color:#fff;padding:5px;font-size:13px;font-weight:400}#ext-tooltip .ext-tooltip-box .tooltip-title{font-size:14px;font-weight:700}#ext-tooltip .ext-tooltip-box .tooltip-desc{padding:5px 0}#ext-tooltip .ext-tooltip-box .tooltip-body{padding:1px 0}.answer-summary-table-box{display:flex;flex-wrap:nowrap}.answer-summary-table-box>div{width:100%}.answer-summary-table-box table{table-layout:fixed;font-size:90%;margin:0;width:100%}.answer-summary-table-box table thead th{padding:.1rem;border-width:1px}.touch-device .multiselect-container.dropdown-menu{padding-right:2.5rem;background:#f0f0f0}.touch-device .multiselect-container.dropdown-menu .dropdown-item{background:#fff}.touch-device .multiselect-container.dropdown-menu .dropdown-item span{overflow:hidden}.feedback-view{max-width:1000px}.feedback-view .qre-result{width:100%;position:relative;margin:0 auto}.faq .card{margin:1rem 0}.faq strong{display:inline-block;margin-right:.5rem}.button-user-self{font-weight:400;color:#fff;background:#4472c4}.button-user-self:hover{color:#fff}.button-user-parent{font-weight:400;color:#000;background:#f7b731}.button-user-parent:hover{color:#000}.print-inner{background:#fff;margin:25px 10%;padding:3rem}.print-scroll-box{max-height:50vh;overflow-y:auto}.print-account-box{padding:10px 0;border-bottom:1px solid #000}.print-account-box:last-child{border:none}.csv-format-table th,.csv-format-table td{vertical-align:middle}@media (max-width: 767.98px){.table-wrapper{overflow-x:auto}.table-wrapper table{width:768px}.responsive-search-form .search-item{width:100%!important}.answer-summary-table-box{flex-wrap:wrap}}@media (max-width: 991.98px){.table-wrapper{overflow-x:auto}.table-wrapper table{width:992px}.qre-list .card-body{padding:.75rem}}@media print{body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-inner{background:none;margin:0;padding:0}.print-scroll-box{max-height:initial}.wrapper{padding:0}.no-print{display:none!important}.print-page{page-break-after:always}.print-page:last-child{page-break-after:auto}.print-page-break-before{page-break-before:always}.feedback-view{max-width:initial;margin:0}.feedback-view .mt-4.drop-shadow{margin-top:1rem!important}.feedback-view .feedback-group-list-box .img-box img{max-width:220px;max-height:220px}.feedback-view .feedback-group-list-box .table-bordered .active-group th,.feedback-view .feedback-group-list-box .table-bordered .active-group td{background:#c00!important;color:#fff!important}.feedback-view .feedback-group-box .graph-box{border-width:1px dotted #999}.feedback-view .feedback-group-box .graph-box .graph img{max-width:100px;max-height:100px}}