@charset "UTF-8";
/*----------------------------------

特別番組

----------------------------------*/
.special {
  margin-bottom: 106px;
}
.special .inner {
  margin-bottom: 68px;
}
@media (max-width: 735px) {
  .special .inner {
    margin-bottom: 45px;
  }
}
.special h1 {
  margin-top: 104px;
  text-align: center;
}
@media (max-width: 735px) {
  .special h1 {
    display: block;
    width: 240px;
    margin: 104px auto 0;
  }
}
.special ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 52px 45px;
  margin-top: 60px;
}
@media (max-width: 735px) {
  .special ul {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-top: 40px;
  }
}
.special ul li .list-inner {
  position: relative;
  background-color: #efefef;
}
.special ul li .list-inner::before {
  position: absolute;
  bottom: -8px;
  right: -8px;
  content: "";
  width: 1px;
  height: 97%;
  background-color: #0050b4;
}
@media (max-width: 735px) {
  .special ul li .list-inner::before {
    height: 99%;
    bottom: -6px;
    right: -4px;
  }
}
.special ul li .list-inner::after {
  position: absolute;
  bottom: -8px;
  right: -8px;
  content: "";
  width: 95%;
  height: 1px;
  background-color: #0050b4;
}
@media (max-width: 735px) {
  .special ul li .list-inner::after {
    width: 97%;
    bottom: -6px;
    right: -4px;
  }
}
.special ul li .list-inner span {
  display: block;
  width: 100%; /* 任意の横幅を指定 */
  aspect-ratio: 16/9;
}
.special ul li .list-inner span iframe {
  width: 100%;
  height: 100%;
}
.special ul li p {
  position: relative;
  padding: 20px 0 0;
  color: #0050BE;
}
@media (max-width: 735px) {
  .special ul li p {
    font-size: 14px;
    line-height: 1.4;
    padding: 15px 0 0;
  }
}