@charset "UTF-8";
.search-card,
.news-card {
  max-width: 850px;
  min-width: 250px;
}
.search-card .dispIcon,
.news-card .dispIcon {
  vertical-align: -7px;
}
.search-card .card-header,
.news-card .card-header {
  font-size: 1.2rem;
}
.search-card .form-group,
.news-card .form-group {
  margin-bottom: 1px;
}
.search-card .search-padding,
.news-card .search-padding {
  padding: 5px 5px;
}
.search-card .col-sm-6, .search-card .col-sm-12,
.news-card .col-sm-6,
.news-card .col-sm-12 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.search-card .search-filterCnt,
.news-card .search-filterCnt {
  font-size: 0.9rem;
}
.search-card .search-filterCnt::before,
.news-card .search-filterCnt::before {
  font-family: "Material Icons";
  content: "filter_list";
  vertical-align: -4px;
  font-size: 20px;
}
.search-card .search-label,
.news-card .search-label {
  margin-bottom: 1px;
  margin-top: 0.5rem;
}
.search-card .toggle-mark a::after,
.news-card .toggle-mark a::after {
  text-decoration: none;
  font-family: "Font Awesome 5 Free";
  content: "\f078";
  float: right;
  text-decoration: none;
  font-weight: 900;
}
.search-card .toggle-mark a.collapsed::after,
.news-card .toggle-mark a.collapsed::after {
  content: "\f054";
}
.search-card .card-header,
.news-card .card-header {
  border-style: solid;
  border-width: 1px;
}
.search-card .card-body,
.news-card .card-body {
  border-style: solid;
  border-width: 1px;
}
.search-card .height-center,
.news-card .height-center {
  padding: 0px;
}
.search-card .col,
.search-card .col-1,
.search-card .col-10,
.search-card .col-11,
.search-card .col-12,
.search-card .col-2,
.search-card .col-3,
.search-card .col-4,
.search-card .col-5,
.search-card .col-6,
.search-card .col-7,
.search-card .col-8,
.search-card .col-9,
.search-card .col-auto,
.search-card .col-lg,
.search-card .col-lg-1,
.search-card .col-lg-10,
.search-card .col-lg-11,
.search-card .col-lg-12,
.search-card .col-lg-2,
.search-card .col-lg-3,
.search-card .col-lg-4,
.search-card .col-lg-5,
.search-card .col-lg-6,
.search-card .col-lg-7,
.search-card .col-lg-8,
.search-card .col-lg-9,
.search-card .col-lg-auto,
.search-card .col-md,
.search-card .col-md-1,
.search-card .col-md-10,
.search-card .col-md-11,
.search-card .col-md-12,
.search-card .col-md-2,
.search-card .col-md-3,
.search-card .col-md-4,
.search-card .col-md-5,
.search-card .col-md-6,
.search-card .col-md-7,
.search-card .col-md-8,
.search-card .col-md-9,
.search-card .col-md-auto,
.search-card .col-sm,
.search-card .col-sm-1,
.search-card .col-sm-10,
.search-card .col-sm-11,
.search-card .col-sm-12,
.search-card .col-sm-2,
.search-card .col-sm-3,
.search-card .col-sm-4,
.search-card .col-sm-5,
.search-card .col-sm-6,
.search-card .col-sm-7,
.search-card .col-sm-8,
.search-card .col-sm-9,
.search-card .col-sm-auto,
.search-card .col-xl,
.search-card .col-xl-1,
.search-card .col-xl-10,
.search-card .col-xl-11,
.search-card .col-xl-12,
.search-card .col-xl-2,
.search-card .col-xl-3,
.search-card .col-xl-4,
.search-card .col-xl-5,
.search-card .col-xl-6,
.search-card .col-xl-7,
.search-card .col-xl-8,
.search-card .col-xl-9,
.search-card .col-xl-auto,
.news-card .col,
.news-card .col-1,
.news-card .col-10,
.news-card .col-11,
.news-card .col-12,
.news-card .col-2,
.news-card .col-3,
.news-card .col-4,
.news-card .col-5,
.news-card .col-6,
.news-card .col-7,
.news-card .col-8,
.news-card .col-9,
.news-card .col-auto,
.news-card .col-lg,
.news-card .col-lg-1,
.news-card .col-lg-10,
.news-card .col-lg-11,
.news-card .col-lg-12,
.news-card .col-lg-2,
.news-card .col-lg-3,
.news-card .col-lg-4,
.news-card .col-lg-5,
.news-card .col-lg-6,
.news-card .col-lg-7,
.news-card .col-lg-8,
.news-card .col-lg-9,
.news-card .col-lg-auto,
.news-card .col-md,
.news-card .col-md-1,
.news-card .col-md-10,
.news-card .col-md-11,
.news-card .col-md-12,
.news-card .col-md-2,
.news-card .col-md-3,
.news-card .col-md-4,
.news-card .col-md-5,
.news-card .col-md-6,
.news-card .col-md-7,
.news-card .col-md-8,
.news-card .col-md-9,
.news-card .col-md-auto,
.news-card .col-sm,
.news-card .col-sm-1,
.news-card .col-sm-10,
.news-card .col-sm-11,
.news-card .col-sm-12,
.news-card .col-sm-2,
.news-card .col-sm-3,
.news-card .col-sm-4,
.news-card .col-sm-5,
.news-card .col-sm-6,
.news-card .col-sm-7,
.news-card .col-sm-8,
.news-card .col-sm-9,
.news-card .col-sm-auto,
.news-card .col-xl,
.news-card .col-xl-1,
.news-card .col-xl-10,
.news-card .col-xl-11,
.news-card .col-xl-12,
.news-card .col-xl-2,
.news-card .col-xl-3,
.news-card .col-xl-4,
.news-card .col-xl-5,
.news-card .col-xl-6,
.news-card .col-xl-7,
.news-card .col-xl-8,
.news-card .col-xl-9,
.news-card .col-xl-auto {
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}
.search-card .row,
.news-card .row {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.flp .ch {
  color: #aaa;
}

.light .navbar {
  color: #606060;
  background-color: #fff;
}
.light .mobile_header_none {
  color: #606060;
}
.light .main-header {
  color: #606060;
  background-color: #fff;
}
.light .main-sidebar {
  color: #606060;
  background-color: #fff;
}
.light .content-wrapper {
  color: #001e1d;
  background-color: #abd1c6;
}
.light .navbar-light .navbar-nav .nav-link {
  color: #606060;
}
.light .brand-text {
  color: #606060;
}
.light .nav-header {
  color: #606060;
}
.light .main-sidebar > .sidebar a {
  color: #606060;
}
.light .main-sidebar > .sidebar .footer-link {
  color: #004643;
}
.light .footer-nav-item {
  color: #606060;
}
.light .footer-absolute {
  background-color: #fff;
  border-top: 1px solid #dee2e6;
  color: #869099;
  width: 100%;
  /* padding: 0rem; */
}
.light .footer-Fixed {
  position: fixed;
  background-color: #fff;
  border-top: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  color: #606060;
  width: 100%;
  bottom: 0px;
  z-index: 1037;
}
@media screen and (max-width: 700px) {
  .light {
    /* 700pxよりも小さい画面幅の場合 */
    /* フッターを下部固定表示 */
  }
  .light .footer-Fixed {
    position: relative;
    background-color: #fff;
    border-top: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    color: #606060;
    width: 100%;
    bottom: 0px;
    z-index: 1037;
  }
}
.light .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(96, 96, 96, 0.1);
}
.light .alert.alert-success {
  color: #fff !important;
  background-color: #004643 !important;
}
.light .item_title_color {
  color: #606060 !important;
  background-color: #e9ecef !important;
}
.light .item_title_color.blue-disp {
  color: #606060 !important;
  background-color: #e9ecef !important;
}
@media screen and (max-width: 700px) {
  .light .item_title_color {
    width: 100% !important;
  }
}
@media screen and (min-width: 701px) {
  .light .item_title_color {
    min-width: 160px;
    max-width: 200px;
  }
}
.light .item_title_color.child {
  min-width: 160px;
  max-width: 200px;
}
.light .item_title_color_Approval {
  color: #606060 !important;
  background-color: #e9ecef !important;
  width: 100% !important;
}
.light .item_title_color_child {
  color: #606060 !important;
  background-color: #e9ecef !important;
  min-width: 160px;
  max-width: 200px;
}
@media screen and (min-width: 701px) {
  .light .item_width_haken {
    min-width: 160px !important;
    max-width: 250px !important;
  }
}
@media screen and (min-width: 701px) {
  .light .item_width_genba,
  .light .item_width_riyousya {
    min-width: 160px !important;
    max-width: 220px !important;
  }
}
.light .nav-sidebar > .nav-item > .nav-link.active,
.light .nav-sidebar > .nav-item > .sub-menu-nav > .nav-item > .nav-link.active {
  color: #001e1d !important;
  background-color: #f9bc60 !important;
  border-color: #004643 !important;
}
.light .btn-primary,
.light .btn-info,
.light .page-item.active .page-link {
  color: #fff !important;
  background-color: #004643 !important;
  border-color: #004643 !important;
}
.light button#btnNext {
  background-color: #fff !important;
}
.light .btn-primary:hover,
.light .btn-info:hover,
.light .btn-primary:focus,
.light .btn-info:focus {
  color: #004643 !important;
  background-color: #fff !important;
  border-color: #004643 !important;
  outline: 1px solid #004643 !important;
}
.light .btn-primary:active,
.light .btn-info:active {
  color: #fff !important;
  background-color: #004643 !important;
  border-color: #004643 !important;
}
.light .nav-sidebar > .nav-item > .nav-link:hover,
.light .nav-sidebar > .nav-item > .nav > .nav-item > .nav-link:hover {
  color: #FFF !important;
  background-color: #198754 !important;
  border-color: #004643 !important;
}
.light .nav-sidebar > .nav-item > .nav-link:focus,
.light .nav-sidebar > .nav-item > .nav > .nav-item > .nav-link:focus {
  color: #fff;
  background-color: #004643;
}
.light .custom-control-label {
  border-color: #001e1d !important;
}
.light a,
.light .btn-outline-primary {
  color: #004643;
  border-color: #004643;
}
.light .table-list th {
  color: #fff !important;
  background-color: #004643 !important;
}
.light .table-list th a {
  color: #606060;
}
.light .table-list tr {
  border-top: 1px solid #e9ecef;
}
.light .table-list.tr_border_none tr {
  border-top: none;
}
.light .table-list.tr_border_none .tr_border_top {
  border-top: 1px solid #e9ecef;
}
.light td u {
  color: rgb(79, 183, 172);
}
.light td u a {
  color: rgb(79, 183, 172);
  border-color: #004643;
}
.light .table-hover tbody tr:hover {
  background-color: #e9ecef;
}
.light .btn-outline-primary:hover,
.light .btn-outline-primary:focus {
  color: #fff;
  background-color: #004643;
}
.light .btn-outline-primary:active {
  color: #fff !important;
  background-color: #004643 !important;
  border-color: #004643 !important;
}
.light .btn-outline-secondary {
  color: #004643;
  background-color: #fff;
}
.light .btn-outline-secondary:hover,
.light .btn-outline-secondary:focus {
  color: #004643;
  background-color: rgba(96, 96, 96, 0.2);
}
.light .form-control:disabled {
  background-color: #9fa0a1;
  opacity: 1;
}
.light .search-card .card-header,
.light .news-card .card-header {
  background-color: #004643;
  border-color: #606060;
}
.light .search-card .card-header a,
.light .news-card .card-header a {
  color: #fff;
}
.light .search-card .card-body,
.light .news-card .card-body {
  color: #606060;
  background-color: #fff;
  border-color: #606060;
}
.light .dash-card {
  /* ワーニングアイコン */
}
.light .dash-card .card-header {
  background-color: #004643;
  border-color: #004643;
  color: #fff;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
}
.light .dash-card .card-header a {
  color: #fff;
}
.light .dash-card .card-body {
  color: #606060;
  background-color: #fff;
  border-color: #004643;
  border-style: solid;
  border-width: thin;
  font-size: 1.1rem;
}
.light .dash-card .card-body .warning {
  background-color: #FFC107;
}
.light .dash-card .dispWarningIcon:before {
  font-family: "Material Icons";
  content: "error_outline";
  vertical-align: -5px;
  font-size: 2rem;
  color: #FFC107;
  animation: flash 2s linear infinite;
}
.light .dash-card .dispWarningIcon2:before {
  font-family: "Material Icons";
  content: "error_outline";
  vertical-align: -5px;
  font-size: 2rem;
  color: #f18509;
  animation: flash 2s linear infinite;
}
@keyframes flash {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.light .dash-card .dash-count2_caution {
  color: #EABC69;
}
.light .dash-card .dash-count2_danger {
  color: #A63F3B;
}
.light .dash-card .card-body3 .dash-count-title {
  color: #fff;
}
.light .dash-card .card-body3 .info-box {
  background-color: #004643;
  border-color: #fff;
}
.light .dash-card .card-body3 .info-box a {
  color: #fff;
}
.light .dash-card .card-body3 .dash-count3_caution {
  background-color: #EABC69;
}
.light .dash-card .card-body3 .dash-count3_danger {
  background-color: #fd7e14;
}
.light .flp .focussed .ch {
  color: #606060;
  background-color: #fff;
}
.light .fa-minus:before, .light .fa-plus:before {
  color: #fff;
}
.light .step-card .card-header {
  background-color: #fff;
}
.light .step-card .card-header.blue-disp {
  border-color: #adb5bd;
}
.light .step-card .card-header a {
  color: #fff;
}
.light .step-card .card-header .title_Status {
  color: #fff;
}
.light .step-card .card-body-oya,
.light .step-card .card-body {
  color: #606060;
  background-color: #fff;
  border-color: #606060;
}
.light .step-card .card-body-blue .item_title_color {
  color: #606060 !important;
  background-color: #e9ecef !important;
}
.light .step-card .card-body-blue .btn-primary {
  color: #606060 !important;
  background-color: #adb5bd !important;
  border-color: #adb5bd !important;
}
.light .step-card .card-body-blue .card-header {
  color: #606060 !important;
  background-color: #e9ecef !important;
  border-color: #adb5bd;
}
.light .step-card .card-body-blue.skill-sheet a {
  color: #606060;
}
.light .step-card .card-body-blue.skill-sheet .modal-header {
  color: #606060 !important;
  background-color: #e9ecef !important;
  border-top: 3px solid #adb5bd;
}
.light .step-card .card-body-blue.skill-sheet .nav-link.active {
  color: #606060 !important;
  background-color: #adb5bd !important;
}
.light .step-card .breakheader {
  color: #606060;
  background-color: #fff;
  border-color: #606060;
}
.light .chotatsu_prevBtn {
  background-color: #fff;
}
.light .nav-link.active {
  color: #fff !important;
  background-color: #f9bc60 !important;
}

.sidebar-collapse .dispmenuIcon:before {
  font-family: "Material Icons";
  content: "arrow_circle_right";
  font-size: 2.5rem;
  line-height: 1.2rem;
  vertical-align: middle;
}
.sidebar-collapse .dispmenuIconSide:before {
  font-family: "Material Icons";
  content: "arrow_circle_right";
  font-size: 2.5rem;
  line-height: 1.2rem;
  vertical-align: middle;
}

@media (min-width: 1009px) {
  .dispmenuIcon:before {
    font-family: "Material Icons";
    content: "arrow_circle_left";
    font-size: 2.5rem;
    line-height: 1.2rem;
    display: inline;
    vertical-align: middle;
  }
  .dispmenuIconSide:before {
    font-family: "Material Icons";
    content: "arrow_circle_left";
    font-size: 2.5rem;
    line-height: 1.2rem;
    vertical-align: middle;
  }
}
@media (min-width: 1009px) and (min-width: 991px) {
  .dispmenuIcon:before {
    display: none;
  }
}
@media (max-width: 1008px) {
  .dispmenuIcon:before {
    font-family: "Material Icons";
    content: "arrow_circle_right";
    font-size: 2.5rem;
    line-height: 1.2rem;
    display: inline;
    vertical-align: middle;
  }
  .dispmenuIconSide:before {
    font-family: "Material Icons";
    content: "arrow_circle_right";
    font-size: 2.5rem;
    line-height: 1.2rem;
    vertical-align: middle;
  }
}
.background-color-gray {
  background-color: rgba(128, 128, 128, 0.1) !important;
}

.dark .navbar {
  color: #fff;
  background-color: #000;
}
.dark .mobile_header_none {
  color: #fff;
}
.dark .main-header {
  color: #fff;
  background-color: #000;
}
.dark .main-sidebar {
  color: #fff;
  background-color: #000;
}
.dark .content-wrapper {
  color: #001e1d;
  background-color: #587498;
}
.dark .navbar-light .navbar-nav .nav-link {
  color: #fff;
}
.dark .brand-text {
  color: #fff;
}
.dark .nav-header {
  color: #fff;
}
.dark .main-sidebar > .sidebar a {
  color: #fff;
}
.dark .main-sidebar > .sidebar .footer-link {
  color: #587498;
}
.dark .footer-nav-item {
  color: #fff;
}
.dark .footer-absolute {
  background-color: #000;
  border-top: 1px solid #dee2e6;
  color: #869099;
  width: 100%;
  /* padding: 0rem; */
}
.dark .footer-Fixed {
  position: fixed;
  background-color: #000;
  border-top: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  color: #fff;
  width: 100%;
  bottom: 0px;
  z-index: 1037;
}
@media screen and (max-width: 700px) {
  .dark {
    /* 700pxよりも小さい画面幅の場合 */
    /* フッターを下部固定表示 */
  }
  .dark .footer-Fixed {
    position: relative;
    background-color: #000;
    border-top: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    color: #fff;
    width: 100%;
    bottom: 0px;
    z-index: 1037;
  }
}
.dark .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark .alert.alert-success {
  color: #fff !important;
  background-color: #004643 !important;
}
.dark .item_title_color {
  color: #606060 !important;
  background-color: #e9ecef !important;
}
.dark .item_title_color.blue-disp {
  color: #606060 !important;
  background-color: #e9ecef !important;
}
@media screen and (max-width: 700px) {
  .dark .item_title_color {
    width: 100% !important;
  }
}
@media screen and (min-width: 701px) {
  .dark .item_title_color {
    min-width: 160px;
    max-width: 200px;
  }
}
.dark .item_title_color.child {
  min-width: 160px;
  max-width: 200px;
}
.dark .item_title_color_Approval {
  color: #606060 !important;
  background-color: #e9ecef !important;
  width: 100% !important;
}
.dark .item_title_color_child {
  color: #606060 !important;
  background-color: #e9ecef !important;
  min-width: 160px;
  max-width: 200px;
}
@media screen and (min-width: 701px) {
  .dark .item_width_haken {
    min-width: 160px !important;
    max-width: 250px !important;
  }
}
@media screen and (min-width: 701px) {
  .dark .item_width_genba,
  .dark .item_width_riyousya {
    min-width: 160px !important;
    max-width: 220px !important;
  }
}
.dark .nav-sidebar > .nav-item > .nav-link.active,
.dark .nav-sidebar > .nav-item > .sub-menu-nav > .nav-item > .nav-link.active {
  color: #001e1d !important;
  background-color: #f9bc60 !important;
  border-color: #587498 !important;
}
.dark .btn-primary,
.dark .btn-info,
.dark .page-item.active .page-link {
  color: #000 !important;
  background-color: #587498 !important;
  border-color: #587498 !important;
}
.dark button#btnNext {
  background-color: #000 !important;
}
.dark .btn-primary:hover,
.dark .btn-info:hover,
.dark .btn-primary:focus,
.dark .btn-info:focus {
  color: #587498 !important;
  background-color: #000 !important;
  border-color: #587498 !important;
  outline: 1px solid #587498 !important;
}
.dark .btn-primary:active,
.dark .btn-info:active {
  color: #000 !important;
  background-color: #587498 !important;
  border-color: #587498 !important;
}
.dark .nav-sidebar > .nav-item > .nav-link:hover,
.dark .nav-sidebar > .nav-item > .nav > .nav-item > .nav-link:hover {
  color: #FFF !important;
  background-color: #198754 !important;
  border-color: #587498 !important;
}
.dark .nav-sidebar > .nav-item > .nav-link:focus,
.dark .nav-sidebar > .nav-item > .nav > .nav-item > .nav-link:focus {
  color: #000;
  background-color: #587498;
}
.dark .custom-control-label {
  border-color: #001e1d !important;
}
.dark a,
.dark .btn-outline-primary {
  color: #587498;
  border-color: #587498;
}
.dark .table-list th {
  color: #fff !important;
  background-color: #004643 !important;
}
.dark .table-list th a {
  color: #606060;
}
.dark .table-list tr {
  border-top: 1px solid #e9ecef;
}
.dark .table-list.tr_border_none tr {
  border-top: none;
}
.dark .table-list.tr_border_none .tr_border_top {
  border-top: 1px solid #e9ecef;
}
.dark td u {
  color: rgb(79, 183, 172);
}
.dark td u a {
  color: rgb(79, 183, 172);
  border-color: #587498;
}
.dark .table-hover tbody tr:hover {
  background-color: #e9ecef;
}
.dark .btn-outline-primary:hover,
.dark .btn-outline-primary:focus {
  color: #000;
  background-color: #587498;
}
.dark .btn-outline-primary:active {
  color: #000 !important;
  background-color: #587498 !important;
  border-color: #587498 !important;
}
.dark .btn-outline-secondary {
  color: #587498;
  background-color: #fff;
}
.dark .btn-outline-secondary:hover,
.dark .btn-outline-secondary:focus {
  color: #587498;
  background-color: rgba(255, 255, 255, 0.2);
}
.dark .form-control:disabled {
  background-color: #9fa0a1;
  opacity: 1;
}
.dark .search-card .card-header,
.dark .news-card .card-header {
  background-color: #587498;
  border-color: #fff;
}
.dark .search-card .card-header a,
.dark .news-card .card-header a {
  color: #000;
}
.dark .search-card .card-body,
.dark .news-card .card-body {
  color: #fff;
  background-color: #000;
  border-color: #fff;
}
.dark .dash-card {
  /* ワーニングアイコン */
}
.dark .dash-card .card-header {
  background-color: #587498;
  border-color: #587498;
  color: #000;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
}
.dark .dash-card .card-header a {
  color: #000;
}
.dark .dash-card .card-body {
  color: #fff;
  background-color: #000;
  border-color: #587498;
  border-style: solid;
  border-width: thin;
  font-size: 1.1rem;
}
.dark .dash-card .card-body .warning {
  background-color: #FFC107;
}
.dark .dash-card .dispWarningIcon:before {
  font-family: "Material Icons";
  content: "error_outline";
  vertical-align: -5px;
  font-size: 2rem;
  color: #FFC107;
  animation: flash 2s linear infinite;
}
.dark .dash-card .dispWarningIcon2:before {
  font-family: "Material Icons";
  content: "error_outline";
  vertical-align: -5px;
  font-size: 2rem;
  color: #f18509;
  animation: flash 2s linear infinite;
}
@keyframes flash {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.dark .dash-card .dash-count2_caution {
  color: #EABC69;
}
.dark .dash-card .dash-count2_danger {
  color: #A63F3B;
}
.dark .dash-card .card-body3 .dash-count-title {
  color: #000;
}
.dark .dash-card .card-body3 .info-box {
  background-color: #587498;
  border-color: #000;
}
.dark .dash-card .card-body3 .info-box a {
  color: #000;
}
.dark .dash-card .card-body3 .dash-count3_caution {
  background-color: #EABC69;
}
.dark .dash-card .card-body3 .dash-count3_danger {
  background-color: #fd7e14;
}
.dark .flp .focussed .ch {
  color: #fff;
  background-color: #000;
}
.dark .fa-minus:before, .dark .fa-plus:before {
  color: #000;
}
.dark .step-card .card-header {
  background-color: #fff;
}
.dark .step-card .card-header.blue-disp {
  border-color: #adb5bd;
}
.dark .step-card .card-header a {
  color: #000;
}
.dark .step-card .card-header .title_Status {
  color: #000;
}
.dark .step-card .card-body-oya,
.dark .step-card .card-body {
  color: #fff;
  background-color: #000;
  border-color: #fff;
}
.dark .step-card .card-body-blue .item_title_color {
  color: #606060 !important;
  background-color: #e9ecef !important;
}
.dark .step-card .card-body-blue .btn-primary {
  color: #606060 !important;
  background-color: #adb5bd !important;
  border-color: #adb5bd !important;
}
.dark .step-card .card-body-blue .card-header {
  color: #606060 !important;
  background-color: #e9ecef !important;
  border-color: #adb5bd;
}
.dark .step-card .card-body-blue.skill-sheet a {
  color: #fff;
}
.dark .step-card .card-body-blue.skill-sheet .modal-header {
  color: #606060 !important;
  background-color: #e9ecef !important;
  border-top: 3px solid #adb5bd;
}
.dark .step-card .card-body-blue.skill-sheet .nav-link.active {
  color: #606060 !important;
  background-color: #adb5bd !important;
}
.dark .step-card .breakheader {
  color: #fff;
  background-color: #000;
  border-color: #fff;
}
.dark .chotatsu_prevBtn {
  background-color: #000;
}
.dark .nav-link.active {
  color: #000 !important;
  background-color: #f9bc60 !important;
}

.sidebar-collapse .dispmenuIcon:before {
  font-family: "Material Icons";
  content: "arrow_circle_right";
  font-size: 2.5rem;
  line-height: 1.2rem;
  vertical-align: middle;
}
.sidebar-collapse .dispmenuIconSide:before {
  font-family: "Material Icons";
  content: "arrow_circle_right";
  font-size: 2.5rem;
  line-height: 1.2rem;
  vertical-align: middle;
}

@media (min-width: 1009px) {
  .dispmenuIcon:before {
    font-family: "Material Icons";
    content: "arrow_circle_left";
    font-size: 2.5rem;
    line-height: 1.2rem;
    display: inline;
    vertical-align: middle;
  }
  .dispmenuIconSide:before {
    font-family: "Material Icons";
    content: "arrow_circle_left";
    font-size: 2.5rem;
    line-height: 1.2rem;
    vertical-align: middle;
  }
}
@media (min-width: 1009px) and (min-width: 991px) {
  .dispmenuIcon:before {
    display: none;
  }
}
@media (max-width: 1008px) {
  .dispmenuIcon:before {
    font-family: "Material Icons";
    content: "arrow_circle_right";
    font-size: 2.5rem;
    line-height: 1.2rem;
    display: inline;
    vertical-align: middle;
  }
  .dispmenuIconSide:before {
    font-family: "Material Icons";
    content: "arrow_circle_right";
    font-size: 2.5rem;
    line-height: 1.2rem;
    vertical-align: middle;
  }
}
.background-color-gray {
  background-color: rgba(128, 128, 128, 0.1) !important;
}

.type1 .navbar {
  color: #fff7f7;
  background-color: #204969;
}
.type1 .mobile_header_none {
  color: #fff7f7;
}
.type1 .main-header {
  color: #fff7f7;
  background-color: #204969;
}
.type1 .main-sidebar {
  color: #fff7f7;
  background-color: #204969;
}
.type1 .content-wrapper {
  color: #001e1d;
  background-color: #8ac6d1;
}
.type1 .navbar-light .navbar-nav .nav-link {
  color: #fff7f7;
}
.type1 .brand-text {
  color: #fff7f7;
}
.type1 .nav-header {
  color: #fff7f7;
}
.type1 .main-sidebar > .sidebar a {
  color: #fff7f7;
}
.type1 .main-sidebar > .sidebar .footer-link {
  color: #8ac6d1;
}
.type1 .footer-nav-item {
  color: #fff7f7;
}
.type1 .footer-absolute {
  background-color: #204969;
  border-top: 1px solid #dee2e6;
  color: #869099;
  width: 100%;
  /* padding: 0rem; */
}
.type1 .footer-Fixed {
  position: fixed;
  background-color: #204969;
  border-top: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  color: #fff7f7;
  width: 100%;
  bottom: 0px;
  z-index: 1037;
}
@media screen and (max-width: 700px) {
  .type1 {
    /* 700pxよりも小さい画面幅の場合 */
    /* フッターを下部固定表示 */
  }
  .type1 .footer-Fixed {
    position: relative;
    background-color: #204969;
    border-top: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    color: #fff7f7;
    width: 100%;
    bottom: 0px;
    z-index: 1037;
  }
}
.type1 .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 247, 247, 0.1);
}
.type1 .alert.alert-success {
  color: #fff !important;
  background-color: #004643 !important;
}
.type1 .item_title_color {
  color: #606060 !important;
  background-color: #e9ecef !important;
}
.type1 .item_title_color.blue-disp {
  color: #606060 !important;
  background-color: #e9ecef !important;
}
@media screen and (max-width: 700px) {
  .type1 .item_title_color {
    width: 100% !important;
  }
}
@media screen and (min-width: 701px) {
  .type1 .item_title_color {
    min-width: 160px;
    max-width: 200px;
  }
}
.type1 .item_title_color.child {
  min-width: 160px;
  max-width: 200px;
}
.type1 .item_title_color_Approval {
  color: #606060 !important;
  background-color: #e9ecef !important;
  width: 100% !important;
}
.type1 .item_title_color_child {
  color: #606060 !important;
  background-color: #e9ecef !important;
  min-width: 160px;
  max-width: 200px;
}
@media screen and (min-width: 701px) {
  .type1 .item_width_haken {
    min-width: 160px !important;
    max-width: 250px !important;
  }
}
@media screen and (min-width: 701px) {
  .type1 .item_width_genba,
  .type1 .item_width_riyousya {
    min-width: 160px !important;
    max-width: 220px !important;
  }
}
.type1 .nav-sidebar > .nav-item > .nav-link.active,
.type1 .nav-sidebar > .nav-item > .sub-menu-nav > .nav-item > .nav-link.active {
  color: #001e1d !important;
  background-color: #f9bc60 !important;
  border-color: #8ac6d1 !important;
}
.type1 .btn-primary,
.type1 .btn-info,
.type1 .page-item.active .page-link {
  color: #204969 !important;
  background-color: #8ac6d1 !important;
  border-color: #8ac6d1 !important;
}
.type1 button#btnNext {
  background-color: #204969 !important;
}
.type1 .btn-primary:hover,
.type1 .btn-info:hover,
.type1 .btn-primary:focus,
.type1 .btn-info:focus {
  color: #8ac6d1 !important;
  background-color: #204969 !important;
  border-color: #8ac6d1 !important;
  outline: 1px solid #8ac6d1 !important;
}
.type1 .btn-primary:active,
.type1 .btn-info:active {
  color: #204969 !important;
  background-color: #8ac6d1 !important;
  border-color: #8ac6d1 !important;
}
.type1 .nav-sidebar > .nav-item > .nav-link:hover,
.type1 .nav-sidebar > .nav-item > .nav > .nav-item > .nav-link:hover {
  color: #FFF !important;
  background-color: #198754 !important;
  border-color: #8ac6d1 !important;
}
.type1 .nav-sidebar > .nav-item > .nav-link:focus,
.type1 .nav-sidebar > .nav-item > .nav > .nav-item > .nav-link:focus {
  color: #204969;
  background-color: #8ac6d1;
}
.type1 .custom-control-label {
  border-color: #001e1d !important;
}
.type1 a,
.type1 .btn-outline-primary {
  color: #8ac6d1;
  border-color: #8ac6d1;
}
.type1 .table-list th {
  color: #fff !important;
  background-color: #004643 !important;
}
.type1 .table-list th a {
  color: #606060;
}
.type1 .table-list tr {
  border-top: 1px solid #e9ecef;
}
.type1 .table-list.tr_border_none tr {
  border-top: none;
}
.type1 .table-list.tr_border_none .tr_border_top {
  border-top: 1px solid #e9ecef;
}
.type1 td u {
  color: rgb(79, 183, 172);
}
.type1 td u a {
  color: rgb(79, 183, 172);
  border-color: #8ac6d1;
}
.type1 .table-hover tbody tr:hover {
  background-color: #e9ecef;
}
.type1 .btn-outline-primary:hover,
.type1 .btn-outline-primary:focus {
  color: #204969;
  background-color: #8ac6d1;
}
.type1 .btn-outline-primary:active {
  color: #204969 !important;
  background-color: #8ac6d1 !important;
  border-color: #8ac6d1 !important;
}
.type1 .btn-outline-secondary {
  color: #8ac6d1;
  background-color: #fff;
}
.type1 .btn-outline-secondary:hover,
.type1 .btn-outline-secondary:focus {
  color: #8ac6d1;
  background-color: rgba(255, 247, 247, 0.2);
}
.type1 .form-control:disabled {
  background-color: #9fa0a1;
  opacity: 1;
}
.type1 .search-card .card-header,
.type1 .news-card .card-header {
  background-color: #8ac6d1;
  border-color: #fff7f7;
}
.type1 .search-card .card-header a,
.type1 .news-card .card-header a {
  color: #204969;
}
.type1 .search-card .card-body,
.type1 .news-card .card-body {
  color: #fff7f7;
  background-color: #204969;
  border-color: #fff7f7;
}
.type1 .dash-card {
  /* ワーニングアイコン */
}
.type1 .dash-card .card-header {
  background-color: #8ac6d1;
  border-color: #8ac6d1;
  color: #204969;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
}
.type1 .dash-card .card-header a {
  color: #204969;
}
.type1 .dash-card .card-body {
  color: #fff7f7;
  background-color: #204969;
  border-color: #8ac6d1;
  border-style: solid;
  border-width: thin;
  font-size: 1.1rem;
}
.type1 .dash-card .card-body .warning {
  background-color: #FFC107;
}
.type1 .dash-card .dispWarningIcon:before {
  font-family: "Material Icons";
  content: "error_outline";
  vertical-align: -5px;
  font-size: 2rem;
  color: #FFC107;
  animation: flash 2s linear infinite;
}
.type1 .dash-card .dispWarningIcon2:before {
  font-family: "Material Icons";
  content: "error_outline";
  vertical-align: -5px;
  font-size: 2rem;
  color: #f18509;
  animation: flash 2s linear infinite;
}
@keyframes flash {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.type1 .dash-card .dash-count2_caution {
  color: #EABC69;
}
.type1 .dash-card .dash-count2_danger {
  color: #A63F3B;
}
.type1 .dash-card .card-body3 .dash-count-title {
  color: #204969;
}
.type1 .dash-card .card-body3 .info-box {
  background-color: #8ac6d1;
  border-color: #204969;
}
.type1 .dash-card .card-body3 .info-box a {
  color: #204969;
}
.type1 .dash-card .card-body3 .dash-count3_caution {
  background-color: #EABC69;
}
.type1 .dash-card .card-body3 .dash-count3_danger {
  background-color: #fd7e14;
}
.type1 .flp .focussed .ch {
  color: #fff7f7;
  background-color: #204969;
}
.type1 .fa-minus:before, .type1 .fa-plus:before {
  color: #204969;
}
.type1 .step-card .card-header {
  background-color: #fff;
}
.type1 .step-card .card-header.blue-disp {
  border-color: #adb5bd;
}
.type1 .step-card .card-header a {
  color: #204969;
}
.type1 .step-card .card-header .title_Status {
  color: #204969;
}
.type1 .step-card .card-body-oya,
.type1 .step-card .card-body {
  color: #fff7f7;
  background-color: #204969;
  border-color: #fff7f7;
}
.type1 .step-card .card-body-blue .item_title_color {
  color: #606060 !important;
  background-color: #e9ecef !important;
}
.type1 .step-card .card-body-blue .btn-primary {
  color: #606060 !important;
  background-color: #adb5bd !important;
  border-color: #adb5bd !important;
}
.type1 .step-card .card-body-blue .card-header {
  color: #606060 !important;
  background-color: #e9ecef !important;
  border-color: #adb5bd;
}
.type1 .step-card .card-body-blue.skill-sheet a {
  color: #fff7f7;
}
.type1 .step-card .card-body-blue.skill-sheet .modal-header {
  color: #606060 !important;
  background-color: #e9ecef !important;
  border-top: 3px solid #adb5bd;
}
.type1 .step-card .card-body-blue.skill-sheet .nav-link.active {
  color: #606060 !important;
  background-color: #adb5bd !important;
}
.type1 .step-card .breakheader {
  color: #fff7f7;
  background-color: #204969;
  border-color: #fff7f7;
}
.type1 .chotatsu_prevBtn {
  background-color: #204969;
}
.type1 .nav-link.active {
  color: #204969 !important;
  background-color: #f9bc60 !important;
}

.sidebar-collapse .dispmenuIcon:before {
  font-family: "Material Icons";
  content: "arrow_circle_right";
  font-size: 2.5rem;
  line-height: 1.2rem;
  vertical-align: middle;
}
.sidebar-collapse .dispmenuIconSide:before {
  font-family: "Material Icons";
  content: "arrow_circle_right";
  font-size: 2.5rem;
  line-height: 1.2rem;
  vertical-align: middle;
}

@media (min-width: 1009px) {
  .dispmenuIcon:before {
    font-family: "Material Icons";
    content: "arrow_circle_left";
    font-size: 2.5rem;
    line-height: 1.2rem;
    display: inline;
    vertical-align: middle;
  }
  .dispmenuIconSide:before {
    font-family: "Material Icons";
    content: "arrow_circle_left";
    font-size: 2.5rem;
    line-height: 1.2rem;
    vertical-align: middle;
  }
}
@media (min-width: 1009px) and (min-width: 991px) {
  .dispmenuIcon:before {
    display: none;
  }
}
@media (max-width: 1008px) {
  .dispmenuIcon:before {
    font-family: "Material Icons";
    content: "arrow_circle_right";
    font-size: 2.5rem;
    line-height: 1.2rem;
    display: inline;
    vertical-align: middle;
  }
  .dispmenuIconSide:before {
    font-family: "Material Icons";
    content: "arrow_circle_right";
    font-size: 2.5rem;
    line-height: 1.2rem;
    vertical-align: middle;
  }
}
.background-color-gray {
  background-color: rgba(128, 128, 128, 0.1) !important;
}

.type2 .navbar {
  color: #fff7f7;
  background-color: #3b8686;
}
.type2 .mobile_header_none {
  color: #fff7f7;
}
.type2 .main-header {
  color: #fff7f7;
  background-color: #3b8686;
}
.type2 .main-sidebar {
  color: #fff7f7;
  background-color: #3b8686;
}
.type2 .content-wrapper {
  color: #001e1d;
  background-color: #CDFFFF;
}
.type2 .navbar-light .navbar-nav .nav-link {
  color: #fff7f7;
}
.type2 .brand-text {
  color: #fff7f7;
}
.type2 .nav-header {
  color: #fff7f7;
}
.type2 .main-sidebar > .sidebar a {
  color: #fff7f7;
}
.type2 .main-sidebar > .sidebar .footer-link {
  color: #CDFFFF;
}
.type2 .footer-nav-item {
  color: #fff7f7;
}
.type2 .footer-absolute {
  background-color: #3b8686;
  border-top: 1px solid #dee2e6;
  color: #869099;
  width: 100%;
  /* padding: 0rem; */
}
.type2 .footer-Fixed {
  position: fixed;
  background-color: #3b8686;
  border-top: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  color: #fff7f7;
  width: 100%;
  bottom: 0px;
  z-index: 1037;
}
@media screen and (max-width: 700px) {
  .type2 {
    /* 700pxよりも小さい画面幅の場合 */
    /* フッターを下部固定表示 */
  }
  .type2 .footer-Fixed {
    position: relative;
    background-color: #3b8686;
    border-top: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    color: #fff7f7;
    width: 100%;
    bottom: 0px;
    z-index: 1037;
  }
}
.type2 .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 247, 247, 0.1);
}
.type2 .alert.alert-success {
  color: #fff !important;
  background-color: #004643 !important;
}
.type2 .item_title_color {
  color: #606060 !important;
  background-color: #e9ecef !important;
}
.type2 .item_title_color.blue-disp {
  color: #606060 !important;
  background-color: #e9ecef !important;
}
@media screen and (max-width: 700px) {
  .type2 .item_title_color {
    width: 100% !important;
  }
}
@media screen and (min-width: 701px) {
  .type2 .item_title_color {
    min-width: 160px;
    max-width: 200px;
  }
}
.type2 .item_title_color.child {
  min-width: 160px;
  max-width: 200px;
}
.type2 .item_title_color_Approval {
  color: #606060 !important;
  background-color: #e9ecef !important;
  width: 100% !important;
}
.type2 .item_title_color_child {
  color: #606060 !important;
  background-color: #e9ecef !important;
  min-width: 160px;
  max-width: 200px;
}
@media screen and (min-width: 701px) {
  .type2 .item_width_haken {
    min-width: 160px !important;
    max-width: 250px !important;
  }
}
@media screen and (min-width: 701px) {
  .type2 .item_width_genba,
  .type2 .item_width_riyousya {
    min-width: 160px !important;
    max-width: 220px !important;
  }
}
.type2 .nav-sidebar > .nav-item > .nav-link.active,
.type2 .nav-sidebar > .nav-item > .sub-menu-nav > .nav-item > .nav-link.active {
  color: #001e1d !important;
  background-color: #f9bc60 !important;
  border-color: #CDFFFF !important;
}
.type2 .btn-primary,
.type2 .btn-info,
.type2 .page-item.active .page-link {
  color: #3b8686 !important;
  background-color: #CDFFFF !important;
  border-color: #CDFFFF !important;
}
.type2 button#btnNext {
  background-color: #3b8686 !important;
}
.type2 .btn-primary:hover,
.type2 .btn-info:hover,
.type2 .btn-primary:focus,
.type2 .btn-info:focus {
  color: #CDFFFF !important;
  background-color: #3b8686 !important;
  border-color: #CDFFFF !important;
  outline: 1px solid #CDFFFF !important;
}
.type2 .btn-primary:active,
.type2 .btn-info:active {
  color: #3b8686 !important;
  background-color: #CDFFFF !important;
  border-color: #CDFFFF !important;
}
.type2 .nav-sidebar > .nav-item > .nav-link:hover,
.type2 .nav-sidebar > .nav-item > .nav > .nav-item > .nav-link:hover {
  color: #FFF !important;
  background-color: #198754 !important;
  border-color: #CDFFFF !important;
}
.type2 .nav-sidebar > .nav-item > .nav-link:focus,
.type2 .nav-sidebar > .nav-item > .nav > .nav-item > .nav-link:focus {
  color: #3b8686;
  background-color: #CDFFFF;
}
.type2 .custom-control-label {
  border-color: #001e1d !important;
}
.type2 a,
.type2 .btn-outline-primary {
  color: #CDFFFF;
  border-color: #CDFFFF;
}
.type2 .table-list th {
  color: #fff !important;
  background-color: #004643 !important;
}
.type2 .table-list th a {
  color: #606060;
}
.type2 .table-list tr {
  border-top: 1px solid #e9ecef;
}
.type2 .table-list.tr_border_none tr {
  border-top: none;
}
.type2 .table-list.tr_border_none .tr_border_top {
  border-top: 1px solid #e9ecef;
}
.type2 td u {
  color: rgb(79, 183, 172);
}
.type2 td u a {
  color: rgb(79, 183, 172);
  border-color: #CDFFFF;
}
.type2 .table-hover tbody tr:hover {
  background-color: #e9ecef;
}
.type2 .btn-outline-primary:hover,
.type2 .btn-outline-primary:focus {
  color: #3b8686;
  background-color: #CDFFFF;
}
.type2 .btn-outline-primary:active {
  color: #3b8686 !important;
  background-color: #CDFFFF !important;
  border-color: #CDFFFF !important;
}
.type2 .btn-outline-secondary {
  color: #CDFFFF;
  background-color: #fff;
}
.type2 .btn-outline-secondary:hover,
.type2 .btn-outline-secondary:focus {
  color: #CDFFFF;
  background-color: rgba(255, 247, 247, 0.2);
}
.type2 .form-control:disabled {
  background-color: #9fa0a1;
  opacity: 1;
}
.type2 .search-card .card-header,
.type2 .news-card .card-header {
  background-color: #CDFFFF;
  border-color: #fff7f7;
}
.type2 .search-card .card-header a,
.type2 .news-card .card-header a {
  color: #3b8686;
}
.type2 .search-card .card-body,
.type2 .news-card .card-body {
  color: #fff7f7;
  background-color: #3b8686;
  border-color: #fff7f7;
}
.type2 .dash-card {
  /* ワーニングアイコン */
}
.type2 .dash-card .card-header {
  background-color: #CDFFFF;
  border-color: #CDFFFF;
  color: #3b8686;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
}
.type2 .dash-card .card-header a {
  color: #3b8686;
}
.type2 .dash-card .card-body {
  color: #fff7f7;
  background-color: #3b8686;
  border-color: #CDFFFF;
  border-style: solid;
  border-width: thin;
  font-size: 1.1rem;
}
.type2 .dash-card .card-body .warning {
  background-color: #FFC107;
}
.type2 .dash-card .dispWarningIcon:before {
  font-family: "Material Icons";
  content: "error_outline";
  vertical-align: -5px;
  font-size: 2rem;
  color: #FFC107;
  animation: flash 2s linear infinite;
}
.type2 .dash-card .dispWarningIcon2:before {
  font-family: "Material Icons";
  content: "error_outline";
  vertical-align: -5px;
  font-size: 2rem;
  color: #f18509;
  animation: flash 2s linear infinite;
}
@keyframes flash {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.type2 .dash-card .dash-count2_caution {
  color: #EABC69;
}
.type2 .dash-card .dash-count2_danger {
  color: #A63F3B;
}
.type2 .dash-card .card-body3 .dash-count-title {
  color: #3b8686;
}
.type2 .dash-card .card-body3 .info-box {
  background-color: #CDFFFF;
  border-color: #3b8686;
}
.type2 .dash-card .card-body3 .info-box a {
  color: #3b8686;
}
.type2 .dash-card .card-body3 .dash-count3_caution {
  background-color: #EABC69;
}
.type2 .dash-card .card-body3 .dash-count3_danger {
  background-color: #fd7e14;
}
.type2 .flp .focussed .ch {
  color: #fff7f7;
  background-color: #3b8686;
}
.type2 .fa-minus:before, .type2 .fa-plus:before {
  color: #3b8686;
}
.type2 .step-card .card-header {
  background-color: #fff;
}
.type2 .step-card .card-header.blue-disp {
  border-color: #adb5bd;
}
.type2 .step-card .card-header a {
  color: #3b8686;
}
.type2 .step-card .card-header .title_Status {
  color: #3b8686;
}
.type2 .step-card .card-body-oya,
.type2 .step-card .card-body {
  color: #fff7f7;
  background-color: #3b8686;
  border-color: #fff7f7;
}
.type2 .step-card .card-body-blue .item_title_color {
  color: #606060 !important;
  background-color: #e9ecef !important;
}
.type2 .step-card .card-body-blue .btn-primary {
  color: #606060 !important;
  background-color: #adb5bd !important;
  border-color: #adb5bd !important;
}
.type2 .step-card .card-body-blue .card-header {
  color: #606060 !important;
  background-color: #e9ecef !important;
  border-color: #adb5bd;
}
.type2 .step-card .card-body-blue.skill-sheet a {
  color: #fff7f7;
}
.type2 .step-card .card-body-blue.skill-sheet .modal-header {
  color: #606060 !important;
  background-color: #e9ecef !important;
  border-top: 3px solid #adb5bd;
}
.type2 .step-card .card-body-blue.skill-sheet .nav-link.active {
  color: #606060 !important;
  background-color: #adb5bd !important;
}
.type2 .step-card .breakheader {
  color: #fff7f7;
  background-color: #3b8686;
  border-color: #fff7f7;
}
.type2 .chotatsu_prevBtn {
  background-color: #3b8686;
}
.type2 .nav-link.active {
  color: #3b8686 !important;
  background-color: #f9bc60 !important;
}

.sidebar-collapse .dispmenuIcon:before {
  font-family: "Material Icons";
  content: "arrow_circle_right";
  font-size: 2.5rem;
  line-height: 1.2rem;
  vertical-align: middle;
}
.sidebar-collapse .dispmenuIconSide:before {
  font-family: "Material Icons";
  content: "arrow_circle_right";
  font-size: 2.5rem;
  line-height: 1.2rem;
  vertical-align: middle;
}

@media (min-width: 1009px) {
  .dispmenuIcon:before {
    font-family: "Material Icons";
    content: "arrow_circle_left";
    font-size: 2.5rem;
    line-height: 1.2rem;
    display: inline;
    vertical-align: middle;
  }
  .dispmenuIconSide:before {
    font-family: "Material Icons";
    content: "arrow_circle_left";
    font-size: 2.5rem;
    line-height: 1.2rem;
    vertical-align: middle;
  }
}
@media (min-width: 1009px) and (min-width: 991px) {
  .dispmenuIcon:before {
    display: none;
  }
}
@media (max-width: 1008px) {
  .dispmenuIcon:before {
    font-family: "Material Icons";
    content: "arrow_circle_right";
    font-size: 2.5rem;
    line-height: 1.2rem;
    display: inline;
    vertical-align: middle;
  }
  .dispmenuIconSide:before {
    font-family: "Material Icons";
    content: "arrow_circle_right";
    font-size: 2.5rem;
    line-height: 1.2rem;
    vertical-align: middle;
  }
}
.background-color-gray {
  background-color: rgba(128, 128, 128, 0.1) !important;
}

.type3 .navbar {
  color: #204969;
  background-color: #fae3d9;
}
.type3 .mobile_header_none {
  color: #204969;
}
.type3 .main-header {
  color: #204969;
  background-color: #fae3d9;
}
.type3 .main-sidebar {
  color: #204969;
  background-color: #fae3d9;
}
.type3 .content-wrapper {
  color: #001e1d;
  background-color: #348498;
}
.type3 .navbar-light .navbar-nav .nav-link {
  color: #204969;
}
.type3 .brand-text {
  color: #204969;
}
.type3 .nav-header {
  color: #204969;
}
.type3 .main-sidebar > .sidebar a {
  color: #204969;
}
.type3 .main-sidebar > .sidebar .footer-link {
  color: #348498;
}
.type3 .footer-nav-item {
  color: #204969;
}
.type3 .footer-absolute {
  background-color: #fae3d9;
  border-top: 1px solid #dee2e6;
  color: #869099;
  width: 100%;
  /* padding: 0rem; */
}
.type3 .footer-Fixed {
  position: fixed;
  background-color: #fae3d9;
  border-top: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  color: #204969;
  width: 100%;
  bottom: 0px;
  z-index: 1037;
}
@media screen and (max-width: 700px) {
  .type3 {
    /* 700pxよりも小さい画面幅の場合 */
    /* フッターを下部固定表示 */
  }
  .type3 .footer-Fixed {
    position: relative;
    background-color: #fae3d9;
    border-top: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    color: #204969;
    width: 100%;
    bottom: 0px;
    z-index: 1037;
  }
}
.type3 .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(32, 73, 105, 0.1);
}
.type3 .alert.alert-success {
  color: #fff !important;
  background-color: #004643 !important;
}
.type3 .item_title_color {
  color: #606060 !important;
  background-color: #e9ecef !important;
}
.type3 .item_title_color.blue-disp {
  color: #606060 !important;
  background-color: #e9ecef !important;
}
@media screen and (max-width: 700px) {
  .type3 .item_title_color {
    width: 100% !important;
  }
}
@media screen and (min-width: 701px) {
  .type3 .item_title_color {
    min-width: 160px;
    max-width: 200px;
  }
}
.type3 .item_title_color.child {
  min-width: 160px;
  max-width: 200px;
}
.type3 .item_title_color_Approval {
  color: #606060 !important;
  background-color: #e9ecef !important;
  width: 100% !important;
}
.type3 .item_title_color_child {
  color: #606060 !important;
  background-color: #e9ecef !important;
  min-width: 160px;
  max-width: 200px;
}
@media screen and (min-width: 701px) {
  .type3 .item_width_haken {
    min-width: 160px !important;
    max-width: 250px !important;
  }
}
@media screen and (min-width: 701px) {
  .type3 .item_width_genba,
  .type3 .item_width_riyousya {
    min-width: 160px !important;
    max-width: 220px !important;
  }
}
.type3 .nav-sidebar > .nav-item > .nav-link.active,
.type3 .nav-sidebar > .nav-item > .sub-menu-nav > .nav-item > .nav-link.active {
  color: #001e1d !important;
  background-color: #f9bc60 !important;
  border-color: #348498 !important;
}
.type3 .btn-primary,
.type3 .btn-info,
.type3 .page-item.active .page-link {
  color: #fae3d9 !important;
  background-color: #348498 !important;
  border-color: #348498 !important;
}
.type3 button#btnNext {
  background-color: #fae3d9 !important;
}
.type3 .btn-primary:hover,
.type3 .btn-info:hover,
.type3 .btn-primary:focus,
.type3 .btn-info:focus {
  color: #348498 !important;
  background-color: #fae3d9 !important;
  border-color: #348498 !important;
  outline: 1px solid #348498 !important;
}
.type3 .btn-primary:active,
.type3 .btn-info:active {
  color: #fae3d9 !important;
  background-color: #348498 !important;
  border-color: #348498 !important;
}
.type3 .nav-sidebar > .nav-item > .nav-link:hover,
.type3 .nav-sidebar > .nav-item > .nav > .nav-item > .nav-link:hover {
  color: #FFF !important;
  background-color: #198754 !important;
  border-color: #348498 !important;
}
.type3 .nav-sidebar > .nav-item > .nav-link:focus,
.type3 .nav-sidebar > .nav-item > .nav > .nav-item > .nav-link:focus {
  color: #fae3d9;
  background-color: #348498;
}
.type3 .custom-control-label {
  border-color: #001e1d !important;
}
.type3 a,
.type3 .btn-outline-primary {
  color: #348498;
  border-color: #348498;
}
.type3 .table-list th {
  color: #fff !important;
  background-color: #004643 !important;
}
.type3 .table-list th a {
  color: #606060;
}
.type3 .table-list tr {
  border-top: 1px solid #e9ecef;
}
.type3 .table-list.tr_border_none tr {
  border-top: none;
}
.type3 .table-list.tr_border_none .tr_border_top {
  border-top: 1px solid #e9ecef;
}
.type3 td u {
  color: rgb(79, 183, 172);
}
.type3 td u a {
  color: rgb(79, 183, 172);
  border-color: #348498;
}
.type3 .table-hover tbody tr:hover {
  background-color: #e9ecef;
}
.type3 .btn-outline-primary:hover,
.type3 .btn-outline-primary:focus {
  color: #fae3d9;
  background-color: #348498;
}
.type3 .btn-outline-primary:active {
  color: #fae3d9 !important;
  background-color: #348498 !important;
  border-color: #348498 !important;
}
.type3 .btn-outline-secondary {
  color: #348498;
  background-color: #fff;
}
.type3 .btn-outline-secondary:hover,
.type3 .btn-outline-secondary:focus {
  color: #348498;
  background-color: rgba(32, 73, 105, 0.2);
}
.type3 .form-control:disabled {
  background-color: #9fa0a1;
  opacity: 1;
}
.type3 .search-card .card-header,
.type3 .news-card .card-header {
  background-color: #348498;
  border-color: #204969;
}
.type3 .search-card .card-header a,
.type3 .news-card .card-header a {
  color: #fae3d9;
}
.type3 .search-card .card-body,
.type3 .news-card .card-body {
  color: #204969;
  background-color: #fae3d9;
  border-color: #204969;
}
.type3 .dash-card {
  /* ワーニングアイコン */
}
.type3 .dash-card .card-header {
  background-color: #348498;
  border-color: #348498;
  color: #fae3d9;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
}
.type3 .dash-card .card-header a {
  color: #fae3d9;
}
.type3 .dash-card .card-body {
  color: #204969;
  background-color: #fae3d9;
  border-color: #348498;
  border-style: solid;
  border-width: thin;
  font-size: 1.1rem;
}
.type3 .dash-card .card-body .warning {
  background-color: #FFC107;
}
.type3 .dash-card .dispWarningIcon:before {
  font-family: "Material Icons";
  content: "error_outline";
  vertical-align: -5px;
  font-size: 2rem;
  color: #FFC107;
  animation: flash 2s linear infinite;
}
.type3 .dash-card .dispWarningIcon2:before {
  font-family: "Material Icons";
  content: "error_outline";
  vertical-align: -5px;
  font-size: 2rem;
  color: #f18509;
  animation: flash 2s linear infinite;
}
@keyframes flash {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.type3 .dash-card .dash-count2_caution {
  color: #EABC69;
}
.type3 .dash-card .dash-count2_danger {
  color: #A63F3B;
}
.type3 .dash-card .card-body3 .dash-count-title {
  color: #fae3d9;
}
.type3 .dash-card .card-body3 .info-box {
  background-color: #348498;
  border-color: #fae3d9;
}
.type3 .dash-card .card-body3 .info-box a {
  color: #fae3d9;
}
.type3 .dash-card .card-body3 .dash-count3_caution {
  background-color: #EABC69;
}
.type3 .dash-card .card-body3 .dash-count3_danger {
  background-color: #fd7e14;
}
.type3 .flp .focussed .ch {
  color: #204969;
  background-color: #fae3d9;
}
.type3 .fa-minus:before, .type3 .fa-plus:before {
  color: #fae3d9;
}
.type3 .step-card .card-header {
  background-color: #fff;
}
.type3 .step-card .card-header.blue-disp {
  border-color: #adb5bd;
}
.type3 .step-card .card-header a {
  color: #fae3d9;
}
.type3 .step-card .card-header .title_Status {
  color: #fae3d9;
}
.type3 .step-card .card-body-oya,
.type3 .step-card .card-body {
  color: #204969;
  background-color: #fae3d9;
  border-color: #204969;
}
.type3 .step-card .card-body-blue .item_title_color {
  color: #606060 !important;
  background-color: #e9ecef !important;
}
.type3 .step-card .card-body-blue .btn-primary {
  color: #606060 !important;
  background-color: #adb5bd !important;
  border-color: #adb5bd !important;
}
.type3 .step-card .card-body-blue .card-header {
  color: #606060 !important;
  background-color: #e9ecef !important;
  border-color: #adb5bd;
}
.type3 .step-card .card-body-blue.skill-sheet a {
  color: #204969;
}
.type3 .step-card .card-body-blue.skill-sheet .modal-header {
  color: #606060 !important;
  background-color: #e9ecef !important;
  border-top: 3px solid #adb5bd;
}
.type3 .step-card .card-body-blue.skill-sheet .nav-link.active {
  color: #606060 !important;
  background-color: #adb5bd !important;
}
.type3 .step-card .breakheader {
  color: #204969;
  background-color: #fae3d9;
  border-color: #204969;
}
.type3 .chotatsu_prevBtn {
  background-color: #fae3d9;
}
.type3 .nav-link.active {
  color: #fae3d9 !important;
  background-color: #f9bc60 !important;
}

.sidebar-collapse .dispmenuIcon:before {
  font-family: "Material Icons";
  content: "arrow_circle_right";
  font-size: 2.5rem;
  line-height: 1.2rem;
  vertical-align: middle;
}
.sidebar-collapse .dispmenuIconSide:before {
  font-family: "Material Icons";
  content: "arrow_circle_right";
  font-size: 2.5rem;
  line-height: 1.2rem;
  vertical-align: middle;
}

@media (min-width: 1009px) {
  .dispmenuIcon:before {
    font-family: "Material Icons";
    content: "arrow_circle_left";
    font-size: 2.5rem;
    line-height: 1.2rem;
    display: inline;
    vertical-align: middle;
  }
  .dispmenuIconSide:before {
    font-family: "Material Icons";
    content: "arrow_circle_left";
    font-size: 2.5rem;
    line-height: 1.2rem;
    vertical-align: middle;
  }
}
@media (min-width: 1009px) and (min-width: 991px) {
  .dispmenuIcon:before {
    display: none;
  }
}
@media (max-width: 1008px) {
  .dispmenuIcon:before {
    font-family: "Material Icons";
    content: "arrow_circle_right";
    font-size: 2.5rem;
    line-height: 1.2rem;
    display: inline;
    vertical-align: middle;
  }
  .dispmenuIconSide:before {
    font-family: "Material Icons";
    content: "arrow_circle_right";
    font-size: 2.5rem;
    line-height: 1.2rem;
    vertical-align: middle;
  }
}
.background-color-gray {
  background-color: rgba(128, 128, 128, 0.1) !important;
}/*# sourceMappingURL=theme-color.css.map */