@media screen and (max-width: 1023px) {
  #index-page .come-in {
    width: 120px;
    height: 45px;
    font-size: 2rem;
  }

  .logo {
    width: 40px;
  }

  .menu {
    padding: 0 20px;
    height: 60px;
  }

  .pages {
    height: 100vh;
    padding-top: 60px;
    box-sizing: border-box;
  }

  .menu-icon {
    width: 24px;
    height: 15px;
  }

  #warp {
    width: 100%;
    right: -100%;
  }

  #warp.open {
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
  }

  #second-page {
    padding: 0;
    font-weight: normal;
    padding-bottom: 70px;
  }


  #second-page .pages {
    min-height: 100vh;
    height: auto;
  }

  .title {
    font-size: 24px;
  }

  #page0 .title {
    margin-bottom: 10px;
  }

  #page0 .icon {
    width: 230px;
    margin-bottom: 10px;
    display: block;
  }

  /* #page0 .pages {
    height: calc(100vh - 100px);
  } */

  .s-title {
    padding: 10px 0;
    font-size: 14px;
  }

  .swiper-container-index {
    width: 100%;
    height: 100%;
  }
}