/* -----------------------
  zu
----------------------- */
.zu {
  position: relative;
  background: url(../img/restart_bg.png) no-repeat top center/ 100%;
}

.zu_popup {
  position: absolute;
  bottom: min(calc(56/ 750 * 100vw), 56px);
  left: min(calc(48/ 750 * 100vw), 48px);
  width: min(calc(241/ 750 * 100vw), 241px);
}

.zu_sub02 {
  position: absolute;
  top: 0;
}

.zu_box>p {
  position: absolute;
  top: 0;
}

.zu_box p:nth-of-type(3) {
  width: min(calc(347/ 750 * 100vw), 347px);
  top: min(calc(393/ 750 * 100vw), 393px);
  left: 49.1%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 2;
}

.zu_circle li {
  position: absolute;
  width: min(calc(210/ 750 * 100vw), 210px);
}

.zu_circle li:first-child {
  top: min(calc(118/ 750 * 100vw), 118px);
  right: min(calc(48/ 750 * 100vw), 48px);
}

.zu_circle li:nth-child(2) {
  bottom: min(calc(130/ 750 * 100vw), 130px);
  right: min(calc(48/ 750 * 100vw), 48px);
}

.zu_circle li:nth-child(3) {
  top: min(calc(118/ 750 * 100vw), 118px);
  left: min(calc(52/ 750 * 100vw), 52px);
}

.zu_circle li:nth-child(4) {
  bottom: min(calc(130/ 750 * 100vw), 130px);
  left: min(calc(52/ 750 * 100vw), 52px);
}

.zu_circle_box::after {
  content: "";
  position: absolute;
  bottom: min(calc(2/ 750 * 100vw), 2px);
  background: url(../img/zu_serum_bubble.png) no-repeat top center/ 100%;
  width: min(calc(750/ 750 * 100vw), 750px);
  height: min(calc(646/ 750 * 100vw), 646px);
}