.slide1__layer1 {
  display: flex;
  top: calc(36 / 720 * 100vh);
}

.slide1__title {
  font-size: calc(48 / 720 * 100vh);
}

.slide1__wrapper {
  background-color: #e6e6df;
  width: calc(1130 / 720 * 100vh);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: calc(15 / 720 * 100vh);
  border-radius: calc(65 / 720 * 100vh);
}
.slide1__button-play {
  width: calc(12 / 720 * 100vh);
  height: calc(14 / 720 * 100vh);
  padding-top: calc(1.5 / 720 * 100vh);
}
.slide1__new {
  font-size: calc(48 / 720 * 100vh);
  color: #fc782c;
  margin-right: calc(20 / 720 * 100vh);
}

.slide1__image {
  margin-bottom: calc(20 / 720 * 100vh);
  width: calc(1100 / 720 * 100vh);
  height: calc(355 / 720 * 100vh);
}

.slide1__layer3 {
  left: calc(74 / 720 * 100vh);
  top: calc(128 / 720 * 100vh);
}

.slide1__button-text {
  color: #000;
  font-size: calc(16 / 720 * 100vh);
  padding-right: calc(13 / 720 * 100vh);
  transition: all 0.2s ease-in-out;
  font-weight: 600;
}

.slide1__button {
  width: calc(216 / 720 * 100vh);
  height: calc(50 / 720 * 100vh);
  border-radius: calc(46 / 720 * 100vh);
  border: none;
  display: flex;
  padding-left: calc(35 / 720 * 100vh);
  align-items: center;
  margin-bottom: calc(23 / 720 * 100vh);
  background-color: #fff;
}

.slide1__button:hover .slide1__button-text {
  font-weight: 700;
}

@supports (-webkit-touch-callout: none) {
  .slide1__button-text {
    font-weight: 400;
  }

  .slide1__button:hover .slide1__button-text {
    font-weight: 500;
  }
}

.slide1__modal-close {
  top: calc(23 / 720 * 100vh);
  left: calc(27 / 720 * 100vh);
}

.slide1__modal-wrapper {
  width: calc(986 / 720 * 100vh);
  height: calc(547 / 720 * 100vh);
  background-color: #e6e6df;
}

.slide1__video {
  border-radius: calc(30 / 720 * 100vh);
  border: calc(3 / 720 * 100vh) solid #f3f1ea;
  margin-top: calc(31 / 720 * 100vh);
  width: calc(856 / 720 * 100vh);
  height: calc(482 / 720 * 100vh);
}

.slide1__video_active {
  display: block;
}