/* --------------------------------------------------------------------------
  /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);
}
.u-text-decoration-circle--s:before,
.u-text-decoration-circle--xs:before,
.u-text-decoration-circle--xxs:before,
.u-text-decoration-circle--m:before,
.u-text-decoration-circle--l:before {
    background-color: var(--main-accent-color);
}

/* --------------------------------------------------------------------------
  /assets/css/common/layout.css
-------------------------------------------------------------------------- */
@media (min-width: 768px), print {
  .l-hero {
    background: url("/assets/img/common/hero_bg_blue_tl.png") no-repeat top left / calc(277 / var(--font-size) * 1rem) calc(125 / var(--font-size) * 1rem),
                url("/assets/img/common/hero_bg_blue_br.png") no-repeat bottom right / calc(302 / var(--font-size) * 1rem) calc(101 / var(--font-size) * 1rem),
                url("/assets/img/common/hero_bg_blue_tr.png") no-repeat top right / calc(232 / var(--font-size) * 1rem) calc(150 / var(--font-size) * 1rem),
                url("/assets/img/common/hero_bg_blue_bl.png") no-repeat bottom left / calc(188 / var(--font-size) * 1rem) calc(167 / var(--font-size) * 1rem);
    position: relative;
  }
  .l-hero::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #EEFFFD, #DDF5FF);
    z-index: -1;
  }
  .c-hero-heading-sub__label{
    background: url("/assets/img/common/hero_label_blue.png") no-repeat left bottom / contain;
  }
  .c-hero-heading-sub__label img{
    visibility: hidden;
  }
}
@media all and (max-width: 767px) {
  .l-hero {
    background: url("/assets/img/common/hero_bg_blue_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_blue_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_blue_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_blue_sp_bl.png") no-repeat bottom left / calc(91 / var(--font-size) * 1rem) calc(81 / var(--font-size) * 1rem);
    position: relative;
  }
  .l-hero::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #EEFFFD, #DDF5FF);
    z-index: -1;
  }
  .c-hero-heading-sub__label{
    background: url("/assets/img/common/hero_label_blue.png") no-repeat left bottom / contain;
  }
  .c-hero-heading-sub__label img{
    visibility: hidden;
  }
}

/* --------------------------------------------------------------------------
  /assets/css/common/component.css
-------------------------------------------------------------------------- */
@media (min-width: 768px), print {
    .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-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(--sub-accent-color-02);
}

@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(--sub-accent-color-02);
    }
    .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(--sub-accent-color-02);
        border-color: var(--sub-accent-color-02);
        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: var(--main-accent-color);
    }
    .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(--sub-accent-color-02);
    }
    .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(--sub-accent-color-02);
        border-color: var(--sub-accent-color-02);
        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: var(--main-accent-color);
    }
    .search-info__box__header__text{
        color: var(--main-accent-color);
    }
}