/* --------------------------------------------------------------------------
  /assets/css/common/utility.css
-------------------------------------------------------------------------- */
.u-bg-table-head-01{
    background-color: #C7F0CE;
}
.u-bg-table-head-02{
    background-color:var(--sub-color-02);
}

/* --------------------------------------------------------------------------
  /assets/css/common/layout.css
-------------------------------------------------------------------------- */
@media (min-width: 768px), print {
  .l-hero {
    background: url("/assets/img/common/hero_bg_gx_tl.png") no-repeat top left / calc(277 / var(--font-size) * 1rem) calc(125 / var(--font-size) * 1rem),
                url("/assets/img/common/hero_bg_gx_br.png") no-repeat bottom right / calc(301 / var(--font-size) * 1rem) calc(101 / var(--font-size) * 1rem),
                url("/assets/img/common/hero_bg_gx_tr.png") no-repeat top right / calc(232 / var(--font-size) * 1rem) calc(150 / var(--font-size) * 1rem),
                url("/assets/img/common/hero_bg_gx_bl.png") no-repeat bottom left / calc(188 / var(--font-size) * 1rem) calc(167 / var(--font-size) * 1rem);
  }
  .l-hero::before{
    background: var(--sub-grade-color-jigyo02-gx-hero);
  }
}
@media all and (max-width: 767px) {
  .l-hero {
    background: url("/assets/img/common/hero_bg_gx_sp_tl.png") no-repeat top left / calc(134 / var(--font-size) * 1rem) calc(61 / var(--font-size) * 1rem),
                url("/assets/img/common/hero_bg_gx_sp_br.png") no-repeat bottom right / calc(126 / var(--font-size) * 1rem) calc(49 / var(--font-size) * 1rem),
                url("/assets/img/common/hero_bg_gx_sp_tr.png") no-repeat top right / calc(112 / var(--font-size) * 1rem) calc(73 / var(--font-size) * 1rem),
                url("/assets/img/common/hero_bg_gx_sp_bl.png") no-repeat bottom left / calc(91 / var(--font-size) * 1rem) calc(81 / var(--font-size) * 1rem);
  }
  .l-hero::before{
    background: var(--sub-grade-color-jigyo02-gx-hero);
  }
}

/* --------------------------------------------------------------------------
  /assets/css/component/include_global_t.css
-------------------------------------------------------------------------- */
@media (min-width: 768px), print {
  .gsidebar-search .mf_finder_searchBox_submit {
    background-color: var(--main-color-jigyo02);
  }
  .gsidebar-menu-list__item.gsidebar-menu-list__item--main-color-icon .gsidebar-menu-list__item__label {
    color: var(--main-color-jigyo02);
  }
  .gsidebar-menu-list__item.gsidebar-menu-list__item--main-color::before {
    background-color: var(--main-color-jigyo02);
  }
  .gsidebar-menu-list__item__button:before {
    background-color: var(--main-color-jigyo02);
  }
  .gsidebar-menu-list__item--main-color .gsidebar-menu-list__panel {
    background-color: var(--sub-color-jigyo02-03);
  }
  .gsidebar-menu-list__panel .u-text-link-icon:before {
    background-color: var(--main-color-jigyo02);
  }
  .gsidebar-menu-list__panel .u-text-link-icon:hover{
    color:var(--main-color-jigyo02);
  }
  .gsidebar-footer-item .gsidebar-footer-btn .c-btn__arrow__icon svg,
  .gsidebar-footer-item .gsidebar-footer-btn .c-btn__arrow__icon img{
    fill: var(--main-color-jigyo02);
  }
  .gsidebar-menu-list__item .gsidebar-menu-list__panel.gsidebar-menu-list__panel--main-color .u-text-link-icon:before{
    background-color: var(--main-color-jigyo02);
  }
  .gsidebar-menu-list__item .gsidebar-menu-list__panel.gsidebar-menu-list__panel--main-color .u-text-link-icon:hover{
    color: var(--main-color-jigyo02);
  }
  .header-menubutton.is-opened i{
    background-color: var(--main-color-jigyo02);
  }
  .gsidebar-textlink__object {
    font-size: calc(var(--text-size-xs) / var(--font-size) * 1rem);
    font-weight: 700;
    display: flex;
    align-items: center;
    transition: 0.3s ease;
  }
  .gsidebar-textlink__object__icon{
    background-color: var(--main-color-jigyo02);
  }
  .gsidebar-menu-list__item.gsidebar-menu-list__item--accent-color-icon {
    color: var(--accent-color-jigyo02);
  }
  .gsidebar-menu-list__item.gsidebar-menu-list__item--accent-color::before {
    background-color: var(--accent-color-jigyo02);
  }
  .gsidebar-menu-list__item.gsidebar-menu-list__item--accent-color .gsidebar-menu-list__item__button:before {
    background-color: var(--accent-color-jigyo02);
  }
  /* .gsidebar-menu-list__item--accent-color .gsidebar-menu-list__panel {
    background-color: var(--bg-sub-color-jigyo02);
  } */
  /* .js-drop-menu.is-opened.gsidebar-menu-list__item--accent-color .gsidebar-menu-list__item__button{
    background-color: var(--bg-sub-color-jigyo02);
  } */
  .gsidebar-menu-list__item.gsidebar-menu-list__item--accent-color .gsidebar-menu-list__panel .u-text-link-icon:hover{
    color: var(--accent-color-jigyo02);
  }
  .gsidebar-menu-list__item.gsidebar-menu-list__item--accent-color .u-text-link-icon:before {
    background-color: var(--accent-color-jigyo02);
  }
  /* .js-drop-menu.is-opened.gsidebar-menu-list__item--accent-color .gsidebar-menu-list__item__button{
    background-color: var(--bg-sub-color-jigyo02);
  } */
  .gsidebar-footer-item .gsidebar-footer-btn.--color-accent .c-btn__link{
    background-color: var(--accent-color-jigyo02);
    border-color: var(--accent-color-jigyo02);
    color: var(--color-white);
  }
}
@media all and (max-width: 767px) {
    .sp-float-menu .header-button.--faq .header-button__link {
      /* background-color: var(--accent-color-jigyo02); */
    }
    .sp-float-menu .header-button.--contact .header-button__link {
      /* background-color: var(--accent-color-jigyo02); */
    }
    .header__menu-button .header__menu-button__link {
      background-color: var(--main-color-jigyo02);
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
}

/* --------------------------------------------------------------------------
  /assets/css/common/component.css
-------------------------------------------------------------------------- */
@media (min-width: 768px), print {
    .c-list.--list-circle > li > .c-list__ico:before {
        background-color: var(--main-color);
    }
}
@media all and (max-width: 767px) {
    .c-list.--list-circle > li > .c-list__ico:before {
        background-color: var(--main-color);
    }
}