@charset "UTF-8";
/*
 * ***********************************************************
 * color settings
 * ***********************************************************
*/
:root {
  --DEF: #000;
  --MAIN: #003884;
  --ACC: #0c6cf0;
  --OTH: #1d2734;
  --GRY: #ddd;
  --LGRY: #f5f5f5;
  --DGRY: #707070;
  --WHT: #fff;
  --LINK: #003884;
  --RED: #d00;
  --LMAIN: #eceef2;
  --LACC: #eff1f5;
  --LOTH: #4a535f;
}
/* Setting the border color(columns default color) */
:root {
  --borderColumnColor: var(--GRY);
}
/*
 * ***********************************************************
 * font family
 * ***********************************************************
*/
:root {
  --fntBase: "Montserrat", "Noto Sans JP", Meiryo, sans-serif;
  --fntEN: "Roboto", sans-serif;
}

/*---------- 下層ページの背景色をOTHにする ----------*/
html:has(.u-under-bg) {
  :where(#wrapper) {
    background-color: var(--OTH);
    /* color: var(--WHT); */
  }
  .lib-breadcrumb__list li::after,
  .lib-breadcrumb__list li a {
    color: var(--WHT);
  }
  /* 管理画面 */
  .mce-edit-area {
    background-color: var(--OTH) !important;
  }
}

/*---------- 採用の下層ページの背景色を#112E57にする ----------*/
html:has(.u-under-recruit) {
  :where(#wrapper) {
    background-color: #112e57;
  }
  .lib-hero__outer .lib-wide__outer {
    background-color: var(--OTH);
  }
  .lib-breadcrumb__outer {
    background-color: var(--DEF);
    li a {
      color: var(--WHT);
    }
  }
}