.p-onair {
    padding-top: 231px;
    padding-bottom: 174px;
    background: url(../images/bg_intro.jpg) 50% top no-repeat;
    background-size: cover;
}
@media screen and (max-width: 768px) {
    .p-onair {
        padding-top: 17.5rem;
        padding-bottom: 14.6rem;
        background: url(../images/bg_intro.jpg) 50% top no-repeat;
        background-size: contain;
    }
}
.p-onair__title {
    margin-bottom: 94px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .p-onair__title {
        margin-bottom: 8rem;
        text-align: center;
    }
    .p-onair__title img {
        width: 39rem;
    }
}
.p-onair__text {
    text-align: center;
    margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .p-onair__text .title1 {
      width: 15.2rem;
  }
  .p-onair__text .title2 {
      width: 23.8rem;
  }
}
.p-onair__text2 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 20px 0;
}
.p-mv__text {
    text-align: center;
    margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
    .p-mv__text {
        text-align: center;
        margin-bottom: 6rem;
    }
}
.p-onair-article {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}
@media screen and (max-width: 768px) {
    .p-onair-article {
        display: contents;
    }
}
.p-onair-box {
    width: 48%;
    padding: 30px 50px;
    background: rgba(0,0,0,.8);
}
@media screen and (max-width: 768px) {
    .p-onair-box {
        width: 100%;
        padding: 5rem 7rem 5rem;
        margin: 2% 0;
    }
}
.p-onair-box p{
    color:#fff;
    line-height: 1.4;
}
@media screen and (max-width: 768px) {
    .p-onair-box p{
    font-size: 2.6rem;
    }
}
.p-onair-box p span {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .p-onair-box p span {
    font-size: 3.2rem;
    }
}
.p-onair-box p span::first-letter {
    color:#ff4e8e;
}
.p-onair-caution {
    color: #ffffff;
    text-align: center;
    padding: 30px 0 90px 0;
}
.p-onair__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 27px;
    padding: 0 0 40px 0;
}
@media screen and (max-width: 768px) {
  .p-onair__list {
      grid-template-columns: repeat(2, 1fr);
      gap: 5rem 3rem;
      padding: 0 0 6rem 0;
  }
}