/*===============================
	Variable
================================*/
/*===============================
	Mixin
================================*/
@media print {
  body {
    display: none !important; } }
@media screen and (max-width: 767px) {
  body {
    width: 100%; } }
@media screen and (min-width: 768px) {
  .is__sp {
    display: none; } }
.l-main {
  color: #000; }
  .l-main img {
    width: 100%; }

.p-wrap {
  width: 100%;
  position: relative; }

.p-inner {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2; }

@media screen and (min-width: 768px) {
  .p-inner {
    width: 66.66vw; } }
.is__kv.p-wrap {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.p-kv__inner {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column; }
  .p-kv__inner .p-text {
    margin-top: auto;
    margin-bottom: 0;
    color: #fff;
    font-weight: bold; }

.p-kv__title {
  margin-bottom: 0; }

@media screen and (max-width: 767px) {
  .is__kv.p-wrap {
    height: 104vw;
    padding-bottom: 8vw;
    background-image: url(/2022cm/img/img__main_sp.jpg); }
  .is__kv .p-text {
    font-size: 2.93vw;
    line-height: 2; }

  .p-kv__inner {
    width: 100%;
    padding-left: 5.47vw; }

  .p-kv__title {
    width: 89.06vw;
    margin-top: 13.44vw; } }
@media screen and (min-width: 768px) {
  .is__kv.p-wrap {
    height: 46.94vw;
    padding-bottom: 6.09vw;
    background-image: url(/2022cm/img/img__main.jpg); }
  .is__kv .p-text {
    font-size: 1.11vw; }

  .p-kv__inner {
    width: 73.88vw; }
    .p-kv__inner .p-text {
      line-height: 2.25;
      letter-spacing: .05em; }

  .p-kv__title {
    width: 69.62vw;
    margin-top: 3.38vw; } }
@media screen and (min-width: 768px) {
  .p-content {
    margin-bottom: 1.04vw;
    padding-bottom: 26.8vw;
    background-size: 11.11vw;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: url(/2022cm/img/bg__section.svg); } }
.p-sction_title__wrap {
  border-left-style: solid;
  position: relative;
  z-index: 2; }
  .p-sction_title__wrap * {
    line-height: 1;
    opacity: 0;
    transform: translateY(1vw);
    transition: opacity .2s ease-out,transform .2s ease-out; }
  .p-sction_title__wrap.is__action * {
    opacity: 1;
    transform: translateY(0vw); }

@media screen and (max-width: 767px) {
  .p-sction_title__wrap {
    padding-left: 4.77vw;
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
    border-left-width: 2px; }
    .p-sction_title__wrap .p-text {
      font-size: 2.66vw; } }
@media screen and (min-width: 768px) {
  .p-sction_title__wrap {
    padding-left: 2.75vw;
    padding-top: .83vw;
    padding-bottom: .83vw;
    border-left-width: 4px; }
    .p-sction_title__wrap .p-text {
      font-size: 1.04vw; } }
.p-youtube__wrap {
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  opacity: 0;
  transform: scale(0.9);
  transition: opacity .4s ease-out .5s, transform .4s ease-out .5s; }
  .p-youtube__wrap.is__action {
    opacity: 1;
    transform: scale(1); }
  .p-youtube__wrap::before, .p-youtube__wrap::after {
    content: '';
    margin: auto;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .p-youtube__wrap::before {
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%; }
  .p-youtube__wrap::after {
    z-index: 3;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(/2022cm/img/icn__btn.svg); }
  .is__stripe1 .p-youtube__wrap {
    background-image: url(/2022cm/img/img__youtube1.jpg); }
  .is__stripe2 .p-youtube__wrap {
    background-image: url(/2022cm/img/img__youtube2.jpg); }
  .is__stripe3 .p-youtube__wrap {
    background-image: url(/2022cm/img/img__youtube3.jpg); }

@media screen and (max-width: 767px) {
  .p-youtube__wrap {
    width: 85.33vw;
    height: 48vw; }
    .p-youtube__wrap::before {
      width: 16vw;
      height: 16vw; }
    .p-youtube__wrap::after {
      width: 2.66vw;
      height: 2.66vw; }
    .is__stripe1 .p-youtube__wrap {
      bottom: -6.6vw; }
    .is__stripe2 .p-youtube__wrap {
      bottom: 28.5vw; } }
@keyframes movieHover {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(0.75); }
  75% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
@media screen and (min-width: 768px) {
  .p-youtube__wrap {
    width: 44.44vw;
    height: 25vw;
    background-color: #000; }
    .p-youtube__wrap img {
      transition: opacity .2s ease-out; }
    .p-youtube__wrap::before {
      width: 5.55vw;
      height: 5.55vw; }
    .p-youtube__wrap::after {
      width: .97vw;
      height: .97vw; }
    .p-youtube__wrap:hover img {
      opacity: .85;
      position: relative;
      z-index: 1; }
    .p-youtube__wrap:hover::before {
      animation: movieHover .35s ease-in; }
    .is__stripe1 .p-youtube__wrap {
      bottom: -12.36vw; }
    .is__stripe2 .p-youtube__wrap {
      bottom: -10vw; } }
.p-tvcm__subtitle {
  line-height: 0; }
  .p-tvcm__subtitle > * {
    position: relative;
    z-index: 1;
    font-weight: bold;
    opacity: 0;
    transform: translateX(-2vw) skewX(10deg);
    transition: opacity .2s ease-out .25s,transform .2s ease-out .25s; }
  .p-tvcm__subtitle.is__action > * {
    opacity: 1;
    transform: translateX(0vw) skewX(0deg); }
  .p-tvcm__subtitle .p-subtitle {
    text-indent: -.6em;
    transition-delay: .5s; }
  .p-tvcm__subtitle::before {
    content: '';
    margin: auto;
    display: block;
    position: absolute;
    z-index: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }

@media screen and (max-width: 767px) {
  .p-tvcm__subtitle {
    margin-left: 3.73vw;
    padding-left: 18.66vw;
    position: absolute; }
    .p-tvcm__subtitle .p-text {
      font-size: 2.66vw; }
    .p-tvcm__subtitle .p-subtitle {
      margin-top: 1.86vw;
      font-size: 4vw; } }
@media screen and (min-width: 768px) {
  .p-tvcm__subtitle {
    margin-left: 3.95vw;
    padding-left: 7.15vw;
    position: relative; }
    .p-tvcm__subtitle::before {
      top: 0;
      bottom: 0; }
    .p-tvcm__subtitle .p-text {
      font-size: 1.04vw; }
    .p-tvcm__subtitle .p-subtitle {
      margin-top: .83vw;
      font-size: 1.52vw; } }
.is__tvcm .p-sction_title__wrap {
  color: #fff;
  border-left-color: #fff; }

@media screen and (max-width: 767px) {
  .is__tvcm .p-sction_title__wrap {
    margin-left: 10.66vw; }
  .is__tvcm .p-sction_title__img {
    width: 45.8vw; } }
@media screen and (min-width: 768px) {
  .is__tvcm .p-sction_title__wrap {
    margin-left: 5.55vw; }
  .is__tvcm .p-sction_title__img {
    width: 23.25vw; } }
.is__tvcm1.p-inner {
  position: static;
  color: #fff; }
.is__tvcm1 .p-tvcm__subtitle::before {
  background-image: url(/2022cm/img/icn__num1.svg); }

@media screen and (max-width: 767px) {
  .is__tvcm1.p-inner {
    padding-top: 16vw; }
  .is__tvcm1 .p-tvcm__subtitle {
    top: 54vw; }
    .is__tvcm1 .p-tvcm__subtitle::before {
      width: 13.33vw;
      height: 16vw;
      top: -3.06vw; } }
@media screen and (min-width: 768px) {
  .is__tvcm1.p-inner {
    padding-top: 7.91vw; }
  .is__tvcm1 .p-tvcm__subtitle::before {
    width: 7.57vw;
    height: 9.13vw; } }
.is__tvcm2.p-inner {
  position: static; }
.is__tvcm2 .p-tvcm__subtitle {
  z-index: 2; }
  .is__tvcm2 .p-tvcm__subtitle::before {
    background-image: url(/2022cm/img/icn__num2.svg); }

@media screen and (max-width: 767px) {
  .is__tvcm2 .p-tvcm__subtitle::before {
    width: 16.53vw;
    height: 16vw;
    top: -3.73vw; } }
@media screen and (min-width: 768px) {
  .is__tvcm2 .p-tvcm__subtitle::before {
    width: 9.44vw;
    height: 9.13vw; } }
.is__making .p-sction_title__wrap {
  border-left-color: #0B3E8E; }
.is__making .p-inner {
  position: static; }

@media screen and (max-width: 767px) {
  .is__making .p-sction_title__wrap {
    margin-left: 10.66vw; }
  .is__making .p-sction_title__img {
    width: 64.61vw; }
  .is__making .p-youtube__wrap {
    bottom: 21.33vw; } }
@media screen and (min-width: 768px) {
  .is__making .p-sction_title__wrap {
    margin-left: 21.52vw; }
  .is__making .p-sction_title__img {
    width: 31.04vw; }
  .is__making .p-youtube__wrap {
    bottom: -14.58vw; } }
.is__graphic .p-sction_title__wrap {
  color: #fff;
  border-left-color: #fff; }

.p-graphic__img {
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  background-image: url(/2022cm/img/img__graphic.jpg);
  border: 1px solid #fff; }

@media screen and (max-width: 767px) {
  .is__graphic .p-sction_title__wrap {
    margin-left: 10.66vw; }
  .is__graphic .p-sction_title__img {
    width: 36.864vw; }

  .p-graphic__img {
    width: 80vw;
    height: 112.4vw;
    margin-top: 12.26vw;
    margin-left: auto;
    margin-right: auto;
    position: relative; } }
@media screen and (min-width: 768px) {
  .is__graphic .p-sction_title__wrap {
    margin-left: 5.55vw; }
  .is__graphic .p-sction_title__img {
    width: 18.72vw; }

  .p-graphic__img {
    width: 24.3vw;
    height: 34.23vw;
    position: absolute;
    top: 0;
    right: 11.11vw; } }
.p-bg {
  width: 100%;
  position: relative; }
  .p-bg::before, .p-bg::after {
    content: '';
    width: 100%;
    height: 100%;
    margin: auto;
    display: block;
    position: absolute;
    top: 0; }

@media screen and (max-width: 767px) {
  .p-bg {
    background-repeat: no-repeat;
    background-size: auto 100%; }

  .is__stripe1 {
    height: 106.66vw;
    padding-top: 16vw;
    background-position: right top;
    background-image: url(/2022cm/img/bg_stripe1.jpg); }

  .is__stripe2 {
    height: 106.66vw;
    padding-top: 18.93vw;
    background-position: right top;
    background-image: url(/2022cm/img/bg_stripe2.png); }

  .is__stripe3 {
    height: 106.66vw;
    padding-top: 9.33vw;
    background-position: left top;
    background-size: 22.93vw;
    background-image: url(/2022cm/img/bg_stripe3.png); }

  .is__stripe4 {
    padding-top: 16vw;
    padding-bottom: 21.33vw;
    background-size: 100%;
    background-image: url(/2022cm/img/bg_stripe4.jpg); } }
@media screen and (min-width: 768px) {
  .is__stripe1 {
    height: 40.27vw;
    padding-top: 6.11vw; }
    .is__stripe1::before {
      left: 0;
      z-index: 0;
      background: #14286c;
      background: -moz-linear-gradient(160deg, #14286c 0%, #0d4598 100%);
      background: -webkit-linear-gradient(160deg, #14286c 0%, #0d4598 100%);
      background: linear-gradient(160deg, #14286c 0%, #0d4598 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14286c', endColorstr='#0d4598',GradientType=1 ); }
    .is__stripe1::after {
      width: 38.38vw;
      right: 0;
      z-index: 1;
      background-repeat: no-repeat;
      background-position: left;
      background-size: auto 100%;
      background-image: url(/2022cm/img/img__stripe1.png); }

  .is__stripe2 {
    height: 40.27vw;
    padding-top: 20.06vw; }
    .is__stripe2::before {
      width: 50.8%;
      left: 2.1vw;
      z-index: 1;
      background-color: #fff;
      transform: skewX(-22.5deg);
      transform-origin: right; }
    .is__stripe2::after {
      width: 70%;
      right: 0;
      z-index: 0;
      background: #0d4598;
      background: -moz-linear-gradient(160deg, #0d4598 0%, #14286c 100%);
      background: -webkit-linear-gradient(160deg, #0d4598 0%, #14286c 100%);
      background: linear-gradient(160deg, #0d4598 0%, #14286c 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4598', endColorstr='#14286c',GradientType=1 ); }

  .is__stripe3 {
    height: 40.27vw;
    padding-top: 19.72vw; }
    .is__stripe3::before {
      width: 44.4%;
      left: 0;
      z-index: 0;
      background-position: right top;
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-image: url(/2022cm/img/img__stripe3.png); }

  .is__stripe4 {
    height: 40.27vw;
    padding-top: 27.63vw; }
    .is__stripe4::before {
      width: 27.77%;
      left: 0;
      z-index: 1;
      background-color: #fff;
      transform: skewX(-22.5deg);
      transform-origin: right top; }
    .is__stripe4::after {
      width: 89.1%;
      right: 0;
      z-index: 0;
      background: #0d4598;
      background: -moz-linear-gradient(160deg, #0d4598 0%, #14286c 100%);
      background: -webkit-linear-gradient(160deg, #0d4598 0%, #14286c 100%);
      background: linear-gradient(160deg, #0d4598 0%, #14286c 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4598', endColorstr='#14286c',GradientType=1 ); } }
.p-onair__wrap {
  width: 100%;
  color: #fff;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .p-onair__wrap::before {
    content: '';
    display: block;
    position: absolute; }

.p-onair__inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.p-onair__img {
  margin-left: auto;
  margin-right: auto; }

.p-onair_list__wrap {
  margin-left: auto;
  margin-right: auto; }

.p-onair_list__box {
  border: 1px solid #fff; }
  .p-onair_list__box .is__bold {
    margin: 0;
    font-weight: bold; }
  .p-onair_list__box .p-subtitle {
    margin: 0;
    padding-bottom: .5em;
    font-weight: bold; }
  .p-onair_list__box .p-text:not(.is__bold) {
    margin: auto; }

.p-onair__caption {
  font-weight: bold;
  letter-spacing: .05em; }

@media screen and (max-width: 767px) {
  .p-onair__wrap {
    padding-top: 18.66vw;
    padding-bottom: 16vw;
    background-image: url(/2022cm/img/img__onair_sp.jpg); }

  .p-onair__title {
    margin-bottom: 10.66vw; }
    .p-onair__title .p-text {
      font-size: 2.66vw; }

  .p-onair__img {
    width: 83.54vw; }

  .p-onair_list__wrap {
    width: 78.66vw;
    display: block; }

  .p-onair_list__box {
    width: 100%;
    padding: 8.53vw;
    display: block;
    border-radius: 2.66vw; }
    .p-onair_list__box + .p-onair_list__box {
      margin-top: 4.26vw; }
    .p-onair_list__box .is__bold {
      font-size: 3.73vw; }
    .p-onair_list__box .p-subtitle {
      font-size: 5.33vw; }
    .p-onair_list__box .p-text:not(.is__bold) {
      font-size: 3.46vw; }

  .p-onair__caption {
    margin-top: 8.26vw;
    font-size: 4.26vw; } }
@media screen and (min-width: 768px) {
  .p-onair__wrap {
    height: 41.66vw;
    background-image: url(/2022cm/img/img__onair.jpg); }

  .p-onair__title {
    margin-bottom: 3.47vw; }
    .p-onair__title .p-text {
      font-size: 1.11vw; }

  .p-onair__img {
    width: 32.63vw; }

  .p-onair_list__wrap {
    width: 66.66vw;
    display: flex;
    justify-content: space-between; }

  .p-onair_list__box {
    width: 20.83vw;
    padding: 3vw;
    display: flex;
    flex-direction: column;
    border-radius: .69vw; }
    .p-onair_list__box .is__bold {
      font-size: .97vw; }
    .p-onair_list__box .p-subtitle {
      font-size: 1.38vw; }
    .p-onair_list__box .p-text:not(.is__bold) {
      font-size: .9vw; }

  .p-onair__caption {
    margin-top: 3.47vw;
    font-size: 1.38vw; } }
.p-modal__wrp {
  width: 100%;
  height: 100%;
  display: flex;
  display: none;
  position: fixed;
  z-index: 110;
  left: 0;
  top: 0; }
  .p-modal__wrp .p-youtube__wrap {
    width: 100%;
    height: 100%;
    margin: auto;
    top: 0;
    bottom: 0;
    opacity: 1;
    transform: scale(1); }

.p-modal__bg {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); }

.p-modal__inr {
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #fff; }

.p-modal__box {
  width: 100%;
  height: 100%;
  display: block;
  position: relative; }
  .p-modal__box iframe {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }

.p-modal__btn_close {
  position: absolute; }
  .p-modal__btn_close img {
    width: 100%; }

@media screen and (max-width: 767px) {
  .p-modal__inr {
    width: 90.66vw;
    height: 53.33vw;
    padding: 2.66vw; }
    .is__ios .p-modal__inr {
      transform: translateY(3vh); }

  .p-modal__btn_close {
    width: 7.88vw;
    height: -11.23vw;
    top: -19.2vw;
    right: 5.06vw; } }
@media screen and (min-width: 768px) {
  .p-modal__inr {
    width: 66.66vw;
    height: 37.5vw;
    padding: 1.38vw; }

  .p-modal__btn_close {
    width: 2.05vw;
    height: 2.92vw;
    top: -2.29vw;
    right: -4.3vw; } }

/* nostream */
.modal-body{
  margin: 0;
}
.modal-iframe{
  padding: 5vw 5.33333vw;
}
.modal-iframe .c-heading.-large{
  font-size: 6vw;
  margin: 0 0 4.26667vw 0;
}
@media screen and (min-width: 480px) {
  .modal-iframe{
    padding: 30px 70px;
  }
  .modal-iframe .c-heading.-large{
    font-size: 32px;
    margin: 0 0 25px 0;
  }
}
.u-font-red {
  color: #E83428;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.875;
}

/*# sourceMappingURL=style.css.map */