@charset "UTF-8";

body {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", "Hiragino Sans", "Yu Gothic UI", sans-serif;
  position: relative;
  z-index: 0;
  background-color: transparent;
}

body.menu-opened {
  overflow: hidden;
}

* {
  margin: 0;
  padding: 0;
  line-height: 160%;
  vertical-align: top;
  text-decoration: none;
  list-style: none;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

img {
  vertical-align: top;
  width: 100%;
  height: auto;
}

.sp {
  display: block;
}

.pc {
  display: none;
}

header {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: transparent;
  transition: background-color 0.25s linear;
}

header .logo_block img {
  filter: invert(1);
}

header .hum_btn {
  padding: 0;
}

header .hum_btn span {
  color: #fff;
  transition: color 0.25s ease-in;
}

header .hum_btn span::before {
  border-color: #fff;
  transition: border-color 0.25s ease-in;
}

header .navigation ul {
  color: #fff;
  transition: color 0.25s ease-in;
}

header.is-scrolled,
header.is-subpage {
  background-color: #fff;
  border-color: #ddd;
}

@media screen and (min-width: 960px) {
  .sp {
    display: none;
  }

  .pc {
    display: block;
  }

  header.is-scrolled,
  header.is-subpage {
    height: 96px !important;
  }

  header.is-scrolled .header_inner,
  header.is-subpage .header_inner {
    height: 96px !important;
  }
}

header.is-scrolled .logo_block img,
header.is-subpage .logo_block img {
  filter: initial;
  transition: filter 0.25s ease-in;
}

header.is-scrolled .hum_btn span,
header.is-subpage .hum_btn span {
  color: #000;
}

header.is-scrolled .hum_btn span::before,
header.is-subpage .hum_btn span::before {
  border-color: #000;
}

header.is-scrolled .navigation ul,
header.is-subpage .navigation ul {
  color: #000;
}

@media screen and (max-width: 768px) {
  header.is-scrolled {
    display: block;
  }

  .menu-opened .logo_block img {
    filter: initial;
  }

  .menu-opened header .hum_btn span {
    color: #000;
  }

  .menu-opened header .nav_block {
    color: #000;
  }

  .menu-opened .navigation ul {
    color: #000;
  }
}

.breadcrumb {
  background-color: rgba(0, 0, 0, 0.05);
}

.breadcrumb_inner {
  width: 100%;
  margin: 0 auto;
  padding: 10px 20px;
  font-size: 12px;
}

.breadcrumb_inner a {
  text-decoration: underline;
}

.breadcrumb_inner .separator {
  margin: 0 5px;
}

.breadcrumb_inner .current br {
  display: none;
}