.spot-list-item:nth-child(1)::before {
  background-color: rgb(var(--theme-color-rgb), 0.1);
  border-left: 0.2rem solid var(--theme-color);
  color: var(--text1-color);
  content: "日高町";
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  height: 2.4rem;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin: 1.6rem 0 2.4rem 0.8rem;
  padding: 0.2rem 0 0.39rem 0.8rem;
  text-align: left;
  width: calc(200% - 2.6rem);
}

.spot-list-item:nth-child(2) {
  margin-top: 7rem;
}

.spot-list-item:nth-child(3) {
  margin-right: 100%;
}

.spot-list-item:nth-child(4)::before {
  background-color: rgb(var(--theme-color-rgb), 0.1);
  border-left: 0.2rem solid var(--theme-color);
  color: var(--text1-color);
  content: "平取町";
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  height: 2.4rem;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin: 1.6rem 0 2.4rem 0.8rem;
  padding: 0.2rem 0 0.39rem 0.8rem;
  text-align: left;
  width: calc(200% - 2.6rem);
}

.spot-list-item:nth-child(5) {
  margin-top: 7rem;
}

.spot-list-item:nth-child(6) {
  margin-right: 100%;
}

.spot-list-item:nth-child(7)::before {
  background-color: rgb(var(--theme-color-rgb), 0.1);
  border-left: 0.2rem solid var(--theme-color);
  color: var(--text1-color);
  content: "新冠町";
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  height: 2.4rem;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin: 1.6rem 0 2.4rem 0.8rem;
  padding: 0.2rem 0 0.39rem 0.8rem;
  text-align: left;
  width: calc(200% - 2.6rem);
}

.spot-list-item:nth-child(8) {
  margin-top: 7rem;
}

.spot-list-item:nth-child(9) {
  margin-right: 100%;
}

.spot-list-item:nth-child(10)::before {
  background-color: rgb(var(--theme-color-rgb), 0.1);
  border-left: 0.2rem solid var(--theme-color);
  color: var(--text1-color);
  content: "新ひだか町";
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  height: 2.4rem;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin: 1.6rem 0 2.4rem 0.8rem;
  padding: 0.2rem 0 0.39rem 0.8rem;
  text-align: left;
  width: calc(200% - 2.6rem);
}

.spot-list-item:nth-child(11) {
  margin-top: 7rem;
}

.spot-list-item:nth-child(12) {
  margin-right: 100%;
}

.spot-list-item:nth-child(13)::before {
  background-color: rgb(var(--theme-color-rgb), 0.1);
  border-left: 0.2rem solid var(--theme-color);
  color: var(--text1-color);
  content: "浦河町";
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  height: 2.4rem;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin: 1.6rem 0 2.4rem 0.8rem;
  padding: 0.2rem 0 0.39rem 0.8rem;
  text-align: left;
  width: calc(200% - 2.6rem);
}

.spot-list-item:nth-child(14) {
  margin-top: 7rem;
}

.spot-list-item:nth-child(15) {
  margin-right: 100%;
}

.spot-list-item:nth-child(16)::before {
  background-color: rgb(var(--theme-color-rgb), 0.1);
  border-left: 0.2rem solid var(--theme-color);
  color: var(--text1-color);
  content: "様似町";
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  height: 2.4rem;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin: 1.6rem 0 2.4rem 0.8rem;
  padding: 0.2rem 0 0.39rem 0.8rem;
  text-align: left;
  width: calc(200% - 2.6rem);
}

.spot-list-item:nth-child(17) {
  margin-top: 7rem;
}

.spot-list-item:nth-child(18) {
  margin-right: 100%;
}

.spot-list-item:nth-child(19)::before {
  background-color: rgb(var(--theme-color-rgb), 0.1);
  border-left: 0.2rem solid var(--theme-color);
  color: var(--text1-color);
  content: "えりも町";
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  height: 2.4rem;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin: 1.6rem 0 2.4rem 0.8rem;
  padding: 0.2rem 0 0.39rem 0.8rem;
  text-align: left;
  width: calc(200% - 2.6rem);
}

.spot-list-item:nth-child(20) {
  margin-top: 7rem;
}

.spot-list-item:nth-child(21) {
  margin-right: 100%;
}