@charset "UTF-8";html{position:relative;width:100%;min-height:100%}body{min-width:1024px;margin:0;font-family:Roboto,Noto Sans JP,Meiryo,sans-serif;font-kerning:normal;font-variant-ligatures:common-ligatures contextual;background:#f7f8f9;text-rendering:optimizeLegibility}th,td{text-align:center}*{font-family:Roboto,Noto Sans JP,Meiryo,sans-serif}#logo{position:relative;margin:56px 0 -16px;color:#616161}.login-area{width:440px;padding:20px;margin:auto;text-align:center}.login-area input{width:326px;height:38px;padding:0 16px;margin:0 0 16px;font-size:medium;color:#616161;background:#fff;border:1px solid #cad1d7;border-radius:20px}input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}#login-btn{display:inline-block;width:340px;padding:10px;margin:48px 0;font-size:large;line-height:36px;color:#fff;text-decoration:none;border:0;border-radius:36px}#main-panel{margin:0 0 8px;background:#f7f8f9}#body-panel,.body-panel{box-sizing:border-box;width:100%;text-align:left}#title-bar{display:flex;gap:8px;align-items:center;margin:6px 24px 2px;text-align:left}#title{font-size:24px;font-weight:300;line-height:40px;letter-spacing:3px}.alert-message{font-size:small;color:#f5495b;text-align:left}.empty-table-data{font-size:small;color:#616161;text-align:left}#infomsg,.infomsg{font-size:small;text-align:left}#search-panel,.search-panel{padding-bottom:14px;margin:8px 0 0;text-align:left;border-bottom:1px solid #d5dbe0}label.for-update{display:inline-flex;width:260px;color:#616161;cursor:pointer;background-color:transparent;border:solid 1px #cad1d7;border-radius:16px}label.for-update::-ms-expand{margin-top:-5px}input#text{background-color:transparent}.box-full{box-sizing:border-box;width:100%;padding:0 24px 16px}.box-40{box-sizing:border-box;display:inline-block;width:40%;padding:0 32px 0 0}.box-60{box-sizing:border-box;float:left;width:60%;padding:0 0 0 32px}.box-title{font-size:20px;font-weight:600;line-height:40px;color:#616161;text-align:left;letter-spacing:2px}.box-body{position:relative;padding:8px 16px 16px;background-color:#fff;border:1px solid #eceef1;border-radius:16px}.box-body.page-fit{height:calc(100vh - 199px);min-height:200px}.box-tabs+.box-body.page-fit{height:calc(100vh - 240px);min-height:234px}.box-body.page-fit .scroll_div{max-height:100%;overflow:hidden auto}ul.box-tabs{position:relative;z-index:2;display:flex;flex-wrap:wrap;padding:0 0 0 16px;margin:0 0 -1px;list-style:none}.tab-item .nav-link{padding:12px 16px 8px;font-size:14px;color:#8796a5;letter-spacing:0;background:#eceef1 0 0 no-repeat padding-box;border-top:1px solid #eceef1;border-right:1px solid #eceef1;border-left:1px solid #eceef1;border-radius:8px 8px 0 0;opacity:1}.tab-item .nav-link:hover{color:#546e7a;background:#f1f2f5 0 0 no-repeat padding-box;border-color:#f1f2f5}.tab-item .nav-link.active{font-weight:500;pointer-events:none;background-color:#fff}.highlight-row{background:#f8fdf4}.search-caption{font-size:12px;font-weight:400;line-height:1;color:#616161}*+.search-caption,*+.green-btn-s,#submit-button{margin-left:8px}.green-btn-s.disabled,#submit-button.disabled{pointer-events:none;opacity:.5}.input-title{margin:13px 0;font-size:20px;font-weight:600;line-height:40px;color:#616161;letter-spacing:2px}.input-caption{display:inline-block;width:140px;margin-top:8px;font-size:14px;line-height:32px;color:#616161;text-align:left}.input-box{display:inline-block;width:70px;height:28px;padding-left:11px;margin:0;font-size:16px;color:#616161;text-align:left;border:solid 1px #cad1d7;border-radius:17px;outline:none}.input-box-in-table{display:inline-block;width:70%;height:22px;padding:0 8px;margin:0;font-size:12px;color:#616161;text-align:center;border:solid 1px #cad1d7;border-radius:12px;outline:none}.input-unit{display:inline-block;margin:0 0 0 4px;font-size:14px;color:#616161;text-align:left}.green-btn-s{display:inline-block;padding:6px 16px;font-size:14px;font-weight:600;line-height:20px;color:#fff;text-align:center;text-decoration:none;border:unset;border-radius:24px;transition:.5s}.green-btn-s:hover{transition:.5s}.green-btn-c,.green-btn-employee{display:inline-block;padding:6px 16px;font-size:14px;font-weight:400;line-height:20px;text-align:center;text-decoration:none;letter-spacing:0;vertical-align:middle;cursor:pointer;background:none;border-radius:24px;transition:.5s}.green-btn-c:hover,.green-btn-employee:hover{transition:.5s}.gray-btn-c{display:inline-block;padding:6px 16px;font-size:14px;font-weight:400;line-height:20px;color:#afafaf;text-align:center;text-decoration:none;letter-spacing:0;vertical-align:middle;background:none;border-radius:24px;transition:.5s}.green-btn-icon{display:inline-block;height:24px;padding:4px 16px;line-height:24px;text-align:center;text-decoration:none;cursor:pointer;background-color:#0000;border-radius:24px;transition:.5s}.green-btn-icon:hover{transition:.5s}.gray-btn-icon{display:inline-block;height:24px;padding:4px;line-height:24px;color:#757575;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;background-color:#0000;border-radius:16px;transition:.5s}.gray-btn-icon:hover,.active-icon-bg{color:#616161;background:#e1e4e8;transition:.5s}.gray-btn-icon:active{background:#d5dbe0}.btn-disabled{display:inline-block;padding:4px;font-size:14px;font-weight:400;line-height:20px;color:#afafaf!important;text-align:center;text-decoration:none;letter-spacing:0;pointer-events:none;background:none;border-radius:24px;transition:.5s}.orange-btn{display:inline-block;width:158px;padding:5px;font-size:14px;font-weight:700;line-height:30px;color:#fff;text-align:center;text-decoration:none;border:0;border-radius:20px;transition:.5s}.orange-btn:hover{transition:.5s}.line-btn-s{display:inline-block;padding:6px 14px;font-size:14px;font-weight:600;line-height:16px;color:#888;text-align:center;text-decoration:none;border:2px solid #888;border-radius:20px;transition:.5s}.line-btn-s:hover{background:#eaeaea;transition:.5s}.gray{color:#c6c6c6}.yellow{text-align:center;background-color:#fbe0004d}.orange{text-align:center;background-color:#ff99004d}.red{text-align:center;background-color:#ea34324d}input[type=file]{-ms-display:none}input[type=checkbox]{position:relative;width:16px;height:16px;cursor:pointer}input[type=text].mail,.code,.name{width:85%;height:24px;padding:0 8px;margin:0;font-size:12px;line-height:2;border:solid 1px #bfc7cf;border-radius:13px}input[type=text].code:focus{height:22px}input[type=text].name:focus{height:22px;line-height:2}input[type=text][disabled].mail{width:85%;height:24px;padding:0 8px;margin:0;line-height:2;background:#fff;border:solid 1px #e1e4e8;border-radius:13px}input[type=text].filter{width:120px;height:30px;padding:0 8px;margin-right:16px;font-size:12px;line-height:2;color:#616161;border:solid 1px #bfc7cf;border-radius:16px;transition-duration:.5s}input[type=text].filter:focus{transition-duration:.5s}input[type=text]:focus{outline:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{margin:0;appearance:none}input[type=number]{color:#616161;text-align:center;appearance:textfield;border:1px solid #cad1d7;border-radius:16px;opacity:1}input[type=number]:focus{outline:0;transition-duration:.5s}input[type=password]{line-height:0;text-align:left}input[type=password]:focus{outline:0}.line-btn{display:inline-block;width:158px;padding:5px;font-size:14px;font-weight:700;line-height:26px;color:#888;text-align:center;text-decoration:none;border:2px solid #888;border-radius:20px;transition:.5s}.line-btn:hover{background:#eaeaea;transition:.5s}.filter-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;font-size:12px;color:#546e7a;cursor:pointer;background-color:#fff;border:1px solid #eceef1;border-radius:24px;transition:.5s}.filter-btn.active{background-color:#eceef1}.filter-btn:hover{background-color:#f7f8f9}.filter-btn.active:hover{background-color:#e1e4e8}.clearfix:after{clear:both;content:""}.text-link{color:#616161;text-decoration:none}.text-link:hover{text-decoration:underline}.navi-icon-valid{color:#757575;cursor:pointer}.navi-icon-invalid{color:#bfc7cf;cursor:default}.division_code,.division_name,.employee_code,.employee_name,.text_left{text-align:left}.chartWrapper{position:relative;height:100%}.chartWrapper>canvas{position:absolute;top:0;left:0;pointer-events:none}.chartAreaWrapper{height:100%;overflow-y:scroll}#tooltip,.tooltip{z-index:10;display:inline-block;margin-top:0}#tooltip #tooltiptext,.tooltip .tooltiptext{position:absolute;right:0;z-index:10;width:400px;padding:16px;margin-top:16px;font-size:12px;font-weight:500;color:#fff;text-align:left;visibility:hidden;background:#757575e5;border-radius:8px;transition-delay:.4s}#tooltip:hover #tooltiptext,.tooltip:hover .tooltiptext{z-index:10;visibility:visible;transition-delay:.8s;transition-duration:0s}@media only screen and (width <= 2200px){div.scroll_div{overflow:auto}}@media screen and (width <= 1400px){#title{font-size:24px;font-weight:300;letter-spacing:1px}html{position:relative;width:100%}.box-body{position:relative;padding:8px 16px 16px;background-color:#fff;border:solid #eceef1;border-width:1px;border-radius:16px}div.scroll_div{overflow:auto}}.htBlock-calendarMonth{font-size:12px;line-height:28px}.htBlock-calendarMonth.period{width:108px}button{cursor:pointer}#title_popup{display:inline-block;padding:16px;font-size:24px;line-height:24px;color:#616161;text-align:left;text-decoration:none;cursor:pointer;background-color:#0000;border-radius:24px;transition:.5s}.pop_title{padding:0;margin:16px 8px;color:#616161}.emp_table_container{height:70%;overflow:auto}#popup_employee{position:fixed;bottom:0;left:0;z-index:1;width:100%;height:400px;visibility:hidden;border-top:1px solid #cad1d7}#popup_employee_content{position:absolute;width:100%;min-width:1024px;height:480px;margin:auto;overflow-y:auto;text-align:center;background-color:#fff}.scrollview table{width:100%;border-spacing:0}.deptable th{width:16px;height:32px;padding-top:0;padding-bottom:0;line-height:0;color:transparent;white-space:nowrap;vertical-align:middle;border:none}.deptable th div{line-height:normal;vertical-align:middle;background:transparent}#deptfixedheader{position:absolute;width:96%}#deptfixedbody{display:block;width:96%;height:220px;max-height:220px;overflow:hidden auto}#chart-div,.chart-div{overflow:hidden}.onoffswitch{position:relative;width:48px;user-select:none}.onoffswitch-checkbox{display:none}.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #fff;border-radius:16px}.onoffswitch-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0s}.onoffswitch-inner:before,.onoffswitch-inner:after{box-sizing:border-box;display:block;float:left;width:50%;height:24px;padding:0;font-family:Trebuchet,Arial,sans-serif;font-size:9px;font-weight:700;line-height:24px;color:#fff}.onoffswitch-inner:before{padding-left:5px;content:"ON"}.onoffswitch-inner:after{padding-right:5px;color:#fff;text-align:right;content:"OFF";background-color:#cad1d7}.onoffswitch-switch{position:absolute;top:0;right:20px;bottom:0;display:block;width:10px;margin:7px;background:#fff;border:2px solid #fff;border-radius:16px;transition:all .3s ease-in 0s}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0}.green-text-link{font-size:12px;text-decoration:underline}.combo{width:180px;height:32px;font-size:12px;color:#616161;background-color:#fff}label[disabled]{color:#ccc;pointer-events:none}.fade-layer{pointer-events:none;background:#fff;opacity:.4}.ms-drop.bottom{min-width:142px!important;font-size:12px;line-height:16px;color:#616161}.ms-choice{height:32px;padding:0 8px;margin-right:16px;font-size:12px;line-height:32px;color:#616161;border:1px solid #cad1d7;border-radius:16px}.ms-choice:focus{outline:none}.ms-choice>span{left:7px}.ms-choice>span:focus{outline:none}.ms-parent{width:144px!important}.ms-choice>span.placeholder{color:#f90}.ms-drop input[type=checkbox]{margin-top:0}input[type=checkbox]:before{position:absolute;top:0;left:0;display:block;width:14px;height:14px;content:"";background-color:#fff;border:1px solid #767676;border-radius:3px}input[type=checkbox]:checked:before{background-color:#3f75ff;border:1px solid #4a8fff}input[type=checkbox]:checked:hover:before,input[type=radio]:checked:hover:after{background-color:#305dc9}input[type=checkbox]:checked:after{position:absolute;top:1px;left:5px;display:block;width:4px;height:9px;content:"";border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:disabled:before{position:absolute;display:block;width:14px;height:14px;content:"";background-color:#f8f8f8;border:1px solid #d1d1d1}input[type=checkbox]:disabled:checked:before{background-color:#c6c6c6}input[type=radio]{appearance:none;content:none;outline:none!important}input[type=radio]:checked{position:relative;display:inline-block;line-height:20px;cursor:pointer}input[type=radio]:before{top:0;left:0;display:block;width:11px;height:11px;content:"";background:#fff;border:1px solid #767676;border-radius:50%}input[type=radio]:checked:before{border:1px solid #3f75ff}input[type=radio]:checked:after{position:absolute;top:7px;left:7px;width:7px;height:7px;content:"";background:#3f75ff;border-radius:100%}input[type=radio]:checked:hover:before{border-color:#305dc9}input[type=radio]:not(:checked):after{opacity:0}input[type=radio]:checked:after{opacity:1;transform:translate3d(-56%,-56%,0)}.select-hidden{padding-right:10px;visibility:hidden}.select{position:relative;display:inline-block;min-width:80px;height:32px;font-size:12px;line-height:16px;color:#616161;vertical-align:middle;cursor:pointer}.select-styled{position:absolute;inset:0;padding:8px 4px 8px 16px;font-weight:400;line-height:14px;background-color:#fff;border:solid 1px #cad1d7;border-radius:16px}.select-styled:active,.select-styled.active{background-color:#fff}.select-options{position:absolute;top:100%;right:0;left:0;z-index:999;display:none;padding:0;margin:0;list-style:none;background-color:#fff;border:solid 1px #cad1d7}.select-options li{padding:0 2px 1px;margin:0;text-indent:15px}.select-options li:hover,.select-options li.current{color:#fff;background:#6cb8ff}.select-options li[rel=hide]{display:none}.ms-drop{border:1px solid #cad1d7}.ms-drop ul{padding:8px}.inner-nav-tab{display:flex;width:100%;padding:0;margin:0 0 16px;list-style:none;border-bottom:2px solid #d5dbe0}.inner-nav-item{height:34px;margin-bottom:-2px}.inner-nav-item:hover{border-bottom:2px solid #8796a5}.inner-nav-item.active .inner-nav-link{font-weight:600;pointer-events:none}.inner-nav-link{display:inline-block;padding:8px 16px;font-size:14px;color:#616161;text-decoration:none}div.krkr-button-img{bottom:5px}.pageGuideIcon{display:inline-block;padding:0 7px;margin:-8px;font-size:24px;color:#cad1d7;vertical-align:baseline;cursor:default;border-radius:16px;transition:.3s}.pageGuideIcon:hover{color:#b4bdc7;transition:.3s}.toolTipWrapper{position:absolute;z-index:995;display:inline-block;padding-left:24px;margin-left:-24px}.iconWrapper{display:inline-block}.pageGuideIcon:hover .toolTipWrapper{padding-left:unset;margin-left:unset;transition-delay:.5s}.toolTipWrapper:hover .toolTipTriangle,.pageGuideIcon:hover .toolTipTriangle{display:inline-block;transition-delay:.5s}@keyframes guideline_open{0%{opacity:0}to{opacity:1}}.toolTipTriangle{position:absolute;z-index:998;display:none;width:20px;height:20px;margin-top:6px;margin-left:12px;cursor:default;background:#fff;border:1px solid #cad1d7;border-top-color:#fff;border-right-color:#fff;transform:rotate(45deg);animation:guideline_open .5s linear 0s}.toolTipWrapper:hover .toolTipText,.pageGuideIcon:hover .toolTipText{display:inline-block}.toolTipText{z-index:997;display:none;width:400px;padding:16px;margin-left:10px;font-size:12px;font-weight:500;line-height:20px;color:#616161;letter-spacing:.05em;cursor:default;background:#fff;border:solid 1px #cad1d7;border-radius:16px;transition-delay:.3s;transform:translateY(-12px) translate(12px);animation:guideline_open .5s linear 0s}.toolTipText .pageGuideIcon{transition:0s}.guide-content-title{padding-bottom:10px;font-size:20px;font-weight:700;letter-spacing:.05em}.guide-content-mid-title{margin:16px 0 4px;font-size:16px;font-weight:700;color:#616161;letter-spacing:.05em}.guide-content{padding-left:20px;margin:0}.guide-content-section-title{margin:8px 0 0;font-weight:500;text-decoration:underline}.guide-content-table{width:auto!important;margin-left:24px;table-layout:fixed}.guide-content-table td{min-width:unset;padding-right:8px;line-height:16px!important;text-align:left;pointer-events:none;border-bottom:0!important}.guide-attention{width:160px;background:linear-gradient(transparent 80%,#ffe24d 80%)}.guide-highlight{color:#616161}.guide-highlight a{margin-right:8px}.guide-content-mid-title .md-18{padding-right:2px;vertical-align:-3px}ul.guide-help{list-style-type:none}.guide-content .md-24{vertical-align:-7px}.toolTipText img{padding-top:16px}.toolTipText .div-left{display:inline-block}.toolTipText .div-right{display:inline-block;float:right}.display-line{display:inline-block}.table-sort-arrow{width:24px;font:24px Material Icons Round;color:#bfc7cf}.working-hours-total{padding-top:23px}.working-hours-gender{padding-top:18px}.overtime-total{padding-top:5px}.img-spacing img{padding-top:10px}.threshold-img-spacing{padding-left:15px}.late-early-absent-bar-chart{padding-left:10px}.late-early-absent-line-chart{padding-top:60px;padding-right:185px}.clear-spacing{padding:0!important}.scale-image img{width:200px;height:100px}select{min-width:80px;height:32px;padding:0 8px;margin-top:8px;margin-right:16px;font-family:Roboto,Noto Sans JP,Meiryo,sans-serif;font-size:12px;appearance:none;cursor:pointer;background:none;border:solid 1px #cad1d7;border-radius:16px}select:focus{outline:none;transition-duration:.5s}select::-ms-expand{display:none}select:hover{margin-top:8px;border:1px solid #cad1d7}.single-select-drop{position:absolute;top:100%;right:0;left:0;z-index:999;display:none;padding:0;margin-top:-1px;overflow:hidden;background-color:#fff;border:solid 1px #cad1d7;border-radius:16px}.single-select-options{max-height:250px;padding-left:0;margin:0;overflow:auto}.single-select-options .md-16{line-height:16px;vertical-align:-4px}.select-arrow-drop-down-position{float:right;margin-top:-4px}.single-select-drop ul>li{position:static;display:list-item;padding:8px 16px;list-style:none}.single-select-drop ul>li label{position:relative;display:block;padding-left:1.25rem;margin-bottom:0;font-weight:400;white-space:nowrap;cursor:pointer}.single-select-drop ul>li label div{margin-top:0;margin-right:2px;margin-left:-1.25rem}#noti-box{position:absolute;top:42px;right:25px;z-index:100;display:none;width:400px;padding:8px 0 0;text-align:left;background:#fff;border-radius:16px!important;box-shadow:0 0 10px #0003}#noti-count[data-notification-count="0"]{display:none}.noti-span{display:inline-block;padding:12px 32px 12px 8px}span.noti-dot{display:inline-block;width:4px;height:4px;margin:0 6px 0 -12px;vertical-align:2px;background-color:#f5495b;border-radius:50%}span.noti-type{display:inline-block;width:56px;height:20px;font: 12px/20px Noto Sans CJK JP,sans-serif;text-align:center;letter-spacing:0;border-radius:4px;opacity:1}span.noti-type-new-feature{color:#1d9e48;background:#d1ebda 0 0 no-repeat padding-box}span.noti-type-notice{color:#616161;background:#e1e4e8 0 0 no-repeat padding-box}span.noti-type-caution{color:#f18800;background:#fce7cc 0 0 no-repeat padding-box}span.noti-type-none{visibility:hidden}div.new-feature{display:flex}.noti-content .open-in-new-icon{display:flex;padding-top:3px;opacity:1}.hide-unread-dot{visibility:hidden}.noti{position:relative}.noti-icon__badge{position:absolute;top:4px;display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:13px;font-size:10px;color:#fff;background:#f5495b;border-radius:7px}.scroll-noti-div{max-height:200px;overflow-y:auto;line-height:20px}.noti-box-header{padding:8px 0 8px 32px;font-weight:700;line-height:12px;color:#616161}.noti-date{font-weight:700}div.noti-placeholder,div.noti-content{top:40px;padding:8px 16px 8px 32px}div.noti-placeholder:hover,div.noti-content:hover{background-color:#e5f3e2}.noti-placeholder:has(~.noti-content){display:none}div.noti-content:hover{cursor:default}.noti-content span:last-child{display:block}.noti-content a{font-size:12px;font-weight:400;text-decoration:none}.noti-text{display:none;font-size:12px;color:#616161;letter-spacing:0;opacity:1}.noti-scroll-wrapper{overflow:hidden;border-radius:0 0 16px 16px!important}div.unread-noti:hover{cursor:pointer}.multi-digit{padding:0 4px}.interval-between-icon{margin-right:8px}.deploy-info{position:absolute;color:#ccc}