:root {
  --pc-width: clamp(1024px, 100vw, 1440px);
}

* {
  box-sizing: border-box;
}

html,
body {
  min-width: 1024px;
  margin: 0;
  background: #eaf1cf;
}

body {
  overflow-x: auto;
}

.pc-lp {
  position: relative;
  width: var(--pc-width);
  min-width: 1024px;
  height: calc(var(--pc-width) * 7707 / 1440);
  margin-inline: auto;
  overflow: hidden;
  background: #eaf1cf;
}

.pc-fv-motion {
  position: absolute;
  z-index: 1;
  inset: 0 auto auto 0;
  width: 100%;
  height: calc(var(--pc-width) * 1151 / 1440);
  pointer-events: none;
}

.pc-fv-piece {
  position: absolute;
}

.pc-fv-piece__motion {
  display: block;
  width: 100%;
  height: auto;
}

.pc-fv-piece--kinako {
  z-index: 1;
  top: calc(var(--pc-width) * -22 / 1440);
  left: calc(var(--pc-width) * 871 / 1440);
  width: calc(var(--pc-width) * 669 / 1440);
}

.pc-fv-piece--kinako .pc-fv-piece__motion {
  animation: pc-fv-from-right 1.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s both;
}

.pc-fv-piece--dog {
  z-index: 2;
  top: calc(var(--pc-width) * 267 / 1440);
  left: calc(var(--pc-width) * -128 / 1440);
  width: calc(var(--pc-width) * 714 / 1440);
}

.pc-fv-piece--dog .pc-fv-piece__motion {
  animation: pc-fv-from-left 1.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s both;
}

.pc-fv-piece--package {
  z-index: 3;
  top: calc(var(--pc-width) * 413 / 1440);
  left: calc(var(--pc-width) * 476 / 1440);
  width: calc(var(--pc-width) * 540 / 1440);
}

.pc-fv-piece--package .pc-fv-piece__motion {
  animation: pc-fv-fade-in 1.3s ease-out 1.2s both;
}

.pc-fv-piece--title {
  z-index: 4;
  top: calc(var(--pc-width) * 109 / 1440);
  left: calc(var(--pc-width) * 150 / 1440);
  width: calc(var(--pc-width) * 498 / 1440);
}

.pc-fv-piece--title .pc-fv-piece__motion {
  animation: pc-fv-fade-in 0.8s ease-out 0.7s both;
}

.pc-fv-piece--mark {
  z-index: 5;
  top: calc(var(--pc-width) * 574 / 1440);
  left: calc(var(--pc-width) * 1004 / 1440);
  width: calc(var(--pc-width) * 383 / 1440);
}

.pc-fv-piece--mark .pc-fv-piece__motion {
  animation: pc-fv-fade-in 1.3s ease-out 1.2s both;
}

@keyframes pc-fv-from-right {
  from { translate: 100vw 0; }
  to { translate: 0 0; }
}

@keyframes pc-fv-from-left {
  from { translate: -100vw 0; }
  to { translate: 0 0; }
}

@keyframes pc-fv-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .pc-fv-piece__motion {
    animation: none;
    opacity: 1;
    translate: 0 0;
  }
}

.pc-about-motion {
  position: absolute;
  z-index: 2;
  top: calc(var(--pc-width) * 1039 / 1440);
  left: 0;
  width: 100%;
  height: calc(var(--pc-width) * 1430 / 1440);
  pointer-events: none;
}

.pc-about-piece {
  position: absolute;
  display: block;
}

.pc-about-piece__motion {
  display: block;
  width: 100%;
  height: 100%;
}

.pc-about-piece--hana1 {
  top: calc(var(--pc-width) * 902 / 1440);
  left: calc(var(--pc-width) * 126 / 1440);
  width: calc(var(--pc-width) * 281 / 1440);
  height: auto;
}

.pc-about-piece--hana2 {
  top: calc(var(--pc-width) * 1158 / 1440);
  left: calc(var(--pc-width) * 371 / 1440);
  width: calc(var(--pc-width) * 173 / 1440);
  height: auto;
}

.pc-about-piece--title {
  top: calc(var(--pc-width) * 198 / 1440);
  left: calc(var(--pc-width) * 203 / 1440);
  width: calc(var(--pc-width) * 547 / 1440);
  height: calc(var(--pc-width) * 106 / 1440);
}

.pc-about-piece--daizu {
  top: calc(var(--pc-width) * 28 / 1440);
  left: calc(var(--pc-width) * 759 / 1440);
  width: calc(var(--pc-width) * 588 / 1440);
  height: calc(var(--pc-width) * 525 / 1440);
}

.pc-about-piece--copy {
  top: calc(var(--pc-width) * 380 / 1440);
  left: calc(var(--pc-width) * 190 / 1440);
  width: calc(var(--pc-width) * 400 / 1440);
  height: calc(var(--pc-width) * 420 / 1440);
  overflow: hidden;
}

.pc-about-piece--copy .pc-about-piece__motion {
  background-image: url("../images/pc_02_image.jpg");
  background-repeat: no-repeat;
  background-position: calc(var(--pc-width) * -190 / 1440) calc(var(--pc-width) * -380 / 1440);
  background-size: var(--pc-width) auto;
}

.pc-about-piece--photo1 {
  top: calc(var(--pc-width) * 541 / 1440);
  left: calc(var(--pc-width) * 655 / 1440);
  width: calc(var(--pc-width) * 620 / 1440);
  height: calc(var(--pc-width) * 377 / 1440);
}

.pc-about-piece--photo2 {
  top: calc(var(--pc-width) * 982 / 1440);
  left: calc(var(--pc-width) * 654 / 1440);
  width: calc(var(--pc-width) * 630 / 1440);
  height: calc(var(--pc-width) * 365 / 1440);
}

.pc-about-animate .pc-about-piece--title .pc-about-piece__motion,
.pc-about-animate .pc-about-piece--daizu .pc-about-piece__motion,
.pc-about-animate .pc-about-piece--copy .pc-about-piece__motion,
.pc-about-animate .pc-about-piece--photo1 .pc-about-piece__motion,
.pc-about-animate .pc-about-piece--photo2 .pc-about-piece__motion {
  opacity: 0;
}

.pc-about-motion.pc-about--ready.pc-about--visible .pc-about-piece--title .pc-about-piece__motion {
  animation: pc-about-fade-in 0.8s ease-out 0.2s both;
}

.pc-about-motion.pc-about--ready.pc-about--visible .pc-about-piece--daizu .pc-about-piece__motion {
  animation: pc-about-enter-right 1.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1s both;
}

.pc-about-motion.pc-about--ready.pc-about--visible .pc-about-piece--copy .pc-about-piece__motion {
  animation: pc-about-fade-in 0.8s ease-out 1.45s both;
}

.pc-about-motion.pc-about--ready.pc-about--visible .pc-about-piece--photo1 .pc-about-piece__motion,
.pc-about-motion.pc-about--ready.pc-about--visible .pc-about-piece--photo2 .pc-about-piece__motion {
  animation: pc-about-fade-in 0.9s ease-out 2.25s both;
}

@keyframes pc-about-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes pc-about-enter-right {
  from { opacity: 0; translate: 100vw 0; }
  to { opacity: 1; translate: 0 0; }
}

@media (prefers-reduced-motion: reduce) {
  .pc-about-animate .pc-about-piece__motion {
    animation: none;
    opacity: 1;
    translate: 0 0;
  }
}

.pc-package-motion {
  position: absolute;
  z-index: 2;
  top: calc(var(--pc-width) * 2466 / 1440);
  left: 0;
  width: 100%;
  height: calc(var(--pc-width) * 881 / 1440);
  pointer-events: none;
}

.pc-package-piece {
  position: absolute;
  display: block;
}

.pc-package-piece__motion {
  display: block;
  width: 100%;
  height: 100%;
}

.pc-package-piece--title {
  top: calc(var(--pc-width) * 68 / 1440);
  left: calc(var(--pc-width) * 194 / 1440);
  width: calc(var(--pc-width) * 525 / 1440);
  height: calc(var(--pc-width) * 133 / 1440);
}

.pc-package-piece--copy {
  top: calc(var(--pc-width) * 290 / 1440);
  left: calc(var(--pc-width) * 175 / 1440);
  width: calc(var(--pc-width) * 510 / 1440);
  height: calc(var(--pc-width) * 510 / 1440);
  overflow: hidden;
}

.pc-package-piece--copy .pc-package-piece__motion {
  background-image: url("../images/pc_03_image.jpg");
  background-repeat: no-repeat;
  background-position: calc(var(--pc-width) * -175 / 1440) calc(var(--pc-width) * -290 / 1440);
  background-size: var(--pc-width) auto;
}

.pc-package-piece--product {
  top: calc(var(--pc-width) * 82 / 1440);
  left: calc(var(--pc-width) * 744 / 1440);
  width: calc(var(--pc-width) * 564 / 1440);
  height: calc(var(--pc-width) * 761 / 1440);
}

.pc-package-animate .pc-package-piece__motion {
  opacity: 0;
}

.pc-package-motion.pc-package--ready.pc-package--visible .pc-package-piece--title .pc-package-piece__motion {
  animation: pc-package-fade-in 0.8s ease-out 0.2s both;
}

.pc-package-motion.pc-package--ready.pc-package--visible .pc-package-piece--copy .pc-package-piece__motion {
  animation: pc-package-fade-in 0.9s ease-out 0.9s both;
}

.pc-package-motion.pc-package--ready.pc-package--visible .pc-package-piece--product .pc-package-piece__motion {
  animation: pc-package-enter-right 1.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.9s both;
}

@keyframes pc-package-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes pc-package-enter-right {
  from { opacity: 0; translate: 100vw 0; }
  to { opacity: 1; translate: 0 0; }
}

@media (prefers-reduced-motion: reduce) {
  .pc-package-animate .pc-package-piece__motion {
    animation: none;
    opacity: 1;
    translate: 0 0;
  }
}

.pc-price-motion {
  position: absolute;
  z-index: 2;
  top: calc(var(--pc-width) * 3347 / 1440);
  left: 0;
  width: 100%;
  height: calc(var(--pc-width) * 1679 / 1440);
  pointer-events: none;
}

.pc-price-piece,
.pc-price-value,
.pc-price-description,
.pc-price-shipping {
  position: absolute;
  display: block;
}

.pc-price-piece__motion {
  display: block;
  width: 100%;
  height: 100%;
}

.pc-price-piece--title {
  top: calc(var(--pc-width) * 69 / 1440);
  left: calc(var(--pc-width) * 618 / 1440);
  width: calc(var(--pc-width) * 210 / 1440);
  height: calc(var(--pc-width) * 49 / 1440);
}

.pc-price-piece--item1 {
  top: calc(var(--pc-width) * 195 / 1440);
  left: calc(var(--pc-width) * 143 / 1440);
  width: calc(var(--pc-width) * 316 / 1440);
  height: calc(var(--pc-width) * 429 / 1440);
}

.pc-price-piece--item2 {
  top: calc(var(--pc-width) * 195 / 1440);
  left: calc(var(--pc-width) * 575 / 1440);
  width: calc(var(--pc-width) * 310 / 1440);
  height: calc(var(--pc-width) * 429 / 1440);
}

.pc-price-piece--item3 {
  top: calc(var(--pc-width) * 218 / 1440);
  left: calc(var(--pc-width) * 997 / 1440);
  width: calc(var(--pc-width) * 283 / 1440);
  height: calc(var(--pc-width) * 389 / 1440);
}

.pc-price-description {
  top: calc(var(--pc-width) * 637 / 1440);
  width: calc(var(--pc-width) * 390 / 1440);
  margin: 0;
  color: #cf8900;
  font-family: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", sans-serif;
  font-size: calc(var(--pc-width) * 36 / 1440);
  font-weight: 400;
  line-height: 1.38;
  letter-spacing: 0;
  text-align: center;
}

.pc-price-description p {
  margin: 0 0 calc(var(--pc-width) * 20 / 1440);
}

.pc-price-description--one {
  left: calc(var(--pc-width) * 107 / 1440);
}

.pc-price-description--two {
  left: calc(var(--pc-width) * 525 / 1440);
}

.pc-price-description--three {
  left: calc(var(--pc-width) * 945 / 1440);
}

.pc-price-description--three p:first-child {
  margin-bottom: calc(var(--pc-width) * 58 / 1440);
}

.pc-price-value {
  height: auto;
}

.pc-price-value--one {
  top: calc(var(--pc-width) * 918 / 1440);
  left: calc(var(--pc-width) * 205 / 1440);
  width: calc(var(--pc-width) * 195 / 1440);
}

.pc-price-value--two {
  top: calc(var(--pc-width) * 918 / 1440);
  left: calc(var(--pc-width) * 612 / 1440);
  width: calc(var(--pc-width) * 236 / 1440);
}

.pc-price-value--three {
  top: calc(var(--pc-width) * 922 / 1440);
  left: calc(var(--pc-width) * 1036 / 1440);
  width: calc(var(--pc-width) * 194 / 1440);
}

.pc-price-shipping {
  top: calc(var(--pc-width) * 1080 / 1440);
  left: calc(var(--pc-width) * 190 / 1440);
  width: calc(var(--pc-width) * 1060 / 1440);
  margin: 0;
  color: #cf8900;
  font-family: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", sans-serif;
  font-size: calc(var(--pc-width) * 34 / 1440);
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  text-align: center;
}

.pc-price-piece--button1,
.pc-price-piece--button2,
.pc-price-piece--button3,
.pc-price-piece--button4 {
  width: calc(var(--pc-width) * 526 / 1440);
  height: calc(var(--pc-width) * 127 / 1440);
}

.pc-price-piece--button1 { top: calc(var(--pc-width) * 1279 / 1440); left: calc(var(--pc-width) * 173 / 1440); }
.pc-price-piece--button2 { top: calc(var(--pc-width) * 1278 / 1440); left: calc(var(--pc-width) * 741 / 1440); }
.pc-price-piece--button3 { top: calc(var(--pc-width) * 1460 / 1440); left: calc(var(--pc-width) * 172 / 1440); }
.pc-price-piece--button4 { top: calc(var(--pc-width) * 1460 / 1440); left: calc(var(--pc-width) * 740 / 1440); }

.pc-price-animate .pc-price-piece--title .pc-price-piece__motion,
.pc-price-animate .pc-price-piece--item1 .pc-price-piece__motion,
.pc-price-animate .pc-price-piece--item2 .pc-price-piece__motion,
.pc-price-animate .pc-price-piece--item3 .pc-price-piece__motion,
.pc-price-animate .pc-price-shipping,
.pc-price-animate .pc-price-piece--button1 .pc-price-piece__motion,
.pc-price-animate .pc-price-piece--button2 .pc-price-piece__motion,
.pc-price-animate .pc-price-piece--button3 .pc-price-piece__motion,
.pc-price-animate .pc-price-piece--button4 .pc-price-piece__motion {
  opacity: 0;
}

.pc-price-motion.pc-price--ready.pc-price--visible .pc-price-piece--title .pc-price-piece__motion {
  animation: pc-price-fade-in 0.8s ease-out 0.2s both;
}

.pc-price-motion.pc-price--ready.pc-price--visible .pc-price-piece--item1 .pc-price-piece__motion {
  animation: pc-price-pop-in 0.6s ease-out 1s both;
}

.pc-price-motion.pc-price--ready.pc-price--visible .pc-price-piece--item2 .pc-price-piece__motion {
  animation: pc-price-pop-in 0.6s ease-out 1.55s both;
}

.pc-price-motion.pc-price--ready.pc-price--visible .pc-price-piece--item3 .pc-price-piece__motion {
  animation: pc-price-pop-in 0.6s ease-out 2.1s both;
}

.pc-price-motion.pc-price--ready.pc-price--visible .pc-price-shipping {
  animation: pc-price-shipping-in 1.6s cubic-bezier(0.22, 0.61, 0.36, 1) 2.7s both;
}

.pc-price-motion.pc-price--ready.pc-price--visible .pc-price-piece--button1 .pc-price-piece__motion,
.pc-price-motion.pc-price--ready.pc-price--visible .pc-price-piece--button2 .pc-price-piece__motion,
.pc-price-motion.pc-price--ready.pc-price--visible .pc-price-piece--button3 .pc-price-piece__motion,
.pc-price-motion.pc-price--ready.pc-price--visible .pc-price-piece--button4 .pc-price-piece__motion {
  animation: pc-price-fade-in 0.8s ease-out 4.3s both;
}

@keyframes pc-price-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes pc-price-pop-in {
  from { opacity: 0; scale: 0.9; }
  to { opacity: 1; scale: 1; }
}

@keyframes pc-price-shipping-in {
  from { opacity: 0; translate: 0 calc(var(--pc-width) * 30 / 1440); }
  to { opacity: 1; translate: 0 0; }
}

@media (prefers-reduced-motion: reduce) {
  .pc-price-animate .pc-price-piece__motion,
  .pc-price-animate .pc-price-shipping {
    animation: none;
    opacity: 1;
    scale: 1;
    translate: 0 0;
  }
}

.pc-order-motion {
  position: absolute;
  z-index: 2;
  top: calc(var(--pc-width) * 5028 / 1440);
  left: 0;
  width: 100%;
  height: calc(var(--pc-width) * 1087 / 1440);
  pointer-events: none;
}

.pc-order-piece {
  position: absolute;
  display: block;
}

.pc-order-piece__motion {
  display: block;
  width: 100%;
  height: 100%;
}

.pc-order-piece--title {
  top: calc(var(--pc-width) * 56 / 1440);
  left: calc(var(--pc-width) * 532 / 1440);
  width: calc(var(--pc-width) * 351 / 1440);
  height: calc(var(--pc-width) * 49 / 1440);
}

.pc-order-piece--copy {
  top: calc(var(--pc-width) * 255 / 1440);
  left: calc(var(--pc-width) * 230 / 1440);
  width: calc(var(--pc-width) * 410 / 1440);
  height: calc(var(--pc-width) * 780 / 1440);
  overflow: hidden;
}

.pc-order-piece--copy .pc-order-piece__motion {
  background-image: url("../images/pc_05_image.jpg");
  background-repeat: no-repeat;
  background-position: calc(var(--pc-width) * -230 / 1440) calc(var(--pc-width) * -255 / 1440);
  background-size: var(--pc-width) auto;
}

.pc-order-piece--iphone {
  top: calc(var(--pc-width) * 210 / 1440);
  left: calc(var(--pc-width) * 761 / 1440);
  width: calc(var(--pc-width) * 452 / 1440);
  height: calc(var(--pc-width) * 792 / 1440);
}

.pc-order-animate .pc-order-piece__motion {
  opacity: 0;
}

.pc-order-motion.pc-order--ready.pc-order--visible .pc-order-piece--title .pc-order-piece__motion {
  animation: pc-order-fade-in 0.8s ease-out 0.2s both;
}

.pc-order-motion.pc-order--ready.pc-order--visible .pc-order-piece--copy .pc-order-piece__motion {
  animation: pc-order-copy-in 1.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1s both;
}

.pc-order-motion.pc-order--ready.pc-order--visible .pc-order-piece--iphone .pc-order-piece__motion {
  animation: pc-order-iphone-in 1.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1s both;
}

@keyframes pc-order-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes pc-order-copy-in {
  from { opacity: 0; translate: calc(var(--pc-width) * -80 / 1440) 0; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes pc-order-iphone-in {
  from { opacity: 0; translate: 0 calc(var(--pc-width) * 50 / 1440); }
  to { opacity: 1; translate: 0 0; }
}

@media (prefers-reduced-motion: reduce) {
  .pc-order-animate .pc-order-piece__motion {
    animation: none;
    opacity: 1;
    translate: 0 0;
  }
}

.pc-last-motion {
  position: absolute;
  z-index: 2;
  top: calc(var(--pc-width) * 6106 / 1440);
  left: 0;
  width: 100%;
  height: calc(var(--pc-width) * 1381 / 1440);
  pointer-events: none;
}

.pc-last-line,
.pc-last-title,
.pc-last-details,
.pc-last-piece,
.pc-last-copyright {
  position: absolute;
  display: block;
}

.pc-last-line {
  top: calc(var(--pc-width) * 84 / 1440);
  left: calc(var(--pc-width) * 435 / 1440);
  width: calc(var(--pc-width) * 529 / 1440);
  height: calc(var(--pc-width) * 2 / 1440);
  background: #cf8900;
}

.pc-last-title {
  top: calc(var(--pc-width) * 151 / 1440);
  left: calc(var(--pc-width) * 594 / 1440);
  width: calc(var(--pc-width) * 195 / 1440);
  height: auto;
}

.pc-last-details {
  top: calc(var(--pc-width) * 237 / 1440);
  left: calc(var(--pc-width) * 370 / 1440);
  width: calc(var(--pc-width) * 700 / 1440);
  margin: 0;
  color: #cf8900;
  font-family: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", sans-serif;
  font-size: calc(var(--pc-width) * 29 / 1440);
  font-weight: 400;
  line-height: 1.28;
  letter-spacing: 0;
  text-align: center;
}

.pc-last-piece__motion {
  display: block;
  width: 100%;
  height: 100%;
}

.pc-last-piece--dog {
  top: calc(var(--pc-width) * 445 / 1440);
  left: calc(var(--pc-width) * 167 / 1440);
  width: calc(var(--pc-width) * 644 / 1440);
  height: calc(var(--pc-width) * 590 / 1440);
}

.pc-last-piece--message {
  top: calc(var(--pc-width) * 995 / 1440);
  left: calc(var(--pc-width) * 671 / 1440);
  width: calc(var(--pc-width) * 494 / 1440);
  height: calc(var(--pc-width) * 189 / 1440);
}

.pc-last-copyright {
  top: calc(var(--pc-width) * 1260 / 1440);
  left: calc(var(--pc-width) * 390 / 1440);
  width: calc(var(--pc-width) * 660 / 1440);
  margin: 0;
  color: #cf8900;
  font-family: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", sans-serif;
  font-size: calc(var(--pc-width) * 30 / 1440);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
}

.pc-last-animate .pc-last-piece__motion {
  opacity: 0;
}

.pc-last-motion.pc-last--ready.pc-last--visible .pc-last-piece--dog .pc-last-piece__motion {
  animation: pc-last-dog-in 1.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s both;
}

.pc-last-motion.pc-last--ready.pc-last--visible .pc-last-piece--message .pc-last-piece__motion {
  animation: pc-last-message-in 1.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s both;
}

@keyframes pc-last-dog-in {
  from { opacity: 0; translate: calc(var(--pc-width) * -100 / 1440) 0; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes pc-last-message-in {
  from { opacity: 0; translate: calc(var(--pc-width) * 100 / 1440) 0; }
  to { opacity: 1; translate: 0 0; }
}

@media (prefers-reduced-motion: reduce) {
  .pc-last-animate .pc-last-piece__motion {
    animation: none;
    opacity: 1;
    translate: 0 0;
  }
}

.pc-section {
  position: absolute;
  left: 0;
  width: 100%;
  pointer-events: none;
}

.pc-section--fv {
  top: 0;
  height: calc(var(--pc-width) * 1151 / 1440);
}

.pc-section--about {
  top: calc(var(--pc-width) * 1039 / 1440);
  height: calc(var(--pc-width) * 1430 / 1440);
}

.pc-section--package {
  top: calc(var(--pc-width) * 2466 / 1440);
  height: calc(var(--pc-width) * 881 / 1440);
}

.pc-section--price {
  top: calc(var(--pc-width) * 3347 / 1440);
  height: calc(var(--pc-width) * 1679 / 1440);
}

.pc-section--order {
  top: calc(var(--pc-width) * 5028 / 1440);
  height: calc(var(--pc-width) * 1087 / 1440);
}

.pc-section--last {
  top: calc(var(--pc-width) * 6106 / 1440);
  height: calc(var(--pc-width) * 1381 / 1440);
}

.pc-price-actions {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.pc-price-action {
  position: absolute;
  width: 36.53%;
  height: 7.56%;
  border-radius: 999px;
  outline-offset: 5px;
  pointer-events: auto;
}

.pc-price-action--one,
.pc-price-action--three {
  left: 12.01%;
}

.pc-price-action--two,
.pc-price-action--four {
  left: 51.53%;
}

.pc-price-action--one,
.pc-price-action--two {
  top: 77.01%;
}

.pc-price-action--three,
.pc-price-action--four {
  top: 87.79%;
}

.pc-price-action span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
  .pc-price-action:hover {
    background: rgb(255 255 255 / 10%);
  }
}