/* ======================================================================================

    color

====================================================================================== */
  
  /* --- default --- */
  .clr-def,
  .clr-def-bf::before,
  .clr-def-af::after,
  a {
    color: #1f2122;
    fill: #1f2122;
  }
  .cf_form table input::placeholder,
  .cf_form table textarea::placeholder {
    color: #1f212259;
  }
  .bg_clr-def,
  .bg_clr-def-bf::before,
  .bg_clr-def-af::after {
    background-color: #1f2122;
  }
  .bdr_clr-def,
  .bdr_clr-def-bf::before,
  .bdr_clr-def-af::after,
  .cf_form .cf_rc .wpcf7-list-item-label::before,
  .cf_form .acceptance input[type="checkbox"] {
    border-color: #1f2122;
  }
  .list-def li h4,
  .list-def li > *:not(h4),
  .tbl-def th,
  .tbl-def td {
    border-color: #1f212226;
  }
  @media screen and (min-width: 1281px) {
    body.scrolled .gnav_list--item a {
      color: #1f2122;
      fill: #1f2122;
    }
  }
  @media screen and (max-width: 560px) {
    .clr-def-sp,
    .clr-def-bf-sp::before,
    .clr-def-af-sp::after {
      color: #1f2122;
    }
  }

  /* --- body --- */
  .clr-body,
  .clr-body-bf::before,
  .clr-body-af::after {
    color: #ffffff;
    fill: #ffffff;
  }
  .bg_clr-body,
  .bg_clr-body-bf::before,
  .bg_clr-body-af::after {
    background-color: #ffffff;
  }
  .bdr_clr-body,
  .bdr_clr-body-bf::before,
  .bdr_clr-body-af::after {
    border-color: #ffffff;
  }
  @media screen and (min-width: 1281px) {
    .home .gnav_list--item a {
      color: #ffffff;
      fill: #ffffff;
    }
  }
  @media screen and (max-width: 1280px) {
    .gnav_list--item a {
      color: #ffffff;
      fill: #ffffff;
    }
  }

  /* --- body sub --- */
  .clr-body_sub,
  .clr-body_sub-bf::before,
  .clr-body_sub-af::after {
    color: #f1f5f7;
    fill: #f1f5f7;
  }
  .bg_clr-body_sub,
  .bg_clr-body_sub-bf::before,
  .bg_clr-body_sub-af::after {
    background-color: #f1f5f7;
  }
  .bdr_clr-body_sub,
  .bdr_clr-body_sub-bf::before,
  .bdr_clr-body_sub-af::after {
    border-color: #f1f5f7;
  }

  /* --- main --- */
  .clr-main,
  .clr-main-bf::before,
  .clr-main-af::after,
  .tbl-def tbody th,
  .hero .slick-dots li.slick-active span {
    color: #8aa0a8;
    fill: #8aa0a8;
  }
  .bg_clr-main,
  .bg_clr-main-bf::before,
  .bg_clr-main-af::after {
    background-color: #8aa0a8;
  }
  .iziModal .iziModal-header {
    background-color: #8aa0a8 !important;
  }
  .bdr_clr-main,
  .bdr_clr-main-bf::before,
  .bdr_clr-main-af::after,
  .tbl-def,
  .tbl-def thead tr {
    border-color: #8aa0a8;
  }
  .modal_list--item {
    border-color: #8aa0a8 !important;
  }
  .cf_form input:focus,
  .cf_form select:focus,
  .cf_form textarea:focus {
    outline: 1px #8aa0a8 solid;
    border: none !important;
  }

  @media screen and (min-width: 961px) {
    .hov_clr-main:hover,
    body .gnav_list--item a:hover {
      color: #8aa0a8;
      fill: #8aa0a8;
    }
  }

  /* --- black --- */
  .clr-blk,
  .clr-blk-bf::before,
  .clr-blk-af::after {
    color: #000000;
    fill: #000000;
  }
  .bg_clr-blk,
  .bg_clr-blk-bf::before,
  .bg_clr-blk-af::after {
    background-color: #000000;
  }
  .bdr_clr-blk,
  .bdr_clr-blk-bf::before,
  .bdr_clr-blk-af::after {
    border-color: #000000;
  }

  /* --- white --- */
  .clr-wht,
  .clr-wht-bf::before,
  .clr-wht-af::after,
  .home .home_news a,
  .footer .sns_list--item a,
  .footer .sns_list--item svg {
    color: #ffffff;
    fill: #ffffff;
  }
  .bg_clr-wht,
  .bg_clr-wht-bf::before,
  .bg_clr-wht-af::after {
    background-color: #ffffff;
  }
  .bdr_clr-wht,
  .bdr_clr-wht-bf::before,
  .bdr_clr-wht-af::after {
    border-color: #ffffff;
  }