
/* 
　ヘッダー
 */
.l-header {
  position: fixed !important;
  box-shadow: none;
  background: transparent;
}

#fix_header {
  display: none;
}

.l-header .l-header__inner,
.l-fixHeader .l-fixHeader__inner {
  color: var(--color-txt);
  max-width: none;
  gap: 2rem;
}

.is-style-btn_normal a {
  white-space: nowrap;
  min-width: 140px;
}

.is-style-btn_normal a > span .swl-inline-icon {
  margin: 0 1rem 0 0;
}

/* .swell-block-columns__inner {
  gap: 1rem;
}
.swell-block-columns__inner .swell-block-column {
  margin: 0;
  width: auto;
} */

.swell-block-button.blue_ a {
  background-color: var(--color-primary);
}

.c-gnav {
  gap: 2rem;
}

.c-gnav > .menu-item > a {
  font-weight: 700;
  gap: .5em;
}

.c-gnav > .menu-item > a ttl,
.c-gnav .sub-menu .ttl {
  font-size: 14px;
  white-space: nowrap;
}

.c-gnav .sub-menu {
  width: auto;
}

.c-gnav .sub-menu li {
  margin-bottom: 1em;
}

.c-gnav .sub-menu li a {
  padding: 1.5em 3em;
}

.c-gnav > .menu-item > .sub-menu {
  left: 0;
  transform: none;
}

.l-header__menuBtn {
  display: none;
}
.l-header__customBtn {
  display: none;
}

.c-gnav > li:hover > a, .c-gnav > .-current > a {
  background: transparent;
}

@media (max-width: 1023px) {
}

@media not all and (min-width: 960px) {
  [data-scrolled=true] [data-spfix="1"] .l-header__inner {
      color: var(--color-txt);
  }
  [data-scrolled=false] [data-spfix="1"] .l-header__inner {
    color: var(--color-txt);
  }
  .l-header__menuBtn {
    display: block;
  }
  .l-header__customBtn {
    display: block;
  }
}


@media (max-width: 479px) {
}





/* 
　ハンバーガー
 */
.p-spMenu__inner::before {
  background: no-repeat left / cover #fdfdfd url('../img/bg-sub.webp');
}

.p-spMenu__nav {
  padding: 0;
  margin-bottom: 4rem;
}

.c-listMenu a,
.c-listMenu .sub-menu a {
  font-size: 14px;
}

.c-listMenu a::before,
.c-listMenu .sub-menu a::before {
  display: none;
}
.c-listMenu a:hover,
.c-listMenu .sub-menu a:hover {
  padding-right: 0;
  background-color: transparent;
}
.c-listMenu a:hover {
  padding-left: 0;
}
.c-listMenu .sub-menu a:hover {
  padding-left: 1.5em;
}



.c-listMenu a .menu-item-title {
  position: relative;
  z-index: 1;
}

.c-listMenu a .menu-item-title::before,
.c-listMenu .sub-menu a .menu-item-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -4em;
  transform: translate(-50%, -50%) scale(1.2);
  width: 1.5em;
  height: 1.5em;
  background: no-repeat center / contain url('../img/icon-brush.svg');
  opacity: 0;
  z-index: 0;
}
.c-listMenu a:hover .menu-item-title::before,
.c-listMenu .sub-menu a:hover .menu-item-title::before {
  opacity: 1;
  transition: opacity .4s ease;
}

.c-listMenu a .menu-item-title::after,
.c-listMenu .sub-menu a .menu-item-title::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.5);
  width: 100%;
  height: 3rem;
  background: no-repeat center / contain url('../img/bg-paint.svg');
  opacity: 0;
  z-index: 0;
}
.c-listMenu a:hover .menu-item-title::after,
.c-listMenu .sub-menu a:hover .menu-item-title::after {
  opacity: 1;
  transition: opacity .4s ease;
}

.c-listMenu a {
  font-size: 14px;
  padding: 1em 0;
}

.c-listMenu .sub-menu a {
  padding: 1em 0 1em 1.5em;
}



/* #sp_menu .w-header .swell-block-columns__inner {
  flex-direction: column;
  gap: 2rem;
  margin: 0;
} */

#sp_menu .c-smallNavTitle {
  display: none;
}