#userGuide {
  position: relative;
  border: 1px solid var(--main-color);
  width: 90%;
  margin-top: 20rem;
}

#userGuide > .userGuide_spot {
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #fff;
  transform: translate(-50%, -40%);
}
#userGuide > .userGuide_note_wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 6rem;
  padding: 16rem 8rem 8rem;
  font-size: var(--font-small);
}
@media screen and (max-width: 768px) {
  #userGuide > .userGuide_note_wrapper {
    grid-template-columns: repeat(1, 1fr);
    padding: 10rem 3rem;
  }
}
@media screen and (max-width: 426px) {
  #userGuide > .userGuide_note_wrapper {
    padding: 16rem 3rem 8rem;
  }
}

#userGuide > .userGuide_note_wrapper > div {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
#userGuide > .userGuide_note_wrapper > div > div > ul > li {
  margin: 2rem 0;
}