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

/* --------------------------------------------------------------------------
  /assets/css/common/layout.css
-------------------------------------------------------------------------- */
@media (min-width: 768px), print {
    .l-hero {
      background-image: url("/assets/img/common/hero_bg_reform.png") ;
      background-color: #B8E0FF;
    }
}
@media all and (max-width: 767px) {
    .l-hero {
      background-image: url("/assets/img/common/hero_bg_sp_reform.png") ;
      background-color: #B8E0FF;
    }
}

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

/* --------------------------------------------------------------------------
  /assets/css/page/graph.css
-------------------------------------------------------------------------- */
.graph-estimate__container {
    background-color: var(--bg-accent-color);
}

@media (min-width: 768px), print {
    .result-table-sort__btn--active .result-table-sort__ico {
        background-color: var(--main-accent-color);
    }
    .c-pagination-status-btn a, .c-pagination-status-btn button {
        background-color: var(--main-accent-color);
        border-color: var(--main-accent-color);
    }
    .c-section-heading {
        background-color: var(--bg-accent-color);
    }
    .c-tab__button {
        color: var(--main-accent-color);
    }
    .c-tab__btn__inner:before {
        background-color: var(--main-accent-color);
    }
    .c-btn__link {
        background-color: var(--main-accent-color);
        border-color: var(--main-accent-color);
    }
    .search-info__summary__list__item__header-text {
        background-color: var(--main-accent-color);
    }
    .c-btn.--type2:not(.--current) .c-btn__link {
        background-color: var(--bg-accent-color);
        border-color: var(--bg-accent-color);
        color: var(--main-accent-color);
    }
    .c-btn.--type2 .c-btn__arrow__icon {
        background-color: var(--main-accent-color);
    }
    .c-btn.--type2 .c-btn__arrow__icon:before{
        border-color: var(--main-accent-color);
    }
    .modal-close-btn,
    .modal .l-section__body::before {
        background-color: var(--main-accent-color);
    }
    .c-modal-title::before {
        background: linear-gradient(var(--main-accent-color) 50%, var(--bg-main-color) 50%);
    }
    .search-info__box__header__text{
        color: var(--main-accent-color);
    }
}
@media all and (max-width: 767px) {
    .result-table-sort__btn--active .result-table-sort__ico {
        background-color: var(--main-accent-color);
    }
    .c-pagination-status-btn a, .c-pagination-status-btn button {
        background-color: var(--main-accent-color);
        border-color: var(--main-accent-color);
    }
    .c-section-heading {
        background-color: var(--bg-accent-color);
    }
    .c-tab__button {
        color: var(--main-accent-color);
    }
    .c-tab__btn__inner:before {
        background-color: var(--main-accent-color);
    }
    .c-btn__link {
        background-color: var(--main-accent-color);
        border-color: var(--main-accent-color);
    }
    .search-info__summary__list__item__header-text {
        background-color: var(--main-accent-color);
    }
    .c-btn.--type2:not(.--current) .c-btn__link {
        background-color: var(--bg-accent-color);
        border-color: var(--bg-accent-color);
        color: var(--main-accent-color);
    }
    .c-btn.--type2 .c-btn__arrow__icon {
        background-color: var(--main-accent-color);
    }
    .c-btn.--type2 .c-btn__arrow__icon:before{
        border-color: var(--main-accent-color);
    }
    .modal-close-btn,
    .modal .l-section__body::before {
        background-color: var(--main-accent-color);
    }
    .c-modal-title::before {
        background: linear-gradient(var(--main-accent-color) 50%, var(--bg-main-color) 50%);
    }
    .search-info__box__header__text{
        color: var(--main-accent-color);
    }
}