@charset "UTF-8";
/*---------------------------------------------------------
main
---------------------------------------------------------*/
.main_01 {
  width: 100%;
  top: 0;
  left: -2%;
  position: absolute;
}



/*---------------------------------------------------------
item
---------------------------------------------------------*/

[class^="item_"] {
  width: 90%;
  height: auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
/*---------------------------------------------------------
btn
---------------------------------------------------------*/
[class^="btn_"] {
  width: 84.7%;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.btn_01,
.btn_03{
  top: 2%;
}
.btn_02 {
  bottom: 10%;
}
.btn_04 {
  bottom: 5%;
}



.btn_05 {
  width: 70%;
  bottom: 9.5%;
}
.btn_06 {
  width: 82%;
  top: 0;
}
.btn_07 {
  width: 82%;
  bottom: 13%;
}
.btn_08 {
 width: 70%;
  bottom: 12%;
}

@media screen and (min-width:751px) {
  [class^="btn_"] {
  width: 39%;
  left: auto;
  transform: translateX(0);
}
  
  .btn_01,
  .btn_03 {
    top: 0;
    left: 14%;
    
    
  }
  .btn_02,
  .btn_04 {
    top: 0;
    right: 12.5%;
  }
  
  .btn_05,
  .btn_06 {
    width: 31%;
    top: auto;
    bottom: 13%;
  }
  .btn_05 {
    left: 15.8%;
  }
  .btn_06 {
    right: 15.8%;
  }
  
  .btn_07,
  .btn_08 {
    width: 31%;
    top: auto;
    bottom: 11%;
  }
  .btn_07 {
    left: 15.8%;
  }
  .btn_08 {
    right: 15.8%;
  }
  .btn_09,
  .btn_10 {
    width: 39%;
    top: 0;
  }
  
  .btn_09 {
    left: 14%;
    
  }
  .btn_10 {
    right: 12.5%;
    
  }
    
}