.menu02 {
  z-index: 10;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
}
.menu02 label {
  background: #9acf15;
  background: linear-gradient(180deg, #9acf15 0%, #26a40c 27%, #1c8806 100%);
  color: #fff;
  padding: 10px;
  display: block;
  display: flex;
  justify-content: center;
  font-size: 4.8vw;
  font-weight: 700;
  border-radius: 10px;
  width: 90%;
  margin: 2.6666666667vw auto 0;
}
.menu02 input[type='checkbox'].on-off {
  display: none;
}
.menu02 ul {
  transition: all 0.5s;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #ffffff;
}
.menu02 li {
  width: 90%;
  margin: 0 auto;
  padding-top: 2.6666666667vw;
}
.menu02 input[type='checkbox'].on-off + ul {
  height: 0;
  overflow: hidden;
}
.menu02 input[type='checkbox'].on-off:checked + ul {
    height: 79.9333333333vw;
}
.menu02 label::after {
  transform: translateY(-25%) rotate(45deg);
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin-left: 3.2vw;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  content: '';
  transition: transform 0.3s;
  margin-top: 1.0666666667vw;
}
.menu02 .label01-active::after {
  transform: rotate(225deg);
  position: relative;
  top: 1.0666666667vw;
}