#reserve a {
  border-radius: 1vw;
  height: 8vw;
  box-shadow: .3vw .3vw .5vw rgba(0,0,0,.3);
}
.fuki {
  display: inline-block;
  position: absolute;
  top: -2.7vw;
  left: 5vw;
  padding: .3vw 1vw;
  border-radius: 3vw;
}
.fuki::after {
  content: "";
  display: block;
  border-style: solid;
  border-width: .7vw .7vw 0 .7vw;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  bottom: -.6vw;
  left: 1.3vw;
}
#what-btn-wrap li {
  padding: 0 1vw;
}
#what-btn-wrap li figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 0 .4vw;
}
#about-list li {
  padding: 0 1vw;
}
#about-list li span {
  display: block;
  padding: 4.3vw 1vw;
  border-radius: 50%;
}
#service-list li img {
  object-fit: cover;
  height: 27vw;
}
#about h2 {
  padding-top: 3vw;
}
#about::before {
  content: 'What is "GouRoom"?';
  font-size: 450%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: -1;
  font-weight: 700;
  color: #ff575c;
  opacity: .3;
  font-family: 'Baloo 2', 'Noto Sans JP', sans-serif;
}
#about-text {
  padding: 0 5vw;
}
#gr-img1 {
  transform: rotate(-15deg);
}
#gr-img2 {
  transform: rotate(15deg);
}
#order-step > * {
  position: relative;
  z-index: 10;
}
#order-step::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
  z-index: 1;
}

@media (max-width: 991px){
  
}

@media (max-width: 767px){
  .fuki {
    top: -5vw;
    left: 13vw;
    padding: .6vw 2vw;
    border-radius: 4vw;
  }
  .fuki::after {
    border-width: 1.5vw 1.5vw 0 1.5vw;
    bottom: -1.5vw;
    left: 3vw;
  }
  #reserve > div {
    padding: 5vw 4vw 2vw;
  }
  #reserve li {
    padding: 0 2vw 3vw;
  }
  #reserve a {
    border-radius: 2vw;
    height: 16vw;
    box-shadow: .6vw .6vw 1vw rgba(0,0,0,.3);
  }
  #what-do {
    padding-bottom: 0;
  }
  #what-do li {
    padding: 0 2vw 4vw;
  }
  #what-do li figcaption {
    padding: 0 0 1.3vw;
    font-size: 130%;
  }
  #about {
    padding-top: 14vw;
  }
  #about::before {
    font-size: 280%;
    top: 3vw;
  }
  #about h2 {
    font-size: 110%;
  }
  #about-text {
    padding: 0 2vw;
  }
  #about-list li span {
    display: block;
    padding: 3vw 1vw;
    border-radius: 4vw;
    margin: 1.5vw 0;
  }
  #service-list li img {
    object-fit: cover;
    height: 50vw;
  }
}

@media (max-width: 575px){
  
}