html[data-layout="pc"] { --u: calc(100vw / 1920); }

html[data-layout="pc"] .lp-stage { width: calc(1920 * var(--u)); }

html[data-layout="pc"] .lp-terms,
html[data-layout="pc"] .lp-acc__text {
  color: #000;
  font-size: calc(34 * var(--u));
}

html[data-layout="pc"] .lp-hotspot--pattern {
  left: calc(163 * var(--u));
  top: calc(1549 * var(--u));
  width: calc(414 * var(--u));
  height: calc(100 * var(--u));
}
html[data-layout="pc"] .lp-hotspot--register-top {
  left: calc(691 * var(--u));
  top: calc(2238 * var(--u));
  width: calc(538 * var(--u));
  height: calc(128 * var(--u));
  font-size: max(16px, calc(64 * var(--u)));
}

html[data-layout="pc"] .lp-grid-bg {
  background-image: url("../img/pc/bg-grid.png");
  background-repeat: repeat;
  background-size: calc(100 * var(--u)) calc(100 * var(--u));
  background-position: calc(13 * var(--u)) calc(68 * var(--u));
}

html[data-layout="pc"] .lp-box { border-radius: calc(68 * var(--u)); }
html[data-layout="pc"] .lp-box__title { height: calc(128 * var(--u)); }
html[data-layout="pc"] .lp-box__title span {
  width: calc(538 * var(--u));
  height: 100%;
  font-size: max(16px, calc(64 * var(--u)));
  letter-spacing: 0.025em;
}

html[data-layout="pc"] .lp-band--terms .lp-stage {
  padding: calc(32 * var(--u)) 0 calc(8 * var(--u));
}
html[data-layout="pc"] .lp-band--terms .lp-box {
  width: calc(1700 * var(--u));
  margin-left: calc(110 * var(--u));
  width: round(calc(1700 * var(--u)), 1px);
  margin-left: round(calc(110 * var(--u)), 1px);
  padding: calc(48 * var(--u)) calc(46 * var(--u)) calc(48 * var(--u)) calc(48 * var(--u));
}
html[data-layout="pc"] .lp-band--terms .lp-box__title::before {
  left: calc(16 * var(--u));
  right: calc(16 * var(--u));
  top: calc(64 * var(--u));
  height: max(2px, calc(5 * var(--u)));
}
html[data-layout="pc"] .lp-terms {
  margin-top: calc(24 * var(--u));
  line-height: 1.4412;
  letter-spacing: 0;
}
html[data-layout="pc"] .lp-terms p { text-align: justify; }
html[data-layout="pc"] .lp-terms .lp-terms__bullet { padding-left: 1.5em; text-indent: -1em; }

html[data-layout="pc"] .lp-examples {
  position: absolute;
  left: calc(354 * var(--u));
  top: calc(377 * var(--u));
  width: calc(1234 * var(--u));
}
html[data-layout="pc"] .lp-examples .swiper {
  overflow: visible;
  column-gap: calc(80 * var(--u));
  --lp-slide-fade: 1;
}
html[data-layout="pc"] .lp-examples .swiper-slide { transition-property: transform, opacity; }
html[data-layout="pc"] .lp-examples__title {
  top: calc(227 * var(--u));
  font-size: max(20px, calc(72 * var(--u)));
  line-height: 1.448;
}
html[data-layout="pc"] .lp-prompt {
  width: calc(1234 * var(--u));
  height: calc(637 * var(--u));
  border-radius: 0;
  overflow: visible;
  padding: 0;
}
html[data-layout="pc"] .lp-prompt--1 { --lp-prompt-text: url("../img/pc/prompt-text-1.png"); }
html[data-layout="pc"] .lp-prompt--2 { --lp-prompt-text: url("../img/pc/prompt-text-2.png"); }
html[data-layout="pc"] .lp-prompt--3 { --lp-prompt-text: url("../img/pc/prompt-text-3.png"); }
html[data-layout="pc"] .lp-prompt--4 { --lp-prompt-text: url("../img/pc/prompt-text-4.png"); }
html[data-layout="pc"] .lp-prompt {
  background:
    var(--lp-prompt-text) calc(34 * var(--u)) calc(34 * var(--u)) / calc(1166 * var(--u)) calc(569 * var(--u)) no-repeat,
    url("../img/pc/prompt-card.png") 0 0 / 100% 100% no-repeat;
}
html[data-layout="pc"] .lp-prompt > * {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px !important; padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
html[data-layout="pc"] .lp-prompt::before,
html[data-layout="pc"] .lp-prompt::after { content: none; }
html[data-layout="pc"] .lp-examples .lp-examples__scrollbar.swiper-scrollbar-horizontal,
html[data-layout="pc"] .lp-examples .lp-examples__scrollbar {
  left: calc(207 * var(--u));
  top: calc(686 * var(--u));
  bottom: auto;
  width: calc(800 * var(--u));
  height: calc(8 * var(--u));
  --lp-drag-ratio: 0.25;
}
html[data-layout="pc"] .lp-examples .lp-examples__scrollbar::before {
  top: calc(2 * var(--u));
  height: max(1px, calc(3 * var(--u)));
  background: #231816;
}
html[data-layout="pc"] .lp-examples .lp-examples__scrollbar .swiper-scrollbar-drag { background: #026df7; }
html[data-layout="pc"] .lp-examples__nav {
  top: calc(302 * var(--u));
  width: calc(94 * var(--u));
  height: calc(94 * var(--u));
  background-image: url("../img/pc/nav-arrow.png");
}
html[data-layout="pc"] .lp-examples__nav--prev { transform: scaleX(-1); }
html[data-layout="pc"] .lp-examples__nav--prev { left: calc(-109.5 * var(--u)); }
html[data-layout="pc"] .lp-examples__nav--next { left: calc(1236 * var(--u)); }
html[data-layout="pc"] .lp-examples__dots { display: none; }

html[data-layout="pc"] .lp-cta { position: absolute; inset: 0; }
html[data-layout="pc"] .lp-hotspot--offer {
  left: calc(377 * var(--u));
  top: calc(239 * var(--u));
  width: calc(538 * var(--u));
  height: calc(128 * var(--u));
}
html[data-layout="pc"] .lp-hotspot--works {
  left: calc(1008 * var(--u));
  top: calc(239 * var(--u));
  width: calc(538 * var(--u));
  height: calc(128 * var(--u));
}
html[data-layout="pc"] .lp-hotspot--register-wide {
  left: calc(377 * var(--u));
  top: calc(427 * var(--u));
  width: calc(1169 * var(--u));
  height: calc(132 * var(--u));
}

html[data-layout="pc"] .lp-band--winners .lp-stage { padding: calc(73 * var(--u)) 0 calc(73.5 * var(--u)); }
html[data-layout="pc"] .lp-winners__title { margin-left: calc(737 * var(--u)); width: calc(440 * var(--u)); }
html[data-layout="pc"] .lp-winners { margin: calc(60 * var(--u)) 0 0 calc(104 * var(--u)); gap: calc(23.9 * var(--u)); }
html[data-layout="pc"] .lp-winners__btn { width: calc(1706 * var(--u)); }

html[data-layout="pc"] .lp-band--more .lp-stage { padding: calc(48 * var(--u)) 0 calc(80 * var(--u)); }
html[data-layout="pc"] .lp-band--more .lp-box {
  width: calc(1700 * var(--u));
  margin-left: calc(111 * var(--u));
  width: round(calc(1700 * var(--u)), 1px);
  margin-left: round(calc(111 * var(--u)), 1px);
  padding: calc(47 * var(--u)) calc(47 * var(--u)) calc(47 * var(--u));
}
html[data-layout="pc"] .lp-band--more .lp-box__title {
  width: calc(1572 * var(--u));
  height: calc(130 * var(--u));
  margin-left: calc(1 * var(--u));
}
html[data-layout="pc"] .lp-band--more .lp-box__title::before {
  left: 0;
  right: 0;
  top: calc(63.25 * var(--u));
  height: max(2px, calc(5 * var(--u)));
}
html[data-layout="pc"] .lp-band--more .lp-box__title span { height: calc(128 * var(--u)); align-self: center; }
html[data-layout="pc"] .lp-acc:first-of-type { margin-top: calc(48 * var(--u)); }
html[data-layout="pc"] .lp-acc + .lp-acc { margin-top: calc(52 * var(--u)); }
html[data-layout="pc"] .lp-acc__toggle {
  gap: calc(8 * var(--u));
  min-height: calc(61 * var(--u));
  font-size: max(16px, calc(42 * var(--u)));
  line-height: 1.448;
  letter-spacing: 0;
}
html[data-layout="pc"] .lp-acc__icon {
  width: max(20px, calc(60 * var(--u)));
  height: max(20px, calc(60 * var(--u)));
  background-image: url("../img/pc/acc-icon.png");
}
html[data-layout="pc"] .lp-acc.is-open + .lp-acc { margin-top: calc(48 * var(--u)); }
html[data-layout="pc"] .lp-acc__text {
  width: calc(1572 * var(--u));
  padding-top: calc(24 * var(--u));
  line-height: 1.448;
  letter-spacing: 0;
}
html[data-layout="pc"] .lp-acc__text p { text-align: left; }
