@charset "UTF-8";
@import url("./layout/header.css");
@import url("./layout/footer.css");
@import url("./layout/main.css");
@import url("./object/project/kv.css");
@import url("./object/project/storyMain.css");
@import url("./object/project/storySub.css");
@import url("./object/project/merit.css");
@import url("./object/project/lineup.css");
@import url("./object/project/related.css");
@import url("./object/project/message.css");
.wrapper {
  overflow: hidden;
}

.overlay {
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 4;
}

/*=================================
*　　meadia ~1000px
=================================*/
@media screen and (max-width: 1000px) {
  .headerPc {
    display: none;
  }
  .headerSp {
    -js-display: flex;
    display: flex;
  }
  .l-main {
    margin-top: 50px;
  }
}