.lpZoffUvcut {

  font-family: "Noto Sans JP", sans-serif;

}



.lpZoffUvcut .lpZoffUvcutMovie__link:focus-visible,

.lpZoffUvcut .lpZoffUvcutMovie__closeBtn:focus-visible,

.lpZoffUvcut .lpZoffUvcutBtn:focus-visible,

.lpZoffUvcut .lpZoffUvcutAd__sizeColorChip:focus-visible,

.lpZoffUvcut .lpZoffUvcutAd__sizeImgLink:focus-visible,

.lpZoffUvcut .lpZoffUvcutAd__sizeCodeLink:focus-visible,

.lpZoffUvcut .lpZoffUvcutAd__comboColImgLink:focus-visible,

.lpZoffUvcut .lpZoffUvcutAd__comboColCodeLink:focus-visible,

.lpZoffUvcut .lpZoffUvcutPurchase__btn:focus-visible {

  outline: 2px solid hsl(199 100% 45%);

  outline-offset: 2px;

}



img {

  pointer-events: none;

}



.lpZoffUvcut .lpZoffUvcut__inner {

  overflow: hidden;

  container-type: inline-size;

}



.lpZoffUvcut .lpZoffUvcutContainer {

  max-width: 1360px;

  margin: 0 auto;

}



.lpZoffUvcut .lpZoffUvcut__brSp,

.lpZoffUvcut .lpZoffUvcut__brTab {

  display: none;

}

.lpZoffUvcut .lpZoffUvcut__brPc {

  display: inline;

}

@media screen and (min-width: 769px) and (max-width: 854px) {

  .lpZoffUvcut .lpZoffUvcut__brTab {

    display: inline;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcut__brSp {

    display: inline;

  }

  .lpZoffUvcut .lpZoffUvcut__brPc {

    display: none;

  }

}



.lpZoffUvcut .lpZoffUvcutAnnotation {

  margin: 0;

  text-align: center;

  color: hsl(0 0% 40%);

  font-size: 1.2rem;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAnnotation {

    line-height: 1.5;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAnnotation {

    line-height: 1.3;

  }

}



.lpZoffUvcut .lpZoffUvcutKv__ttl {

  margin: 0;

  width: 100vw;

  margin-left: calc(50% - 50vw);

}



.lpZoffUvcut .lpZoffUvcutKv__img {

  display: block;

  width: 100%;

  height: auto;

  object-fit: cover;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutKv__img {

    aspect-ratio: 1360 / 680;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutKv__img {

    aspect-ratio: 390 / 525;

  }

}



.lpZoffUvcut .lpZoffUvcutMovie {

  display: flex;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutMovie {

    gap: 42px;

    justify-content: center;

    margin: 0 auto;

    max-width: 1000px;

    padding: 90px 20px 120px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutMovie {

    flex-direction: column;

    align-items: center;

    gap: 46px;

    padding: 50px 20px 90px;

  }

}



.lpZoffUvcut .lpZoffUvcutMovie__item {

  min-width: 0;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutMovie__item {

    flex: 1 0 0;

  }

}



.lpZoffUvcut .lpZoffUvcutMovie__link {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 16px;

  width: 100%;

  padding: 0;

  border: 0;

  background-color: transparent;

  color: inherit;

  font: inherit;

  text-align: inherit;

  cursor: pointer;

  appearance: none;

}

.lpZoffUvcut .lpZoffUvcutMovie__link:hover {

  opacity: 1;

}



.lpZoffUvcut .lpZoffUvcutMovie__thumbWrap {

  position: relative;

  display: block;

  aspect-ratio: 459 / 258;

  overflow: hidden;

  border-radius: 10px;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutMovie__thumbWrap {

    width: 100%;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutMovie__thumbWrap {

    width: 350px;

    max-width: 100%;

  }

}



.lpZoffUvcut .lpZoffUvcutMovie__thumb {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.lpZoffUvcut .lpZoffUvcutMovie__playBtn {

  position: absolute;

  right: 20px;

  bottom: 20px;

  background-color: hsl(0 0% 0%);

  border-radius: 100px;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutMovie__playBtn {

    width: 52px;

    height: 52px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutMovie__playBtn {

    width: 50px;

    height: 50px;

  }

}

.lpZoffUvcut .lpZoffUvcutMovie__playBtn::before {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 13px;

  height: 23px;

  transform: translate(-50%, -50%);

  background-image: url(../img/common/btn_arrow_03.svg);

  background-repeat: no-repeat;

  background-size: contain;

  content: "";

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutMovie__thumb {

    transition: 300ms transform;

  }

  .lpZoffUvcut .lpZoffUvcutMovie__link:hover .lpZoffUvcutMovie__thumb {

    transform: scale(1.05);

  }

  .lpZoffUvcut .lpZoffUvcutMovie__playBtn {

    transition: 300ms background-color;

  }

  .lpZoffUvcut .lpZoffUvcutMovie__link:hover .lpZoffUvcutMovie__playBtn {

    background-color: hsl(0 0% 100%);

  }

  .lpZoffUvcut .lpZoffUvcutMovie__link:hover .lpZoffUvcutMovie__playBtn::before {

    background-image: url(../img/common/btn_arrow_04_pc.svg);

  }

}



.lpZoffUvcut .lpZoffUvcutMovie__caption {

  width: 100%;

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutMovie__caption {

    font-size: 2rem;

    line-height: 1.5;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutMovie__caption {

    text-align: left;

    font-size: 1.6rem;

    line-height: 1.3;

  }

}

.lpZoffUvcut .lpZoffUvcutMovie__captionNowrap {

  white-space: nowrap;

}



.lpZoffUvcut .lpZoffUvcutMovie__modal {

  position: fixed;

  inset: 0;

  z-index: 999;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 20px;

  background-color: hsl(0 0% 0% / 0.8);

}

.lpZoffUvcut .lpZoffUvcutMovie__modal--closed {

  display: none;

}



.lpZoffUvcut .lpZoffUvcutMovie__modalContent {

  position: relative;

  width: 100%;

  max-width: 800px;

}



.lpZoffUvcut .lpZoffUvcutMovie__closeBtn {

  position: absolute;

  top: -38px;

  right: 0;

  width: 28px;

  height: 28px;

  padding: 0;

  border: 0;

  background-color: transparent;

  cursor: pointer;

  appearance: none;

}

.lpZoffUvcut .lpZoffUvcutMovie__closeBtn::before,

.lpZoffUvcut .lpZoffUvcutMovie__closeBtn::after {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 24px;

  height: 2px;

  background-color: hsl(0 0% 100%);

  content: "";

}

.lpZoffUvcut .lpZoffUvcutMovie__closeBtn::before {

  transform: translate(-50%, -50%) rotate(45deg);

}

.lpZoffUvcut .lpZoffUvcutMovie__closeBtn::after {

  transform: translate(-50%, -50%) rotate(-45deg);

}



.lpZoffUvcut .lpZoffUvcutMovie__videoWrapper {

  position: relative;

  width: 100%;

  aspect-ratio: 16 / 9;

}



.lpZoffUvcut .lpZoffUvcutMovie__iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0;

}



.lpZoffUvcut .lpZoffUvcutMainCopy {

  position: relative;

  z-index: 0;

  display: flex;

  flex-direction: column;

  align-items: center;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutMainCopy {

    margin: 0 auto;

    max-width: 1000px;

    padding: 120px 20px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutMainCopy {

    padding: 90px 0;

  }

}

.lpZoffUvcut .lpZoffUvcutMainCopy::before {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 50%;

  z-index: -1;

  width: 100vw;

  margin-left: -50vw;

  background-color: hsl(210 60% 96%);

  content: "";

}



.lpZoffUvcut .lpZoffUvcutMainCopy__heading {

  margin: 0;

  text-align: center;

  color: hsl(199.1 100% 44.9%);

  font-weight: 700;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutMainCopy__heading {

    margin-bottom: 30px;

    font-size: 4rem;

    line-height: 1.5;

    letter-spacing: 0.03em;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutMainCopy__heading {

    padding: 0 20px;

    font-size: 2.7rem;

    line-height: 1.3;

    letter-spacing: 0.02em;

    margin-bottom: 40px;

  }

}



.lpZoffUvcut .lpZoffUvcutMainCopy__text {

  margin: 0;

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-size: 1.6rem;

  line-height: 1.9;

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutMainCopy__text {

    padding: 0 20px;

  }

}



@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens {

    margin: 0 auto;

    max-width: 1000px;

    padding: 150px 20px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens {

    padding: 90px 20px;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__lead {

  margin: 0;

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__lead {

    font-size: 2rem;

    line-height: 1.5;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__lead {

    font-size: 1.6rem;

    line-height: 1.3;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__heading {

  position: relative;

  width: fit-content;

  margin-inline: auto;

  padding-bottom: 8px;

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__heading {

    margin-top: 0;

    font-size: 3.2rem;

    line-height: 1.5;

    letter-spacing: 0.03em;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__heading {

    margin-top: 3px;

    padding-bottom: 12px;

    font-size: 2.4rem;

    line-height: 1.3;

    letter-spacing: 0.02em;

  }

}



@keyframes lpZoffUvcutLineDraw {

  from {

    transform: scaleX(0);

  }

}



.lpZoffUvcut .lpZoffUvcutLens__heading::after {

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  height: 3px;

  background-color: hsl(199.1 100% 44.9%);

  transform-origin: left;

  content: "";

}

@media screen and (prefers-reduced-motion: no-preference) {

  .lpZoffUvcut .lpZoffUvcutLens__heading::after {

    animation: 600ms lpZoffUvcutLineDraw;

  }

  .lpZoffUvcut .lpZoffUvcutFade--pending .lpZoffUvcutLens__heading::after {

    transform: scaleX(0);

    animation: none;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__price {

  width: fit-content;

  border-radius: 60px;

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-weight: 500;

  line-height: 0.75;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__price {

    margin: 40px auto 0;

    padding: 18px 42px;

    border: 4px solid hsl(199.1 100% 44.9%);

    font-size: 2.4rem;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__price {

    margin: 30px auto 0;

    padding: 16px 40px;

    border: 3px solid hsl(199.1 100% 44.9%);

    font-size: 2rem;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__text {

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-size: 1.6rem;

  line-height: 1.5;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__text {

    margin: 50px 0 0;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__text {

    margin: 40px 0 0;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__features {

  display: flex;

  padding: 0;

  list-style: none;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__features {

    gap: 12px;

    margin: 50px 0 0;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__features {

    flex-wrap: wrap;

    gap: 10px;

    justify-content: center;

    margin: 60px auto 0;

    max-width: 350px;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__feature {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: space-between;

  background-color: hsl(0 0% 96.5%);

  border-radius: 10px;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__feature {

    flex: 1 0 0;

    height: 200px;

    padding: 32px 0;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__feature {

    width: calc(50% - 5px);

    gap: 16px;

    padding: 32px 0;

  }

}



@media screen and (min-width: 769px) and (max-width: 999px) {

  .lpZoffUvcut .lpZoffUvcutLens__features {

    flex-wrap: wrap;

    justify-content: center;

    margin: 50px auto 0;

    max-width: 474px;

  }

  .lpZoffUvcut .lpZoffUvcutLens__feature {

    flex: 0 0 auto;

    width: calc(50% - 6px);

  }

}



.lpZoffUvcut .lpZoffUvcutLens__featureTtl {

  margin: 0;

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-size: 1.8rem;

  font-weight: 700;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__featureTtl {

    line-height: 1.4;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__featureTtl {

    line-height: 1.3;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__featureIcon {

  width: 70px;

  height: 70px;

  object-fit: contain;

}



.lpZoffUvcut .lpZoffUvcutLens__btnWrap {

  text-align: center;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__btnWrap {

    margin: 50px 0 0;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__btnWrap {

    margin: 60px 0 0;

    padding: 0 12px;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__builder {

  border: 4px solid hsl(199 100% 45% / 0.25);

  border-radius: 10px;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__builder {

    margin: 100px 0 0;

    padding: 60px 0 86px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__builder {

    margin: 80px auto 0;

    padding: 56px 20px 81px;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__builderHeading {

  display: flex;

  align-items: flex-end;

  justify-content: center;

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-weight: 700;

}

.lpZoffUvcut .lpZoffUvcutLens__builderHeading::before,

.lpZoffUvcut .lpZoffUvcutLens__builderHeading::after {

  flex: none;

  background-repeat: no-repeat;

  background-size: contain;

  content: "";

}

.lpZoffUvcut .lpZoffUvcutLens__builderHeading::before {

  background-image: url(../img/line_01.svg);

}

.lpZoffUvcut .lpZoffUvcutLens__builderHeading::after {

  background-image: url(../img/line_02.svg);

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderHeading {

    gap: 9px;

    margin: 0 auto;

    padding: 0 40px 50px;

    max-width: 640px;

    font-size: 2.4rem;

    line-height: 1.5;

  }

  .lpZoffUvcut .lpZoffUvcutLens__builderHeading::before,

  .lpZoffUvcut .lpZoffUvcutLens__builderHeading::after {

    width: 34px;

    height: 66px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderHeading {

    gap: 10px;

    margin-bottom: 40px;

    font-size: 2rem;

    line-height: 1.3;

  }

  .lpZoffUvcut .lpZoffUvcutLens__builderHeading::before,

  .lpZoffUvcut .lpZoffUvcutLens__builderHeading::after {

    width: 23px;

    height: 45px;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__builderRow {

  display: flex;

  align-items: center;

  justify-content: center;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderRow {

    gap: 40px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderRow {

    gap: 16px;

    align-items: stretch;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__builderCol {

  display: flex;

  flex-direction: column;

  align-items: center;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderCol {

    width: 280px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderCol {

    gap: 16px;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__builderColTtl {

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-weight: 700;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderColTtl {

    margin: 0;

    font-size: 2rem;

    line-height: 1.5;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderColTtl {

    font-size: 1.4rem;

    line-height: 1.3;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__builderColImg {

  display: block;

  object-fit: cover;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderColImg {

    width: 280px;

    height: 155px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderColImg {

    margin-top: auto;

    width: 125px;

    height: 70px;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__builderColPrice {

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-weight: 700;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderColPrice {

    margin: 0;

    font-size: 2.4rem;

    line-height: 1.5;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderColPrice {

    margin-top: auto;

    font-size: 2rem;

    line-height: 1.3;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__builderLensList {

  display: flex;

  justify-content: center;

  margin: 0;

  padding: 0;

  list-style: none;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderLensList {

    align-items: center;

    height: 155px;

    gap: 15px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderLensList {

    flex-wrap: wrap;

    gap: 4px 8px;

    width: 92px;

  }

  .lpZoffUvcut .lpZoffUvcutLens__builderLensItem--main {

    display: flex;

    flex-basis: 100%;

    justify-content: center;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__builderLensImg {

  display: block;

  object-fit: cover;

  border-radius: 50%;

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderLensImg {

    width: 42px;

    height: 42px;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__builderPlus {

  position: relative;

  display: block;

  align-self: center;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderPlus {

    width: 55px;

    height: 55px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderPlus {

    width: 30px;

    height: 30px;

  }

}



.lpZoffUvcut .lpZoffUvcutLens__builderPlus::before,

.lpZoffUvcut .lpZoffUvcutLens__builderPlus::after,

.lpZoffUvcut .lpZoffUvcutAd__comboPlus::before,

.lpZoffUvcut .lpZoffUvcutAd__comboPlus::after {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background-color: hsl(0 0% 10.2%);

  content: "";

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderPlus::before,

  .lpZoffUvcut .lpZoffUvcutAd__comboPlus::before {

    width: 40px;

    height: 5px;

  }

  .lpZoffUvcut .lpZoffUvcutLens__builderPlus::after,

  .lpZoffUvcut .lpZoffUvcutAd__comboPlus::after {

    width: 5px;

    height: 40px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutLens__builderPlus::before,

  .lpZoffUvcut .lpZoffUvcutAd__comboPlus::before {

    width: 21.82px;

    height: 4px;

  }

  .lpZoffUvcut .lpZoffUvcutLens__builderPlus::after,

  .lpZoffUvcut .lpZoffUvcutAd__comboPlus::after {

    width: 4px;

    height: 21.82px;

  }

}



.lpZoffUvcut .lpZoffUvcutAd {

  position: relative;

  z-index: 0;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd {

    margin: 0 auto;

    max-width: 1000px;

    padding: 150px 20px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd {

    padding: 90px 20px;

  }

}

.lpZoffUvcut .lpZoffUvcutAd::before {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 50%;

  z-index: -1;

  width: 100vw;

  margin-left: -50vw;

  background-color: hsl(210 60% 96%);

  content: "";

}



.lpZoffUvcut .lpZoffUvcutAd__heading {

  position: relative;

  width: fit-content;

  margin: 0 auto;

  padding-bottom: 8px;

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__heading {

    margin-bottom: 42px;

    font-size: 3.2rem;

    line-height: 1.5;

    letter-spacing: 0.03em;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__heading {

    padding-bottom: 12px;

    font-size: 2.4rem;

    line-height: 1.3;

    letter-spacing: 0.02em;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__heading::after {

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  height: 3px;

  background-color: hsl(199.1 100% 44.9%);

  transform-origin: left;

  content: "";

}

@media screen and (prefers-reduced-motion: no-preference) {

  .lpZoffUvcut .lpZoffUvcutAd__heading::after {

    animation: 600ms lpZoffUvcutLineDraw;

  }

  .lpZoffUvcut .lpZoffUvcutFade--pending .lpZoffUvcutAd__heading::after {

    transform: scaleX(0);

    animation: none;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__comboCard {

  background-color: hsl(0 0% 100%);

  border-radius: 10px;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboCard {

    padding: 45px 0 35px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboCard {

    margin-top: 40px;

    padding: 30px 20px 20px;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__combo {

  display: flex;

  align-items: flex-start;

  justify-content: center;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__combo {

    gap: 24px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__combo {

    gap: 12px;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__comboCol {

  display: flex;

  flex-direction: column;

  align-items: center;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboCol--frame {

    width: 350px;

  }

  .lpZoffUvcut .lpZoffUvcutAd__comboCol--lens {

    width: 200px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboCol {

    gap: 10px;

  }

  .lpZoffUvcut .lpZoffUvcutAd__comboCol--frame {

    width: 150px;

  }

  .lpZoffUvcut .lpZoffUvcutAd__comboCol--lens {

    width: 90px;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__comboColInfo {

  display: flex;

  flex-direction: column;

  align-items: center;

  width: 100%;

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboColInfo {

    gap: 4px;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__comboColTtl {

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-weight: 700;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboColTtl {

    margin: 0;

    font-size: 2.4rem;

    line-height: 1.5;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboColTtl {

    font-size: 1.4rem;

    line-height: 1.3;

    white-space: nowrap;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__comboColImgLink {

  display: block;

}

.lpZoffUvcut .lpZoffUvcutAd__comboColImg {

  display: block;

  object-fit: cover;

}

.lpZoffUvcut .lpZoffUvcutAd__comboColImg--lens {

  margin: 36px 0;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboColImg {

    width: 294px;

    height: 155px;

  }

  .lpZoffUvcut .lpZoffUvcutAd__comboCol--frame .lpZoffUvcutAd__comboColImg {

    transition: 300ms opacity;

  }

  .lpZoffUvcut .lpZoffUvcutAd__comboColImgLink:hover .lpZoffUvcutAd__comboColImg {

    opacity: 0.5;

  }

  .lpZoffUvcut .lpZoffUvcutAd__comboColImgLink:hover {

    opacity: 1;

  }

  .lpZoffUvcut .lpZoffUvcutAd__comboColImg--lens {

    width: 80px;

    height: 83px;

    border-radius: 50%;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboColImg {

    width: 125px;

    height: 70px;

  }

  .lpZoffUvcut .lpZoffUvcutAd__comboColImg--lens {

    width: 40px;

    height: 42px;

    margin: 14px 0;

    border-radius: 50%;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__comboColNote {

  text-align: center;

  color: hsl(0 0% 10.2%);

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboColNote {

    margin: 0;

    font-size: 1.6rem;

    line-height: 1.5;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboColNote {

    font-size: 1.2rem;

    line-height: 1.3;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__comboColCode {

  text-align: center;

  color: hsl(0 0% 40%);

  font-size: 1.2rem;

  line-height: 1.5;

  text-decoration: underline;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboColCode {

    margin: 2px 0 0;

  }

}

.lpZoffUvcut .lpZoffUvcutAd__comboColCodeLink {

  color: inherit;

  text-decoration: underline;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboColCodeLink {

    transition: 300ms color;

  }

  .lpZoffUvcut .lpZoffUvcutAd__comboColCodeLink:hover {

    opacity: 1;

    color: hsl(0 0% 58%);

  }

}



.lpZoffUvcut .lpZoffUvcutAd__comboColPrice {

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-weight: 700;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboColPrice {

    margin: 2px 0 0;

    font-size: 2rem;

    line-height: 1.5;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboColPrice {

    font-size: 1.6rem;

    line-height: 1.3;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__comboPlus {

  position: relative;

  display: block;

  align-self: center;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboPlus {

    width: 55px;

    height: 55px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__comboPlus {

    width: 22px;

    height: 22px;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__btnWrap {

  text-align: center;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__btnWrap {

    margin: 59px 0 0;

  }

  .lpZoffUvcut .lpZoffUvcutAd__comboCard .lpZoffUvcutAd__btnWrap {

    margin-top: 45px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__btnWrap {

    margin: 60px 0 0;

    padding: 0 12px;

  }

  .lpZoffUvcut .lpZoffUvcutAd__comboCard .lpZoffUvcutAd__btnWrap {

    margin-top: 30px;

    padding-inline: 0;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__text {

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-size: 1.6rem;

  font-weight: 500;

  line-height: 1.5;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__text {

    margin: 72px 0 0;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__text {

    margin: 72px 0 0;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__sizeList {

  display: flex;

  gap: 40px;

  justify-content: center;

  padding: 0;

  list-style: none;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeList {

    align-items: flex-start;

    margin: 72px 0 0;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeList {

    flex-direction: column;

    align-items: center;

    margin: 72px 0 0;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__sizeItem {

  display: flex;

  flex-direction: column;

  min-width: 0;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeItem {

    flex: 1 0 0;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeItem {

    align-items: center;

    gap: 10px;

    width: 100%;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__sizeCard {

  overflow: hidden;

  background-color: hsl(0 0% 100%);

  border-radius: 10px;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeCard {

    margin-top: 10px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeCard {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 100%;

    padding: 18px 0 35px;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__sizeLabel {

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0;

  padding: 0 8px 14px;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-size: 1.6rem;

  font-weight: 700;

  line-height: 1.5;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeLabel {

    aspect-ratio: 294 / 70;

    background-image: url(../img/label_01_pc.svg);

  }

  .lpZoffUvcut .lpZoffUvcutAd__sizeItem--date .lpZoffUvcutAd__sizeLabel {

    background-image: url(../img/label_02_pc.svg);

  }

  .lpZoffUvcut .lpZoffUvcutAd__sizeItem--wide .lpZoffUvcutAd__sizeLabel {

    background-image: url(../img/label_03_pc.svg);

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeLabel {

    width: 100%;

    aspect-ratio: 350 / 70;

    background-image: url(../img/label_01_sp.svg);

  }

  .lpZoffUvcut .lpZoffUvcutAd__sizeItem--date .lpZoffUvcutAd__sizeLabel {

    background-image: url(../img/label_02_sp.svg);

  }

  .lpZoffUvcut .lpZoffUvcutAd__sizeItem--wide .lpZoffUvcutAd__sizeLabel {

    background-image: url(../img/label_03_sp.svg);

  }

}



@media screen and (min-width: 769px) and (max-width: 854px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeList {

    align-items: stretch;

  }

  .lpZoffUvcut .lpZoffUvcutAd__sizeCard {

    flex: 1 0 auto;

  }

  .lpZoffUvcut .lpZoffUvcutAd__sizeLabel {

    aspect-ratio: auto;

    height: 94px;

    background-image: url(../img/label_04_pc.svg);

  }

  .lpZoffUvcut .lpZoffUvcutAd__sizeItem--date .lpZoffUvcutAd__sizeLabel {

    background-image: url(../img/label_05_pc.svg);

  }

  .lpZoffUvcut .lpZoffUvcutAd__sizeItem--wide .lpZoffUvcutAd__sizeLabel {

    background-image: url(../img/label_06_pc.svg);

  }

}



.lpZoffUvcut .lpZoffUvcutAd__sizeImgs {

  position: relative;

  width: 100%;

  aspect-ratio: 280 / 155;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeImgs {

    margin: 18px auto 0;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeImgs {

    max-width: 280px;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__sizeImgLink {

  position: absolute;

  inset: 0;

  display: block;

  opacity: 0;

  pointer-events: none;

  transition: 250ms cubic-bezier(0.61, 1, 0.88, 1) opacity;

}

.lpZoffUvcut .lpZoffUvcutAd__sizeImgLink--current {

  opacity: 1;

  pointer-events: auto;

}



.lpZoffUvcut .lpZoffUvcutAd__sizeImg {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 300ms opacity;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeImgLink--current:hover .lpZoffUvcutAd__sizeImg {

    opacity: 0.5;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__sizeColors {

  display: flex;

  gap: 24px;

  justify-content: center;

  margin-top: 24px;

}

.lpZoffUvcut .lpZoffUvcutAd__sizeColorChip {

  position: relative;

  padding: 0;

  width: 24px;

  height: 24px;

  background-color: transparent;

  border: 0;

  border-radius: 50%;

  cursor: pointer;

}

.lpZoffUvcut .lpZoffUvcutAd__sizeColorChip::after {

  position: absolute;

  inset: -5px;

  border: 1px solid transparent;

  border-radius: 50%;

  content: "";

}

.lpZoffUvcut .lpZoffUvcutAd__sizeColorChip--current::after {

  border-color: hsl(0 0% 10.2%);

}

.lpZoffUvcut .lpZoffUvcutAd__sizeColorChipImg {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 50%;

}



.lpZoffUvcut .lpZoffUvcutAd__sizeTtl {

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-weight: 700;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeTtl {

    margin: 16px 0 0;

    font-size: 2.4rem;

    line-height: 1.5;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeTtl {

    margin-top: 24px;

    font-size: 2rem;

    line-height: 1.3;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__sizeNote {

  text-align: center;

  color: hsl(0 0% 10.2%);

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeNote {

    margin: 6px 0 0;

    font-size: 1.6rem;

    line-height: 1.5;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeNote {

    margin-top: 5px;

    font-size: 1.4rem;

    line-height: 1.3;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__sizeCode {

  text-align: center;

  color: hsl(0 0% 40%);

  font-size: 1.2rem;

  line-height: 1.5;

  text-decoration: underline;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeCode {

    margin: 16px 0 0;

  }

}

.lpZoffUvcut .lpZoffUvcutAd__sizeCodeLink {

  color: inherit;

  text-decoration: underline;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeCodeLink {

    transition: 300ms color;

  }

  .lpZoffUvcut .lpZoffUvcutAd__sizeCodeLink:hover {

    opacity: 1;

    color: hsl(0 0% 58%);

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizeCode {

    margin-top: 15px;

  }

}



.lpZoffUvcut .lpZoffUvcutAd__sizePrice {

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-size: 2rem;

  font-weight: 700;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizePrice {

    margin: 2px 0 36px;

    line-height: 1.5;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutAd__sizePrice {

    margin-top: 4px;

    line-height: 1.3;

  }

}



@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutRanking {

    margin: 0 auto;

    max-width: 1000px;

    padding: 150px 20px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutRanking {

    padding: 90px 20px;

  }

}



.lpZoffUvcut .lpZoffUvcutRanking__heading {

  width: fit-content;

  margin: 0 auto;

  text-align: center;

  color: hsl(199.1 100% 44.9%);

  font-family: "Poppins", sans-serif;

  font-weight: 700;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutRanking__heading {

    font-size: 7.2rem;

    line-height: 1.5;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutRanking__heading {

    font-size: 5.6rem;

    line-height: 1.3;

  }

}



.lpZoffUvcut .lpZoffUvcutRanking__subheading {

  position: relative;

  margin-inline: auto;

  padding-top: 10px;

  border-top-style: solid;

  border-top-color: transparent;

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-weight: 500;

}

.lpZoffUvcut .lpZoffUvcutRanking__subheading::before {

  position: absolute;

  top: -3px;

  right: 0;

  left: 0;

  height: 3px;

  background-color: hsl(199.1 100% 44.9%);

  transform-origin: left;

  content: "";

}

@media screen and (prefers-reduced-motion: no-preference) {

  .lpZoffUvcut .lpZoffUvcutRanking__subheading::before {

    animation: 600ms lpZoffUvcutLineDraw;

  }

  .lpZoffUvcut .lpZoffUvcutFade--pending .lpZoffUvcutRanking__subheading::before {

    transform: scaleX(0);

    animation: none;

  }

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutRanking__subheading {

    width: 308px;

    margin-top: 3px;

    padding-top: 7px;

    border-top-width: 3px;

    font-size: 2rem;

    line-height: 1.5;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutRanking__subheading {

    width: 240px;

    margin-top: 2px;

    padding-top: 18px;

    border-top-width: 3px;

    font-size: 1.6rem;

    line-height: 1.3;

  }

}



.lpZoffUvcut .lpZoffUvcutRanking__module {

  overflow: hidden;

  margin-top: 70px;

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutRanking__module {

    margin-top: 60px;

  }

}

.lpZoffUvcut .lpZoffUvcutRanking .swiperSlide__number {

  text-align: center;

}



.lpZoffUvcut .lpZoffUvcutRanking__btnWrap {

  display: flex;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutRanking__btnWrap {

    gap: 24px;

    margin: 60px 86px 0;

  }

  .lpZoffUvcut .lpZoffUvcutRanking__btnWrap .lpZoffUvcutBtn {

    flex: 1 0 0;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutRanking__btnWrap {

    flex-direction: column;

    gap: 10px;

    margin: 40px 0 0;

    padding: 0 12px;

  }

}



.lpZoffUvcut .lpZoffUvcutPurchase {

  position: relative;

  z-index: 0;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutPurchase {

    margin: 0 auto;

    max-width: 1000px;

    padding: 150px 20px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutPurchase {

    padding: 90px 20px;

  }

}

.lpZoffUvcut .lpZoffUvcutPurchase::before {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 50%;

  z-index: -1;

  width: 100vw;

  margin-left: -50vw;

  background-color: hsl(0 0% 96.5%);

  content: "";

}



.lpZoffUvcut .lpZoffUvcutPurchase__heading {

  margin: 0;

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-weight: 500;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__heading {

    font-size: 3.2rem;

    line-height: 1.5;

    letter-spacing: 0.03em;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__heading {

    font-size: 2.4rem;

    line-height: 1.3;

  }

}



.lpZoffUvcut .lpZoffUvcutPurchase__text {

  text-align: center;

  color: hsl(0 0% 10.2%);

  font-size: 1.6rem;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__text {

    margin: 30px 0 0;

    line-height: 1.5;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__text {

    margin: 40px 0 0;

    line-height: 1.3;

  }

}



.lpZoffUvcut .lpZoffUvcutPurchase__list {

  display: flex;

  flex-direction: column;

  gap: 20px;

  margin: 50px auto 0;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__list {

    max-width: 905px;

  }

}



.lpZoffUvcut .lpZoffUvcutPurchase__item {

  display: flex;

  flex-direction: column;

}



.lpZoffUvcut .lpZoffUvcutPurchase__btn {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 16px;

  width: 100%;

  background-color: hsl(0 0% 0%);

  border: 0;

  border-radius: 10px;

  cursor: pointer;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__btn {

    padding: 12px 30px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__btn {

    padding: 16px 20px;

  }

}



.lpZoffUvcut .lpZoffUvcutPurchase__btnLabel {

  color: hsl(0 0% 100%);

  font-weight: 700;

  line-height: 1.5;

  text-align: left;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__btnLabel {

    font-size: 2rem;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__btnLabel {

    font-size: 1.6rem;

  }

}



.lpZoffUvcut .lpZoffUvcutPurchase__btnPhrase {

  display: inline-block;

}



.lpZoffUvcut .lpZoffUvcutPurchase__btnIcon {

  position: relative;

  flex: none;

  border: 0.5px solid hsl(0 0% 100%);

  border-radius: 50%;

}

.lpZoffUvcut .lpZoffUvcutPurchase__btnIcon::before,

.lpZoffUvcut .lpZoffUvcutPurchase__btnIcon::after {

  position: absolute;

  top: 50%;

  left: 50%;

  background-color: hsl(0 0% 100%);

  content: "";

}

.lpZoffUvcut .lpZoffUvcutPurchase__btnIcon::before {

  transform: translate(-50%, -50%);

}

.lpZoffUvcut .lpZoffUvcutPurchase__btnIcon::after {

  transform: translate(-50%, -50%) rotate(90deg);

  transition: 300ms transform;

}

.lpZoffUvcut .lpZoffUvcutPurchase__item--closed .lpZoffUvcutPurchase__btnIcon::after {

  transform: translate(-50%, -50%);

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__btnIcon {

    width: 52px;

    height: 52px;

  }

  .lpZoffUvcut .lpZoffUvcutPurchase__btnIcon::before {

    width: 15px;

    height: 1.5px;

  }

  .lpZoffUvcut .lpZoffUvcutPurchase__btnIcon::after {

    width: 1.5px;

    height: 15px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__btnIcon {

    width: 35px;

    height: 35px;

  }

  .lpZoffUvcut .lpZoffUvcutPurchase__btnIcon::before {

    width: 10px;

    height: 1.5px;

  }

  .lpZoffUvcut .lpZoffUvcutPurchase__btnIcon::after {

    width: 1.5px;

    height: 10px;

  }

}



.lpZoffUvcut .lpZoffUvcutPurchase__body {

  display: grid;

  grid-template-rows: 1fr;

  overflow: hidden;

  transition: 400ms;

}

.lpZoffUvcut .lpZoffUvcutPurchase__item--closed .lpZoffUvcutPurchase__body {

  visibility: hidden;

  grid-template-rows: 0fr;

}



.lpZoffUvcut .lpZoffUvcutPurchase__bodyTrack {

  min-height: 0;

}



.lpZoffUvcut .lpZoffUvcutPurchase__bodyInner {

  margin-top: 10px;

  background-color: hsl(0 0% 96.5%);

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__bodyInner {

    padding: 55px 78px;

    border-radius: 10px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__bodyInner {

    padding: 30px 0;

    border-radius: 5px;

  }

}



.lpZoffUvcut .lpZoffUvcutPurchase__steps {

  display: grid;

  gap: 40px;

  margin: 0;

  padding: 0;

  list-style: none;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__steps {

    gap: 40px 44px;

    grid-template-columns: repeat(2, 1fr);

  }

}



.lpZoffUvcut .lpZoffUvcutPurchase__step {

  display: flex;

  flex-direction: column;

  margin: 0;

}



.lpZoffUvcut .lpZoffUvcutPurchase__stepImg {

  display: block;

  margin: 0 auto;

  width: 35%;

  height: auto;

  aspect-ratio: 376 / 668;

}

.lpZoffUvcut .lpZoffUvcutPurchase__stepImg--ticket {

  object-fit: contain;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__stepImg {

    width: 100%;

    aspect-ratio: 1120 / 746;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__stepImg--ticket {

    width: calc(100% - 40px);

    aspect-ratio: 1000 / 370;

  }

}

.lpZoffUvcut .lpZoffUvcutPurchase__stepTextBox {

  margin-top: 15px;

  text-align: left;

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__stepTextBox {

    padding: 0 20px;

  }

}



.lpZoffUvcut .lpZoffUvcutPurchase__stepTextBoxHead {

  display: flex;

  align-items: center;

  gap: 8px;

}



.lpZoffUvcut .lpZoffUvcutPurchase__stepLabel {

  display: inline-block;

  flex: none;

  margin: 0;

  padding: 3px 6px;

  background-color: hsl(199.1 100% 44.9%);

  border-radius: 3px;

  color: hsl(0 0% 100%);

  font-size: 1.4rem;

  line-height: 1.5;

}



.lpZoffUvcut .lpZoffUvcutPurchase__stepTitle {

  margin: 0;

  color: hsl(0 0% 10.2%);

  font-size: 1.4rem;

  font-weight: 700;

  line-height: 1.5;

}



.lpZoffUvcut .lpZoffUvcutPurchase__stepText {

  margin: 8px 0 0;

  color: hsl(0 0% 10.2%);

  font-size: 1.4rem;

  line-height: 1.5;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutPurchase__stepText {

    margin-top: 15px;

  }

}



.lpZoffUvcut .lpZoffUvcutStatement {

  display: flex;

  flex-direction: column;

  align-items: center;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutStatement {

    gap: 25px;

    padding: 0 20px 25px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutStatement {

    padding: 0 20px 34px;

  }

}



.lpZoffUvcut .lpZoffUvcutStatement__note {

  width: 100%;

  max-width: 920px;

}

.lpZoffUvcut .lpZoffUvcutStatement__note .lpZoffUvcutAnnotation {

  text-align: left;

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutStatement__note {

    margin-top: 34px;

  }

}



.lpZoffUvcut .lpZoffUvcutStatement__img {

  display: block;

  width: 100cqw;

  height: auto;

  object-fit: cover;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutStatement__img--sp {

    display: none;

  }

  .lpZoffUvcut .lpZoffUvcutStatement__img--pc {

    max-width: 1920px;

    aspect-ratio: 2040 / 2757;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutStatement__img--pc {

    display: none;

  }

  .lpZoffUvcut .lpZoffUvcutStatement__img--sp {

    max-width: 585px;

    aspect-ratio: 780 / 1260;

  }

}



.lpZoffUvcut .lpZoffUvcutStoreLink {

  position: relative;

  z-index: 0;

  display: flex;

  justify-content: center;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutStoreLink {

    margin: 0 auto;

    max-width: 1000px;

    padding: 92px 20px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutStoreLink {

    padding: 60px 20px;

  }

}

.lpZoffUvcut .lpZoffUvcutStoreLink::before {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 50%;

  z-index: -1;

  width: 100vw;

  margin-left: -50vw;

  background-color: hsl(0 0% 96.5%);

  content: "";

}



.lpZoffUvcut .lpZoffUvcutBtn {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  margin: 0 auto;

  max-width: 100%;

  padding: 18px 24px;

  background-color: hsl(199.1 100% 44.9%);

  border-radius: 10px;

  color: hsl(0 0% 100%);

  text-decoration: none;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutBtn {

    width: 410px;

    transition: 300ms;

  }

  .lpZoffUvcut .lpZoffUvcutBtn:hover {

    opacity: 1;

    background-color: hsl(0 0% 100%);

    box-shadow: inset 0 0 0 1px hsl(199.1 100% 44.9%);

    color: hsl(199.1 100% 44.9%);

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutBtn {

    width: 100%;

  }

}

.lpZoffUvcut .lpZoffUvcutBtn--dark {

  background-color: hsl(0 0% 0%);

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutBtn--dark:hover {

    opacity: 1;

    background-color: hsl(0 0% 100%);

    box-shadow: inset 0 0 0 1px hsl(0 0% 0%);

    color: hsl(0 0% 0%);

  }

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutBtn--dark {

    height: 82px;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutBtn--dark {

    width: 310px;

    height: 88px;

  }

}



.lpZoffUvcut .lpZoffUvcutBtn__label {

  flex: 1 0 0;

  text-align: center;

  font-size: 1.4rem;

  font-weight: 500;

  line-height: 1.5;

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutBtn__label {

    line-height: 1.3;

  }

}



.lpZoffUvcut .lpZoffUvcutBtn__arrow {

  display: block;

  flex: none;

  width: 7px;

  height: 14px;

}

.lpZoffUvcut .lpZoffUvcutBtn__arrowImg {

  display: block;

  width: 100%;

  height: 100%;

}

.lpZoffUvcut .lpZoffUvcutBtn__arrow--down {

  width: 14px;

  height: 7px;

}



.lpZoffUvcut .lpZoffUvcutFoot {

  overflow: hidden;

  padding: 34px 0;

  background-color: hsl(0 0% 100%);

  text-align: center;

}



.lpZoffUvcut .lpZoffUvcutFoot__copyright a {

  display: none;

}

.lpZoffUvcut .lpZoffUvcutFoot__copyright .footer__copyright {

  margin: 0;

  padding: 0;

  color: hsl(0 0% 40%);

  font-family: inherit;

  font-size: 1rem;

}

@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutFoot__copyright .footer__copyright {

    line-height: 1.5;

  }

}

@media screen and (max-width: 768px) {

  .lpZoffUvcut .lpZoffUvcutFoot__copyright .footer__copyright {

    line-height: 1.3;

  }

}



@media screen and (min-width: 769px) {

  .lpZoffUvcut .lpZoffUvcutFoot {

    padding: 40px 0 30px;

  }

  .lpZoffUvcut .lpZoffUvcutFoot__inner {

    padding: 0 20px;

  }

}



.lpZoffUvcut .lpZoffUvcutFade {

  transition:

    600ms opacity,

    600ms transform;

}



@media screen and (prefers-reduced-motion: no-preference) {

  .lpZoffUvcut .lpZoffUvcutFade--pending {

    opacity: 0;

    transform: translateY(4rem);

  }

}



@media screen and (prefers-reduced-motion: reduce) {

  .lpZoffUvcut .lpZoffUvcutMovie__thumb {

    transition: none;

  }

  .lpZoffUvcut .lpZoffUvcutMovie__link:hover .lpZoffUvcutMovie__thumb {

    transform: none;

  }

  .lpZoffUvcut .lpZoffUvcutPurchase__body,

  .lpZoffUvcut .lpZoffUvcutPurchase__btnIcon::after {

    transition: none;

  }

  .lpZoffUvcut .lpZoffUvcutFade {

    transition: none;

  }

}



@media print {

  img[src*="pages/zoff-uvcut/"] {

    display: none !important;

  }

}