body{background-color:#f2f2f2;font-family:Arial,sans-serif}button,button.btn{background-color:#1e3a8a}button.btn{border:.5px solid #abbcdd;border-radius:.5rem;color:#fff;font-weight:500}button.btn:hover{background-color:rgba(30,58,138,.9);color:#dbdbdb}button.btn-select{background-color:#1e3a8a;color:#fff;transition:background-color .3s ease}button.btn-select.active{background-color:#f59e0b}.content{background-color:#fff;border-left:4px solid #1e3a8a;border-radius:.25rem;box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;display:flex;flex-direction:column;gap:10px;margin:10px;padding:10px}.content .title{color:#1e3a8a;font-size:larger;font-weight:700}.content .divider{border-bottom:2px solid #000;font-weight:700}img.selected-photo{background-color:#f59e0b}.img-pointer{cursor:pointer;transition:.2s ease}.img-pointer:hover{opacity:.8}.kadai-table-container{max-height:30vh;overflow-y:auto}.kadai-table-container .table.table-kadai{border:1px solid #000;border-collapse:separate;margin:0}.kadai-table-container .table.table-kadai thead th{background-color:#1e3a8a;border:1px solid #000;color:#fff;text-align:center;vertical-align:middle}.kadai-table-container .table.table-kadai tbody td{background-color:#fff;border:1px solid #000;vertical-align:middle}.kadai-table-container .table.table-kadai tbody td:first-child{text-align:center}a:hover{cursor:pointer}.modal-content{background-color:#f2f2f2}.table-container{border:1px solid #000;overflow:auto;padding:0}table{border-spacing:0}table thead th{background:#1e3a8a;border:.5px solid #000;color:#fff;position:sticky;top:0;z-index:2}table tbody td{background-color:#fff;border:.5px solid #000;overflow-wrap:anywhere}table tbody td.progress-bar-cell{padding:0}.overview-container{display:flex;flex-direction:column;gap:10px}.overview-container h5{padding:15px}.overview-container div.title-name{font-weight:700;margin-left:5%}.overview-container div.overview-content{margin-left:5%;margin-right:5%;min-height:44px;padding:10px}.overview-container div.jigyo{background-color:#c4d2e8;color:#000}.overview-container div.kobetsuJigyo{background-color:#fff;color:#000}.overview-container div.koji{background-color:#c4d2e8;color:#000}.home-tab{background-color:#1e3a8a;display:flex;font-weight:700;padding-left:30px;width:100%}.home-tab,.home-tab a{color:#fff;text-decoration:none}.home-tab a:hover{color:#dbdbdb}.modal-header{margin-left:12px;margin-right:12px;padding-bottom:0;padding-top:0}.nav-menu{align-items:center;border-bottom:3px solid #000;margin-bottom:1rem;overflow-wrap:anywhere;padding:10px}.nav-menu .nav-title{font-size:1.5rem;font-weight:700;margin-bottom:0;padding-left:1.5rem;padding-right:1.5rem}.nav-menu .right-link{font-size:larger;font-weight:700;text-align:right}#modalKadai .droparea{border:2px dashed #000;border-radius:10px;cursor:pointer;padding:20px;text-align:center}#modalKadai .droparea-dragover{background-color:#e3f2fd;border:2px dashed #007bff}.compare .content{gap:0;padding-left:1rem}.compare .content .divider{margin:12px 0}.compare .content .title-row{justify-content:space-between}.compare .content .title-row .col{align-self:center}.compare .content .title-row .time-1{background-color:#70ad47;font-size:.8rem;font-weight:700;text-align:center}.compare .content .title-row .current-status{background-color:#4472c4;font-size:.8rem;font-weight:700;text-align:center}.compare .content.set-date{width:40%}.compare .table-container{border:1px solid #000;height:400px;overflow-x:auto;overflow-y:auto;position:relative;width:100%}.compare .table-container .comparison-table{border-collapse:separate;table-layout:fixed;width:auto}.compare .table-container .comparison-table td,.compare .table-container .comparison-table th{border:1px solid #000;height:50px;min-width:3.5rem;padding:8px 12px;text-align:center;vertical-align:middle}.compare .table-container .comparison-table thead tr:nth-child(-n+2) th{position:sticky;top:0;z-index:3}.compare .table-container .comparison-table thead tr:nth-child(2) th{top:50px}.compare .table-container .comparison-table td:first-child,.compare .table-container .comparison-table th:first-child{left:0;min-width:10rem;padding-left:10px;position:sticky;text-align:left;white-space:nowrap;z-index:2}.compare .table-container .comparison-table thead tr:first-child th:first-child,.compare .table-container .comparison-table thead tr:nth-child(2) th:first-child{z-index:4}.compare .table-container .progress-cell-wrapper{height:40px;padding:4px 0;position:relative}.compare .table-container .progress-bar-container{background-color:#e5e7eb;height:8px;overflow:hidden;position:absolute}.compare .table-container .progress-bar-main{background-color:#4472c4;height:100%;transition:width .3s ease}.compare .table-container .progress-bar-backup{background-color:#70ad47;height:100%;transition:width .3s ease}.compare .table-container .progress-label{background-color:#fff;color:#000;position:absolute;top:-.4rem;transform:translateX(100%);white-space:nowrap}.compare .table-container .debug-outline{outline:1px dashed red}.compare .flatpickr-day{color:#000;visibility:visible!important}.compare .flatpickr-day.flatpickr-disabled{background-color:#f0f0f0;color:#ccc;cursor:not-allowed;opacity:1;pointer-events:none}.compare .flatpickr-day:hover,.compare .flatpickr-day:not(.flatpickr-disabled):hover{background-color:#d11c1c;color:#fff}.compare .flatpickr-day.first-of-month{background-color:#38a169!important;color:#fff!important}.compare .flatpickr-day.sunday{background-color:#1e3a8a!important;color:#fff!important}.jigyo .content.overview{height:97.5%}.jigyo .content.progress-management .table-container{max-height:40vh}.jigyo .content.progress-management .table-container td,.jigyo .content.progress-management .table-container th{min-width:4.4rem;padding:8px;text-align:center}.jigyo .content.progress-management .table-container td.kobetsu-jigyo-col{min-width:23rem;text-align:start}.jigyo .content.progress-management .table-container .client-col{min-width:9rem;text-align:start}.jigyo .content.progress-management .table-container .period-col{min-width:13rem}.jigyo .content.progress-management .table-container .plan-or-actual-col{min-width:3.5rem}.jigyo .content.kadai{max-height:50vh}.kobetsu-jigyo .content{background-color:#c4d2e8}.kobetsu-jigyo .content.overview{height:97.5%}.kobetsu-jigyo .content.progress-management .table-container{max-height:40vh}.kobetsu-jigyo .content.progress-management .table-container table{border-collapse:separate}.kobetsu-jigyo .content.progress-management .table-container table .sticky-col-1{left:0;position:sticky}.kobetsu-jigyo .content.progress-management .table-container table .sticky-col-2{left:var(--first-col-width,0);position:sticky;z-index:1}.kobetsu-jigyo .content.progress-management .table-container table .sticky-col-3{left:var(--second-col-width,100px);position:sticky;z-index:1}.kobetsu-jigyo .content.progress-management .table-container table .sticky-col-4{left:var(--third-col-width,333px);position:sticky;z-index:1}.kobetsu-jigyo .content.progress-management .table-container table .sticky-col-5{left:var(--fourth-col-width,433px);position:sticky;z-index:1}.kobetsu-jigyo .content.progress-management .table-container table .sticky-col-6{left:var(--five-col-width,547px);position:sticky;z-index:1}.kobetsu-jigyo .content.progress-management .table-container table thead .sticky-col-1,.kobetsu-jigyo .content.progress-management .table-container table thead .sticky-col-2,.kobetsu-jigyo .content.progress-management .table-container table thead .sticky-col-3,.kobetsu-jigyo .content.progress-management .table-container table thead .sticky-col-4,.kobetsu-jigyo .content.progress-management .table-container table thead .sticky-col-5,.kobetsu-jigyo .content.progress-management .table-container table thead .sticky-col-6{z-index:7}.kobetsu-jigyo .content.progress-management .table-container td,.kobetsu-jigyo .content.progress-management .table-container th{min-width:4.4rem;padding:8px;text-align:center}.kobetsu-jigyo .content.progress-management .table-container td{background-color:#fff}.kobetsu-jigyo .content.progress-management .table-container tbody tr td.koji-col{min-width:14rem;text-align:start}.kobetsu-jigyo .content.progress-management .table-container .type-col{min-width:5.2rem;text-align:start}.kobetsu-jigyo .content.progress-management .table-container .orderer-col{min-width:12rem;text-align:start}.kobetsu-jigyo .content.progress-management .table-container .period-col{min-width:13rem}.kobetsu-jigyo .content.progress-management .table-container .plan-or-actual-col{min-width:3.3rem}.kobetsu-jigyo .content.kadai{max-height:50vh}.koji .image-container{display:flex;flex-direction:column;gap:10px;height:300px}.koji .image-container .row{display:flex;gap:10px;justify-content:space-between}.koji .image-container .large{height:200px;width:100%}.koji .image-container .small{height:100px;width:calc(50% - 5px)}.koji .image-container img{background-color:#f5f5f5;border-radius:5px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.koji .photo-modal-body-container{height:auto;justify-content:center;margin:0}.koji .content.progress-management .table-container{max-height:40vh}.koji .content.progress-management .table-container #progressTable{border:1px solid #000;border-collapse:separate;table-layout:fixed;text-align:center}.koji .content.progress-management .table-container td,.koji .content.progress-management .table-container th{height:30px;min-width:5rem}.koji .content.progress-management .table-container th{height:40px}.koji .content.progress-management .table-container th.sticky-col-1{background-color:#1e3a8a}.koji .content.progress-management .table-container td.sticky-col-1,.koji .content.progress-management .table-container td.sticky-col-2{background-color:#fff;z-index:3}.koji .content.progress-management .table-container thead tr:first-child th{position:sticky;top:0;z-index:2}.koji .content.progress-management .table-container thead tr:nth-child(2) th{position:sticky;top:calc(var(--first-header-height, 40px));z-index:2}.koji .content.progress-management .table-container tbody tr:first-child td{position:sticky;top:calc(var(--header-height, 80px));z-index:2}.koji .content.progress-management .table-container tbody tr:nth-child(2) td{position:sticky;top:calc(var(--header-height, 80px) + var(--first-data-height, 30px));z-index:2}.koji .content.progress-management .table-container tbody tr:nth-child(3) td{position:sticky;top:calc(var(--header-height, 80px) + var(--first-data-height, 30px) + var(--second-data-height, 30px));z-index:2}.koji .content.progress-management .table-container td.sticky-col-1,.koji .content.progress-management .table-container th.sticky-col-1{left:0;position:sticky;z-index:3}.koji .content.progress-management .table-container td.sticky-col-2{left:calc(var(--progress-col-width, 250px));position:sticky;z-index:3}.koji .content.progress-management .table-container thead tr:first-child th.sticky-col-1{min-width:31rem;z-index:6}.koji .content.progress-management .table-container tbody tr:first-child td.sticky-col-1{text-align:start;z-index:5}.koji .content.progress-management .table-container tbody tr:nth-child(2) td.sticky-col-1,.koji .content.progress-management .table-container tbody tr:nth-child(2) td.sticky-col-2,.koji .content.progress-management .table-container tbody tr:nth-child(3) td.sticky-col-2{z-index:4}.koji .content.progress-management .table-container .progress-bar-cell{padding:0}.koji .content.progress-management .table-container .progress-bar-cell .progress-bar{background-color:#4472c4;height:10px;width:100%}.koji .content.progress-management .act-progress-input{width:4.5rem}.koji .content.progress-management .btn-progress-register{width:8rem}.koji .content.kadai{max-height:50vh}.koji .content.kadai button{width:8rem}.koji .spinner{align-items:center;background-color:#f0f0f0;border-radius:5px;display:flex;height:200px;justify-content:center;width:100%}.koji-photo .content.register{padding-bottom:1rem}.koji-photo .content.register .register-form{padding-left:1rem}.koji-photo .content.register .register-form .kojijokyo-shashin-file-drop-area{height:10vh;text-align:center}.koji-photo .content.register .register-form .kojijokyo-shashin-file-drop-area span{width:100%}.koji-photo .content.register .register-form .droparea-dragover{background:rgba(144,238,144,.6)}.koji-photo .img-kojijikyo-ichiran{max-height:15vh;max-width:10vw;text-align:center}.koji-photo .td-kojijokyoshashin-month,.koji-photo .td-kojijokyoshashin-year{font-weight:700;padding:.5rem;text-align:center;width:5rem}.koji-photo .kojijokyoshashin-day-caption{font-weight:700;height:2rem;text-align:center}div.container-fluid.login{align-items:center;background-color:#8faadc;color:#fff;display:flex;height:100vh;justify-content:center}div.container-fluid.login div.login-content{width:100%}div.container-fluid.login div.login-content div.title{justify-content:center}div.container-fluid.login div.login-content div.title div.col-auto{width:500px}div.container-fluid.login div.login-content div.divider{border:1px solid #fff}div.container-fluid.login div.login-content div.login-form{justify-content:center}div.container-fluid.login div.login-content div.login-form div.col-auto{width:500px}div.container-fluid.login div.login-content div.login-form div.col-auto div.col-3{align-self:center;text-align:center}div.container-fluid.login div.login-content div.login-form div.col-auto div.col-3 .lbl-input-form{color:#fff;font-size:1.2rem}div.container-fluid.login div.login-content div.login-form div.col-auto .btn-login{background-color:#8faadc;border-radius:3rem;box-shadow:0 8px 12px rgba(0,0,0,.3);color:#fff;font-size:1.5rem;font-weight:700;width:100%}.map-container .filter{min-height:50vh}.map-container .filter #progress-filter input[type=checkbox]{margin-right:5px;transform:scale(1.2)}.map-container .filter .status{padding-left:20px}.map-container .content.map{border-left:none}.map-container .content.map .map{height:80vh}.map-container .overview{min-height:60vh}.map-container .overview .project-data{overflow-y:auto;padding:10px}.top .top-header{color:#1e3a8a;font-size:1.3rem}.top .top-header h5{font-size:1.5rem;margin-bottom:0}.top .top-header form{margin-bottom:0}.top .top-header a{font-weight:700;margin:0 .5rem}.top .custom-hr{border:2px solid #000;margin:0;opacity:1}.top .main-container{height:calc(100vh - 54px);margin-top:.2rem}.top .main-container .sidebar-col{background-color:#1e3a8a;color:#fff;height:100%}.top .main-container .sidebar-col .sidebar{display:flex;flex-direction:column;font-size:1.2rem;height:100%;justify-content:space-between;padding-bottom:2rem;padding-left:.5rem}.top .main-container .sidebar-col .sidebar a{color:#fff;text-decoration:none}.top .main-container .sidebar-col .sidebar .row{margin-right:0}.top .main-container .sidebar-col .sidebar .item-row{align-items:center;background-color:#5776ac;box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;height:3rem}.top .main-container .sidebar-col .sidebar .item-row:hover{opacity:.8}.top .main-container .sidebar-col .sidebar .top-content{margin-top:3rem}.top .main-container .sidebar-col .sidebar .top-content .title-row{align-items:center;height:3rem}.top .main-container .content-col{display:flex;flex-direction:column;height:calc(100vh - 54px);overflow:hidden}.top .main-container .content-col .content{border-left:0;border-top:10px solid #1e3a8a;display:flex;flex:1;flex-direction:column;overflow:hidden}.top .main-container .content-col .content .search{border:2px solid #000;border-radius:15px;margin-left:.2rem;margin-right:.2rem;margin-top:.3rem}.top .main-container .content-col .content .search .condition{margin-top:.5rem}.top .main-container .content-col .content .search .button-row{justify-content:center;margin-bottom:.5rem;margin-top:.5rem}.top .main-container .content-col .content .search .button-row button{width:100%}.top .main-container .content-col .content .list-row{display:flex;flex:1;flex-direction:column;overflow:hidden}.top .main-container .content-col .content .list-row .table-title-row{margin-top:.5rem}.top .main-container .content-col .content .list-row .table-title-row .col{font-weight:700}.top .main-container .content-col .content .list-row .top-jigyo-table-container{max-height:calc(100vh - 350px);overflow-y:auto}.top .main-container .content-col .content .list-row .top-jigyo-table-container .table.table-top-jigyo{border:1px solid #000;border-collapse:separate;margin:0}.top .main-container .content-col .content .list-row .top-jigyo-table-container .table.table-top-jigyo thead th{background-color:#1e3a8a;border:1px solid #000;color:#fff;text-align:center;vertical-align:middle}.top .main-container .content-col .content .list-row .top-jigyo-table-container .table.table-top-jigyo tbody td{background-color:#fff;border:1px solid #000;vertical-align:middle}.top .main-container .content-col .content .list-row .top-jigyo-table-container .table.table-top-jigyo tbody td:first-child{text-align:center}