#wrap {
  width: 100%;
  min-width: 320px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  visibility: hidden;

  &:has(.sub-page.work) {
    @media (max-width: 1280px) {
      .footer {
        margin-bottom: 165px;
      }

      .top-btn {
        bottom: 20%;
      }
    }
    @media (max-width: 768px) {
      .footer {
        margin-bottom: 27vw;
      }

      .top-btn {
        bottom: 18%;
      }
    }
  }
}
#header {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
#container {
  width: 100%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  min-height: calc(100vh - 276px);
  @media (max-width: 1280px) {
    min-height: calc(100vh - 33.75vw);
  }
}
.inner {
  max-width: 1280px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  container-name: grid-container;
  container-type: inline-size;

  @media (max-width: 1280px) {
    max-width: 768px;
  }
}
.inner02 {
  max-width: 960px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  container-name: grid-container;
  container-type: inline-size;

  @media (max-width: 1280px) {
    max-width: 768px;
  }
}
#footer {
  width: 100%;
  clear: both;
  position: relative;
  margin: 0 auto;
}