.top_navigation{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#00aaeb;display:-webkit-box;display:-ms-flexbox;display:flex;height:50px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px}.pageMynavi .top_navigation{background-color:#fff;border-bottom:1px solid #d8d8d8}.pageMynavi .top_navigation .navigation_company{color:#666}.top_navigation h1{font-size:21px;font-weight:bold;color:#fff;margin-bottom:0}.top_navigation h1 a{font-size:21px;font-weight:bold;color:#fff !important;margin-bottom:0}.top_navigation h1 a:hover{text-decoration:none;opacity:.8}.top_navigation .navigation_company{color:#fff}.global_navigation{background:#ffffff;margin:20px 0 0px;padding:0 !important;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8}.global_navigation .active{background:#e8e8e8}.global_navigation.navbar-expand-lg .navbar-nav .nav-link{padding:10px;border-right:1px solid #d8d8d8;width:110px;font-size:13px;text-align:center}.global_navigation.navbar-expand-lg .navbar-nav .nav-link.nav-110{width:110px}.global_navigation.navbar-expand-lg .navbar-nav .nav-link.nav-140{width:140px}.global_navigation.navbar-expand-lg .navbar-nav .nav-link.logout{line-height:1.6;text-align:center;width:auto;height:39px;cursor:pointer;border-left:1px solid #d8d8d8;min-width:100px}.global_navigation.navbar-expand-lg .navbar-nav .nav-link.logout span{font-size:12px;line-height:1;color:#ef7709}.global_navigation.navbar-light .navbar-nav .nav-link.active,.global_navigation.navbar-light .navbar-nav .nav-link.active:hover{background:#00abeb;color:#fff}.pageMynavi .global_navigation.navbar-expand-lg .navbar-nav .nav-link.logout span{color:#00abeb}.global_navigation.navbar-expand-lg .navbar-nav .nav-link:hover{background:#e8e8e8;text-decoration:none}.global_navigation #user{position:relative}.global_navigation #user .toggle{position:absolute;width:100%;background:#fff;z-index:1000;display:block}.global_navigation #user .toggle a{padding:7px 10px;text-align:center;display:block;border:1px solid #d8d8d8;background:#f8f9fa}.global_navigation #user .toggle a:hover{text-decoration:none;background:#e8e8e8}.navbar-light .navbar-toggler{border:none}.global_navigation .navbar-toggler-icon{background-size:20px;background-position:0 center;font-size:15px;width:100px;height:30px;line-height:30px}#loginInfo{background:#ffe8d3;padding:10px;margin-top:15px}.reportHeader .box{top:0}.pageSystem #mainInner{margin-left:190px}.pageSystem #mainInner>nav{bottom:0;width:190px;flex-flow:column nowrap;align-items:flex-start;position:fixed;top:135px;left:0;right:0;z-index:1000}#sideNavi{margin-top:0;width:100%}#sideNavi .list-group-item{color:#666}#sideNavi .list-group-item:hover{text-decoration:none}#sideNavi .list-group-item.active{color:#fff;background-color:#00abeb;border-color:#00abeb}#sideNavi .list-group-item.disabled{color:#666;background:#e8e8e8}.areaLogin{padding:40px 40px 20px 40px;margin:40px auto;width:480px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.areaLogin .header{position:absolute;left:0;top:0;width:100%;text-align:center;height:auto;padding:35px 0;background:#00aaeb}.areaLogin .area{width:400px;margin:20px auto 10px}.areaLogin .divBtn p{margin:20px 0 0}.areaLogin .divBtn p a:hover{text-decoration:underline}.areaLogin .areaMail{width:450px;margin:20px auto 30px}.btnAttend{background:#ef7709;color:#fff}.btn.btnLeaving,.btn.btnGoingOut,.btn.btnReturn{background:#E9E1DE;color:#333}.cellBtn{text-align:center}.cellBtn a{margin:0}#pageLogin td .notes,form .notes{display:block;font-size:10px;padding-top:3px;color:#999;line-height:1}.notes.noteInline{display:inline-block;margin-left:5px}.topInfo{margin-top:-7px}.topInfo dl{display:flex;margin:0 0 5px;padding:0;border-bottom:1px dotted #eee;min-height:25px;flex-wrap:wrap}.topInfo dt{width:125px;color:#999;font-weight:normal}.topInfo dd{width:calc(100% - 125px)}.topInfo dd{width:calc(100% - 125px)}.monthly-list-item a:link,.monthly-list-item a:visited{color:#fff}.monthly-day .monthly-event-indicator span{font-size:11px}.monthly-today .monthly-day-number{width:1.8em !important;height:1.8em !important;line-height:1.8em !important;border-radius:1em !important;background:#909090 !important}#mycalendar.monthly{border:1px solid #f3f3f5 !important;padding:10px !important;background:#f9f9f9 !important}.imageDrop{padding:10px}.imageDrop .btnBack{display:inline-block !important;border:0 !important;width:auto !important;padding:10px 20px !important;height:auto;line-height:1;display:inline-block}.imageDrop .inputFile{margin-bottom:10px}#pageApproval td.cell04,#pageApproval td.cell05,#pageApproval td.cell06,#pageApproval td.cell08,#pageApproval td.cell09,#pageApproval td.cell10{text-align:right}#pageApproval td.cell07,#pageApproval td.cell11{text-align:center}.paging,.per{margin-top:10px;display:inline-block;clear:both}.paging table td{padding-right:10px}.paging table a{border:1px solid #cec4ba;padding:4px 8px;display:inline-block;text-decoration:none;line-height:1.4;margin-right:3px;background:#fff;color:rgba(0,0,0,0.5) !important}.paging table .selected{background:#e9e1de;color:#fff}.paging table a:hover{background:#e8e8e8;text-decoration:none}.reportTable .paging table .btnNext:hover{margin:0 3px 0 0}.paging table span{color:#D6D6D6 !important}.paging-top{margin-bottom:20px}.paging-top .paging{margin-top:0px}.btnBack.arrrowLeft,.btnBack.arrrowRight{margin:0 5px}.btnBack.arrrowLeft{background:url(/assets/icon_arrow_left.png) no-repeat center center !important;background-size:10px !important;background-color:#ef7709 !important;margin:0 5px}.pageMynavi .btnBack.arrrowLeft,.pageMynavi .btnNext.arrrowRight{background-color:#00abeb !important}.btnNext.arrrowRight{background:url(/assets/icon_arrow_right.png) no-repeat center center !important;background-size:10px !important;background-color:#ef7709 !important;margin:0 5px}#contents .tableYoko th select,#contents .tableYoko th input{width:100%;box-sizing:border-box}.scroll-box{padding-bottom:30px;margin-bottom:30px;margin:0 auto;overflow:hidden;overflow-x:scroll}.scroll-box::-webkit-scrollbar{height:10px}.scroll-box::-webkit-scrollbar-button{width:5px}.scroll-box::-webkit-scrollbar-track{background:none}.scroll-box::-webkit-scrollbar-thumb{background:#989898}.scroll-box::-webkit-scrollbar-track-piece:start{background:none}.option{margin-top:0;margin-bottom:20px}.option.optionChosen{overflow:inherit}.option.optionChosen .chosen-single{height:28px !important;line-height:28px !important;font-size:11px}.option.optionChosen .chosen-single div b{background-position:0 4px !important}.option.optionChosen .chosen-results li{font-size:11px !important}.option.optionTwoLines table tr:first-child{border-bottom:5px solid #e8e8e8}.option .sortBox{margin:0 !important}.option .monthly{width:240px;background:inherit}.option .monthly-period .datepicker{width:100px}.option .monthly-period{width:300px;background:inherit}.option .monthly select{width:auto !important}.optionSort .sortBox tr{letter-spacing:-.4em}.optionSort .sortBox tr td{letter-spacing:normal}.report36 .option{min-width:auto}.report .tableNormal{min-width:768px;margin-top:0}.option .btnSubmit{font-size:14px;margin:0px 5px 0px 0;display:inline-block}.option .box{display:inline-block}.dropArea{color:#92AAB0;width:430px;border:2px dotted #0B85A1;text-align:center;vertical-align:middle;font-size:150%;padding:20px}.pageUser #pageApproval .userTerms .area{margin:0 0 20px 0;border-bottom:1px solid #d8d8d8;padding:24px 0}.pageUser #pageApproval .userTerms .area .title{font-weight:bold;font-size:16px;padding-bottom:10px;color:#333}.pageUser #pageApproval .userTerms .area .text li{text-indent:-1em;padding-left:1em;margin-bottom:10px}.pageUser #pageApproval .userTerms .area .text ul ul{margin-bottom:20px}.termsArea .termsTextarea{min-height:500px;background:#e8e8e8}.pageUser .userTerms{margin:0 auto;max-width:800px}.pageUser .userTerms .area{padding:20px 0}.pageUser .userTerms .area:first-child{padding-top:0}.pageUser .userTerms .area:last-child{padding-bottom:0}.pageUser .userTerms .area h3{font-size:16px;margin-bottom:10px}.pageUser .userTerms .area .termsArea{border:1px solid #d8d8d8;border-radius:5px;padding:20px;margin-bottom:20px}.pageUser .userTerms .area .termsArea .termsTextarea{width:100%;min-height:200px;border:none;background:transparent;resize:none;font-size:12px;line-height:1.5}.termsArea .termsTextarea.termsEdit{background:#fff}@media only screen and (max-width: 768px){.termsArea .divBtn{padding:0px 0}.termsArea .termsTextarea{min-height:auto;height:160px}.pageUser #pageApproval .userTerms .area:first-child{padding-top:0}}.tableNormal tr td .paysiteParts{display:inline-block;padding:5px;background:#e8e8e8;margin-left:10px}.tableNormal tr td .paysiteParts:nth-of-type(1){display:inline-block;background:transparent;margin-left:0;width:70px}.tableNormal tr td .paysiteParts:nth-of-type(1) select{margin-right:5px;width:100%}@media only screen and (max-width: 1400px){.tableNormal tr td .paysiteParts{margin-bottom:5px}}.ui-widget.ui-widget-content{border:none;border-radius:5px;padding:20px;width:400px !important;max-width:400px;z-index:100 !important}.ui-widget-overlay{background:#171616;opacity:.9}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:none !important}.ui-dialog .ui-dialog-buttonpane button{color:#000;background:#ddd;margin:0 !important;border:5px solid #fff;width:50%;box-sizing:border-box}.ui-dialog .ui-dialog-buttonpane button:focus{outline:none}.ui-dialog .ui-dialog-buttonpane button:nth-of-type(1){background:#ef7709;color:#fff}.ui-dialog .ui-dialog-buttonpane{padding:10px 0 0 !important}.ui-dialog .ui-dialog-content{text-align:center;min-height:20px !important}.ui-dialog .ui-dialog-titlebar-close{border-radius:15px}.ui-draggable .ui-dialog-titlebar{display:none}@media only screen and (max-width: 768px){.ui-widget.ui-widget-content{padding:10px;width:auto !important;max-width:300px}}@media only screen and (max-width: 1200px){#pageApproval .tableYoko1200{table-layout:fixed !important}}@media only screen and (max-width: 991px){.global_navigation{border:1px solid #d8d8d8}.global_navigation .navbar-nav .nav-link{text-align:left;padding:10px 15px !important;font-size:12px !important;border-right:none !important;border-top:none !important;border-bottom:1px solid #d8d8d8 !important;width:100% !important;text-align:left !important}.global_navigation .navbar-nav .nav-item:last-child .nav-link{border-bottom:1px solid #d8d8d8}.global_navigation .navbar-nav .nav-item:last-child .nav-link.logout{border-bottom:none !important}.global_navigation .align-items-center{align-items:initial !important;border-top:1px solid #d8d8d8}.global_navigation.navbar-expand-lg .navbar-nav .nav-link.logout{text-align:left}#pageApproval .tableYoko{table-layout:fixed !important}.pageSystem #mainInner{margin:0}.pageSystem #mainInner>nav{width:100%;position:inherit}.tableNormal td,.tableNormal th{padding:10px 7px}.pageHeader .box{position:inherit !important}.pageHeader .box .btnBack{display:none}.optionSort .sortBox td{width:33.3% !important;display:inline-block !important;padding:0 5px !important;margin-bottom:10px}.optionSort .sortBox td select{margin:0}.optionSort .sortBox .monthly{width:100% !important;text-align:center}}.info-display-section .col-md-6{margin-bottom:15px}.info-display-section h3{font-size:16px}.info-display-section h4{font-size:14px}.info-display-section p{font-size:13px}@media only screen and (max-width: 768px){.optionSort .sortBox td{width:50% !important}.top_navigation h1 a{font-size:16px}.top_navigation .navigation_company{font-size:12px}.tableResponsive th,.tableResponsive td{display:block !important;width:100% !important}.dropArea{width:100% !important}#main{padding:10px}#pageLogin input.ID,#pageLogin input.PW{width:100%;margin:0;padding:0}#pageLogin .areaLogin{width:100%;padding:15px;margin:15px 0}#pageLogin .areaLogin .divBtn{margin:10px 0;padding:10px 0}#pageLogin .header img{width:200px;height:auto}}@media only screen and (max-width: 480px){.topInfo dt,.topInfo dd{width:100%}#pageLogin label{font-size:12px}#pageLogin .tableTate th{width:30%}#pageLogin .areaLogin .area{width:100%}#pageApproval select{font-size:8px}}.step-container{display:flex;max-width:800px;margin-top:8px;margin-bottom:16px;margin-right:auto;margin-left:auto}.step{position:relative;display:flex;align-items:center;justify-content:center;background-color:#d0eefb;color:#333;height:40px;flex:1;text-align:center;font-size:14px;clip-path:polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 10% 50%);margin-right:-2%}.step:first-child{z-index:4}.step:last-child{z-index:1}.step:nth-child(2){z-index:3}.step:nth-child(3){z-index:2}.step.active{background-color:#55c2f2;color:black}.step-content{padding:0 15px;font-size:smaller}@media (max-width: 600px){.step{font-size:11px}.step-content{padding:0 8px;font-size:60%}}