/* --------------------------------------------------------------------------
  /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: url("/assets/img/common/hero_bg_reform.png") repeat-x left bottom / calc(2314 / var(--font-size) * 1rem);
      background-color: #B8E0FF;
    } */
}
@media all and (max-width: 767px) {
    /* .l-hero {
      background: url("/assets/img/common/hero_bg_sp_reform.png") no-repeat center bottom calc(-2 / var(--font-size) * 1rem) / calc(368 / var(--font-size) * 1rem);
      background-color: #B8E0FF;
    } */
}

/* --------------------------------------------------------------------------
  /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);
}