@charset "Shift_JIS";
.page-intro {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page-intro .lead {
  font-weight: 400;
  font-size: clamp(17px, calc(0.7vw + 10px), 20px);
}
.intro-columns:not(:last-of-type) {
  margin-bottom: 30px;
}
.tv-program dt {
  display: inline-block;
  font-weight: 700;
  color:  var(--color-text-inverse);
  background-color: var(--color-accent);
  padding: 2px 20px;
  border-radius: 50px;
  margin-right: auto;
  text-align: center;
}
.tv-program dd {
  margin-bottom: 0.5em;
  padding-left: 1em;
}
.tv-program-time {
  display: block;
  font-weight: 700;
  margin-bottom: 0.5em;
}

@media screen and (min-width: 421px) {
  .tv-program dt span {
    padding-right: .5em;
  }
}
@media screen and (max-width: 855px) {
  .sp-none {
    display: none;
  }
}
@media screen and (max-width: 420px) {
  .txt-long-sp {
    letter-spacing: -1px;
  }
  .tv-program dt {
    display: block;
    line-height: 1.4;
  }
  .tv-program dt span {
    display: block;
  }
}