p a {
  text-decoration: underline;
}
p a:hover {
  text-decoration: underline !important;
}
h2 {
  margin-top: 3rem;
}

@media only screen and (min-width: 1200px), only screen and (min-width: 768px) and (orientation: landscape) { /* pc */
  p a:hover {
    color: var(--gold) !important;
  }
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1199px) and (orientation: portrait) { /* sp */
  .sub-title {
    margin-bottom: 1rem;
  }
}