/* AWT shared styles: layout/awt-header.css
   Moved from awt-common.css; values and selector scope preserved, 2026-09-22. */

#header.l-header,
.l-header {
  background: #fff;
  border-bottom: 1px solid var(--awt-border-soft);
  box-shadow: none;
}

#header .l-header__inner,
.l-header .l-header__inner {
  width: 100%;
  max-width: var(--awt-wide);
  margin-inline: auto;
}

.l-header__logo {
  min-width: 0;
}

@media (min-width: 960px) {
.l-header__gnav .c-gnav {
    column-gap: 2px;
  }
}

@media (min-width: 960px) {
.l-header__gnav .c-gnav > .menu-item > a {
    position: relative;
    padding-inline: 11px;
    color: var(--awt-navy);
  }
}

@media (min-width: 960px) {
.l-header__gnav .c-gnav > .menu-item > a .ttl {
    color: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .015em;
    white-space: nowrap;
    transition: color var(--awt-transition);
  }
}

@media (min-width: 960px) {
.l-header__gnav .c-gnav > .menu-item > a::after {
    height: 2px;
    background: var(--awt-green);
  }
}

@media (min-width: 960px) {
.l-header__gnav .c-gnav > .menu-item:hover > a,
  .l-header__gnav .c-gnav > .menu-item:focus-within > a {
    color: var(--awt-green-dark);
  }
}

@media (min-width: 960px) {
.l-header__gnav .c-gnav > .menu-item:first-child > a .ttl {
    color: var(--awt-green-dark);
    font-weight: 800;
  }
}

#fix_header.l-fixHeader,
.l-fixHeader {
  background: rgba(255, 255, 255, .98);
  border-bottom: 1px solid var(--awt-border-soft);
  box-shadow: var(--awt-shadow-header);
  backdrop-filter: blur(8px);
}

#fix_header .l-fixHeader__inner,
.l-fixHeader .l-fixHeader__inner {
  width: 100%;
  max-width: var(--awt-wide);
  margin-inline: auto;
}

@media (min-width: 960px) {
.l-fixHeader .c-gnav {
    column-gap: 2px;
  }
}

@media (min-width: 960px) {
.l-fixHeader .c-gnav > .menu-item > a {
    position: relative;
    padding-inline: 11px;
    color: var(--awt-navy);
  }
}

@media (min-width: 960px) {
.l-fixHeader .c-gnav > .menu-item > a .ttl {
    color: inherit;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: .015em;
    white-space: nowrap;
  }
}

@media (min-width: 960px) {
.l-fixHeader .c-gnav > .menu-item > a::after {
    height: 2px;
    background: var(--awt-green);
  }
}

@media (min-width: 960px) {
.l-fixHeader .c-gnav > .menu-item:first-child > a .ttl {
    color: var(--awt-green-dark);
    font-weight: 800;
  }
}

.l-header__customBtn,
.l-header__menuBtn,
.l-fixHeader__customBtn,
.l-fixHeader__menuBtn {
  min-width: 44px;
  min-height: 44px;
}

#header .c-iconBtn,
#fix_header .c-iconBtn {
  color: var(--awt-navy);
}

@media (max-width: 1100px) {
#header .l-header__inner,
  .l-header .l-header__inner,
  #fix_header .l-fixHeader__inner,
  .l-fixHeader .l-fixHeader__inner {
    padding-inline: 20px;
  }
}

@media (max-width: 959px) {
#header .l-header__inner,
  .l-header .l-header__inner {
    min-height: 64px;
    padding-inline: 14px;
  }
}

@media (max-width: 959px) {
#fix_header .l-fixHeader__inner,
  .l-fixHeader .l-fixHeader__inner {
    min-height: 60px;
    padding-inline: 14px;
  }
}

@media (max-width: 959px) {
.l-header__customBtn,
  .l-header__menuBtn,
  .l-fixHeader__customBtn,
  .l-fixHeader__menuBtn {
    min-width: 44px;
    min-height: 44px;
  }
}