.p-cm {
  /*
  background-image: url('../images/sp/cm_bg.png');
  background-size: cover;
  */
}

.p-cm::before {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-image: url('../images/sp/cm_bg.png');
  background-size: cover;
  z-index: -1;
}

.p-cm__container {
  position: relative;
  padding: 64px 20px 43px;
}

.p-cm__container::before,
.p-cm__container::after {
  position: absolute;
  top: 0;
  width: 31.8667%;
  height: 88%;
  content: '';
  background-repeat: no-repeat;
  background-size: cover;
}

.p-cm__container::before {
  left: 0;
  background-image: url('../images/sp/cm_sidebg_left.png');
  z-index: -1;
}

.p-cm__container::after {
  right: 0;
  background-image: url('../images/sp/cm_sidebg_right.png');
  z-index: -1;
}

.p-cm__heading {}

.p-cm__heading img {
  width: 32.23880597%;
  margin: 0 auto;
}

.p-cm__movie,
.p-cm__product01,
.p-cm__product02 {
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(.39, .575, .565, 1),
    transform 0.6s cubic-bezier(.39, .575, .565, 1);
  transform: translateY(30px);
}

.p-cm__movie.is-active,
.p-cm__product01.is-active,
.p-cm__product02.is-active {
  opacity: 1;
  transform: translateY(0);
}

.p-cm__movie {
  margin-top: 47px;
}

.p-cm__thumb {
  position: relative;
  z-index: 1;
  display: block;
}

.p-cm__thumb::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 28.283582%;
  height: 45.350741%;
  margin: auto;
  content: '';
  background-image: url('../images/pc/cm_btn_play.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.p-cm__product01,
.p-cm__product02 {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-cm {
    background-image: url('../images/pc/cm_bg.jpg');
    background-size: cover;
  }

  .p-cm::before {
    display: none;
  }

  .p-cm__container {
    padding: 6.6666666666% 0 8.6666666666%;
  }

  .p-cm__heading img {
    width: 11.533333333%;
  }

  .p-cm__container::before,
  .p-cm__container::after {
    width: 18%;
    height: 94.28571428%;
  }

  .p-cm__container::before {
    background-image: url('../images/pc/cm_sidebg_left.png');
    z-index: 1;
  }
  
  .p-cm__container::after {
    background-image: url('../images/pc/cm_sidebg_right.png');
    z-index: 1;
  }

  .p-cm__thumb {
    width: 44.1333%;
    margin: 0 auto;
    cursor: pointer;
  }

  .p-cm__thumb::before {
    transition: transform 0.25s cubic-bezier(0.63, 0.04, 0.36, 1);
  }

  .p-cm__thumb:hover::before {
    transform: scale(0.9);
  }

  .p-cm__product01,
  .p-cm__product02 {
    position: absolute;
    bottom: 13.1428571%;
    display: block;
    width: 13.2667%;
  }

  .p-cm__product01 {
    left: 14.799999999%;
  }

  .p-cm__product02 {
    right: 14.399999999%;
  }
}