.guide {
  display: grid;
  gap: 30px;
}

@media screen and (min-width: 769px) {
  .grid-2-column {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }

  .guide {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 175px);
  }

  .guide-aomori {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  .guide-miyagi {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 7;
  }

  .guide-iwate {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 4;
  }

  .guide-fukushima {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 7;
  }
}

.guide > div {
  display: grid;
  grid-template-rows: auto 1fr;
}

.guide * {
  box-sizing: border-box;
}

.h-full {
  height: 100%;
}

.underline {
  text-decoration: underline;
}

.scroll {
  overflow-y: scroll;
}

ul {
  margin-left: 15px !important;
  display: grid;
  gap: 4px;
}

li {
  list-style-type: disc !important;
}