@charset "UTF-8";
.ss-2026-27 #page-nav{
  margin-top: calc(120px * var(--space-scale));
}
.ss-2026-27 #page-nav .sp{
  display: none;
}

.ss-2026-27 #page-nav .nav-inner{
  display: flex;
  justify-content: center;
  max-width: 1600px;
}
.ss-2026-27 #page-nav .c-flex{
  justify-content: space-between;
  flex-wrap: wrap;
  align-items:  stretch;
  gap: 15px;
}
.ss-2026-27 #page-nav .c-flex li{
  width: calc((100% - 48px) / 4);
  line-height: 0;
  padding: 0;
}
.ss-2026-27 #page-nav .c-flex li a{
  background: var(--bg-black);
  display: block;
}
.ss-2026-27 #page-nav .c-flex li:hover a{
  background: var(--overlay-dark);

}
.ss-2026-27{
  position: relative;
}



.ss-2026-27 .fix-bt{
  
}
.fix-bt.bg-black-75{
  padding: 24px 24px;
  position: relative;
  justify-content: flex-end;
}
.fix-bt.bg-black-75::after{
  position: absolute;
  background: url(../img/common/bg-logo-s-bl.png)no-repeat;
  background-size: cover;
  background-position: top right;
  width: 170px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1;
}
.fix-bt button{
  display: flex;
  z-index: 10;
}




@media screen and (max-width: 1179px) {

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

  .ss-2026-27 #page-nav .c-flex{
    gap: 10px;
  }
  .ss-2026-27 #page-nav .c-flex li{
    width: calc((100% - 30px) / 4);
    line-height: 0;
    padding: 0;
  }




}
@media screen and (max-width: 767px) {

  .ss-2026-27 #page-nav .sp{
    display: flex;
  }
  .ss-2026-27 #page-nav .pc{
    display: none;
  }


  .fix-bt.bg-gray75::after{
    position: absolute;
    background: url(../img/common/bg-logo-s-bl-left.png)no-repeat;
    background-size: cover;
    background-position: top left;
    width: 100%;
    max-width: 120px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }



}
@media screen and (max-width: 460px) {

}