@charset "UTF-8";

/*ヘッダー色調整*/
header#pattern2 nav ul.nav_1st > li > a span, header h1, .header_contents .header_col1 .tel span, header .header_contents .header_col1 .btn > a, header#pattern2 nav ul.nav_1st > li > a:hover span {
    color: var(--i_txt_color);
}
header .header_contents .header_col1 .tel svg, header .header_contents .header_col1 .btn .translate a svg, header .burger li.sp_translate a svg, header .header_contents .header_sns li svg {
    fill: var(--i_txt_color);
}
header .header_contents .header_col1 .btn > a {
    border: 1px solid var(--i_txt_color);
}
header .header_contents .header_col1 .btn > a:hover {
    color: #ffffff;
}
.scrolled header#pattern2 nav ul.nav_1st > li > a span, .scrolled header h1, .scrolled .header_contents .header_col1 .tel span, .scrolled header .header_contents .header_col1 .btn > a, .scrolled header#pattern2 nav ul.nav_1st > li > a:hover span {
    color: #fff;
}
.scrolled header .header_contents .header_col1 .tel svg, .scrolled header .header_contents .header_col1 .btn .translate a svg, .scrolled header .burger li.sp_translate a svg, .scrolled header .header_contents .header_sns li svg {
    fill: #fff;
}
.scrolled header .header_contents .header_col1 .btn > a {
    border: 1px solid #fff;
}
.scrolled header .header_contents .header_col1 .btn > a:hover {
    color: #ffffff;
}
@media screen and (max-width: 900px) {
    header h1, header#pattern2 nav ul.nav_1st > li > a:hover span, header#pattern2 nav ul.nav_1st > li > a span, .header_contents .header_col1 .tel span, .header_contents .header_col1 .btn > a,header.open .header_contents .header_col1 .btn > a{
        color: #fff;
    }
    header .sp_menu a div span, header .sp_menu a div:before, header .sp_menu a div:after {
        background: var(--i_txt_color);
    }
    .scrolled header#pattern2 nav ul.nav_1st > li > a span {
        color: #fff;
    }
    header.open .header_contents .header_col1 .tel svg, header.open .header_contents .header_col1 .btn .translate a svg, header.open .burger li.sp_translate a svg, header.open .header_contents .header_sns li svg {
        fill: #fff;
    }
    header .header_contents .header_col1 .btn > a {
        border: 1px solid #fff;
    }
    header.open .sp_menu a div span, header.open .sp_menu a div:before, header.open .sp_menu a div:after {
        background: #fff;
    }
    header .logo a img {
      filter: initial;
  }
    body.scrolled header .logo a img {
      filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 480px) {
    .index header .logo a img {
        filter: initial;
    }
    body.scrolled header .logo a img {
      filter: brightness(0) invert(1);
  }
}