.c-tvcm {
  padding-block: 300px 62px;
  @media screen and (max-width: 1035px) {
    padding-block: 102px 23px;
  }
}
.c-tvcm__section {}
.l-inner--tvcm {
  max-width: 882px;
  width: 100%;
  margin: 0 auto;
  padding-inline: 40px;
}
.c-tvcm__title {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 41px;
  @media screen and (max-width: 1035px) {
    gap: 18px;
  }
}
.c-tvcm__titleText {
  font-family: "bodoniXT", serif;
  font-size: 56px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #2E3252;
  white-space: nowrap;
  @media screen and (max-width: 1035px) {
    font-size: 27px;
  }
}
.c-tvcm__titleLabel {
  border: 1px solid #707070;
  max-width: 246px;
  min-width: 246px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  line-height: 1.33;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: #2E3252;
  white-space: nowrap;
  padding-block: 5.5px;
  @media screen and (max-width: 1035px) {
    font-size: 16px;
    max-width: 115px;
    min-width: 115px;
    padding-block: 2px;
  }
}
.c-tvcm__cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 72px 77px;
  margin-top: 100px;
  @media screen and (max-width: 1035px) {
    grid-template-columns: 1fr;
    gap: 35px 77px;
    margin-top: 37px;
  }
}
.c-tvcm__col {}
.c-tvcm__video {
  width: 100%;
}
.c-tvcm__texts {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  margin-top: 26px;
  @media screen and (max-width: 1035px) {
    gap: 9px;
    margin-top: 18px;
  }
}
.c-tvcm__icon {
  display: block;
  max-width: 22.42px;
  width: 100%;
  > img {
    width: 100%;
  }
}
.c-tvcm__text {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: #2E3252;
  @media screen and (max-width: 1035px) {
    font-size: 20px;
    line-height: 1.3;
  }
}
.c-tvcm__btnBox {
  display: flex;
  justify-content: center;
  margin-top: 72px;
  @media screen and (max-width: 1035px) {
    margin-top: 57px;
  }
}
.c-tvcm__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 157px;
  width: 100%;
  background: #2E3252;
  font-family: "bodoniXT", serif;
  font-size: 14px;
  line-height: 1.78571429;
  letter-spacing: 0.2em;
  color: #fff;
  padding-block: 3px;
  @media screen and (max-width: 1035px) {
    font-size: 12px;
    line-height: 1.75;
    max-width: 126px;
    padding-block: 2px;
  }
}