/**
 * Office Submenu Contrast
 * PC（768px以上）のグローバルメニューで、「取扱業務」の下に出るサブメニューの文字を
 * 紺・太字にして読みやすくします。上段メニューとスマホメニューは変更しません。
 */

@media (min-width: 768px) {
  html body #header_container #global_menu_nav:not(.mq-mode) #global_menu_ul > .menu-item > ul.sub-menu {
    background-color: #ffffff !important;
  }

  html body #header_container #global_menu_nav:not(.mq-mode) #global_menu_ul > .menu-item > ul.sub-menu .menu-item,
  html body #header_container #global_menu_nav:not(.mq-mode) #global_menu_ul > .menu-item > ul.sub-menu .menu-item > .menu-link,
  html body #header_container #global_menu_nav:not(.mq-mode) #global_menu_ul > .menu-item > ul.sub-menu .menu-title {
    color: #0b2a5b !important;
    font-weight: 700 !important;
  }

  html body #header_container #global_menu_nav:not(.mq-mode) #global_menu_ul > .menu-item > ul.sub-menu .menu-item:hover,
  html body #header_container #global_menu_nav:not(.mq-mode) #global_menu_ul > .menu-item > ul.sub-menu .menu-item:hover > .menu-link,
  html body #header_container #global_menu_nav:not(.mq-mode) #global_menu_ul > .menu-item > ul.sub-menu .menu-item:hover .menu-title,
  html body #header_container #global_menu_nav:not(.mq-mode) #global_menu_ul > .menu-item > ul.sub-menu .menu-item > .menu-link:hover,
  html body #header_container #global_menu_nav:not(.mq-mode) #global_menu_ul > .menu-item > ul.sub-menu .menu-item > .menu-link:focus {
    color: #0b2a5b !important;
    background-color: #e8eef6 !important;
    font-weight: 700 !important;
  }
}
