h3.saitama {
  font-size: 1.25em;
  color: #317ae1;
  position: relative;
  margin-top: 2em;
  margin-bottom: 1em;
}
h3.saitama::before {
  content: "";
  position: absolute;
  bottom: -1rem;
  width: 16rem;
  border-bottom: 3px solid #317ae1;
}

h3.chiba {
  font-size: 1.25em;
  color: #017f01;
  position: relative;
  margin-top: 3em;
  margin-bottom: 1em;
}
h3.chiba::before {
  content: "";
  position: absolute;
  bottom: -1rem;
  width: 16rem;
  border-bottom: 3px solid #017f01;
}

h3.tokyo {
  font-size: 1.25em;
  color: #ff9e42;
  position: relative;
  margin-top: 0;
  margin-bottom: 1em;
}
h3.tokyo::before {
  content: "";
  position: absolute;
  bottom: -1rem;
  width: 16rem;
  border-bottom: 3px solid #ff9e42;
}

h3.yamanasi {
  font-size: 1.25em;
  color: #f0b413;
  position: relative;
  margin-top: 0;
  margin-bottom: 1em;
}
h3.yamanasi::before {
  content: "";
  position: absolute;
  bottom: -1rem;
  width: 16rem;
  border-bottom: 3px solid #f0b413;
}

h3.ibaraki {
  font-size: 1.25em;
  color: #862b57;;
  position: relative;
  margin-top: 0;
  margin-bottom: 1em;
}
h3.ibaraki::before {
  content: "";
  position: absolute;
  bottom: -1rem;
  width: 16rem;
  border-bottom: 3px solid #862b57;;
}


.button.yellow {
  background: #f0b413;
  color: #fff;
}
@media (hover: hover) {
  .button.yellow:hover {
    background: rgba(240, 180, 19, 0.75);
    color: #fff;
  }
}