/* process (maintenance / hosyou): bottom-bar.active 時 SP メニューを画面幅100%に */
@media screen and (max-width: 768px) {
  html.mjw-gnav body.page-process-maintenance header nav.global:has(.bottom-bar.active),
  html.mjw-gnav body.page-process-hosyou header nav.global:has(.bottom-bar.active) {
    width: 100% !important;
    max-width: 100% !important;
  }

  html.mjw-gnav body.page-process-maintenance header nav.global .bottom-bar.active,
  html.mjw-gnav body.page-process-maintenance header nav.global .bottom-bar.active .nav-container,
  html.mjw-gnav body.page-process-hosyou header nav.global .bottom-bar.active,
  html.mjw-gnav body.page-process-hosyou header nav.global .bottom-bar.active .nav-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    min-height: calc(100vh - 52px) !important;
    min-height: calc(100dvh - 52px) !important;
  }

  html.mjw-gnav body.page-process-maintenance header nav.global ul.nav-list,
  html.mjw-gnav body.page-process-maintenance header nav.global ul.nav-list.active,
  html.mjw-gnav body.page-process-hosyou header nav.global ul.nav-list,
  html.mjw-gnav body.page-process-hosyou header nav.global ul.nav-list.active {
    position: fixed !important;
    top: 52px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    -webkit-transform: translateX(100%) !important;
    transform: translateX(100%) !important;
  }

  html.mjw-gnav body.page-process-maintenance header nav.global ul.nav-list.active,
  html.mjw-gnav body.page-process-hosyou header nav.global ul.nav-list.active {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }

  html.mjw-gnav body.page-process-maintenance header nav.global ul.nav-list li,
  html.mjw-gnav body.page-process-maintenance header nav.global ul.nav-list li a,
  html.mjw-gnav body.page-process-hosyou header nav.global ul.nav-list li,
  html.mjw-gnav body.page-process-hosyou header nav.global ul.nav-list li a {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}