main {
    position: fixed;
    width: 100%;
    height: calc(100% - 3.8vw);
    padding: 3.8vw 0 0;
}

.top-menu{
  background: #fff;
}

.m-mainbt1{
  display: none;
}

  .mainimg{
    display: block;
    position: absolute;
    width: 33.3333%;
    height: auto;
    bottom: 0;
    padding: 0;
    background-color: transparent;
    overflow: hidden;
    cursor: ew-resize;
  }

  .mainimg li{
    padding: 0;
  }

  .mainimg img {
    width: 100%;
    max-width: 100%;
    vertical-align: bottom;
  }

  .mainimg-title {
    position: relative;
    color: #000;
    top: 0;
    font-size: 2.1vw;
    line-height: 2.7vw;
}

  #mainimggrid1 li, .mainimg-title{
    display: none;
  }

  #mainimggrid1 li:nth-child(1), .mainimg-title:nth-child(1){
    display: block;
  }

    #mainimggrid2 li, .mainimg-title{
    display: none;
  }

  #mainimggrid2 li:nth-child(2), .mainimg-title:nth-child(2){
    display: block;
  }

    #mainimggrid3 li, .mainimg-title{
    display: none;
  }

  #mainimggrid3 li:nth-child(3), .mainimg-title:nth-child(3){
    display: block;
  }



.tt {
    display: inline-block;
    position: relative;
}

#mainimggrid2 {
    left: 33.3333%;
}

#mainimggrid3 {
    left: 66.6666%;
}

.mainimg-title .pp{
  display: inline-block;
  position: relative;
}

#cursor {
  display: none;
  position: absolute;
  width: unset;
  height: unset;  
  margin: 5px 15px;
  z-index: 10;
}

.direction{
  cursor: e-resize;
}

.cursor .mainimg-title{
  display: none;
}

.mainbt1 {
    position: absolute;
    width: 33.3333%;
    height: calc(100% - 3.8vw);
    background: transparent;
    z-index: 11;
    cursor: ew-resize;
}

.mainbt2 {
    position: absolute;
    width: 33.3333%;
    height: calc(100% - 3.8vw);
    left: 33.3333%;
    background: transparent;
    z-index: 11;
    cursor: ew-resize;
}

.mainbt3 {
    position: absolute;
    width: 33.3333%;
    height: calc(100% - 3.8vw);
    left: 66.6666%;
    background: transparent;
    z-index: 11;
    cursor: ew-resize;
}


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

  .first-page .logo{
    display: none !important;
  }

  main {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 0;
    top: 0;
    transition: top 0.3s;
    z-index: 1;
    overflow-x: hidden;
}

   #mainimggrid2, #mainimggrid3, .mainbt2, .mainbt3{
    display: none;
  }

.mainimg li {
    transition-delay: 1s;
}

  .mainimg {
    width: 100%;
    height: auto;
    padding: 0;
}

  .mainbt1 {
    display: none;
    position: absolute;
    width: 100%;
    height: calc(100% - 11vw);
  }

  .m-mainbt1{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 11;
    cursor: ew-resize;
  }

  .main-menu-top{
    top: 30vw;
    transform: top 0.3s;
  }

}


  .one-show{
    display: block !important;
  }

  .two-show{
    display: block !important;
  }

   .three-show{
    display: block !important;
  }

  .four-show{
    display: block !important;
  }

  .five-show{
    display: block !important;
  }

  .six-show{
    display: block !important;
  }