/*anime*/
.anim.zoom-rep {
  display: block;
  transform-origin: center center;
  animation: zoom-rep 1s ease-out infinite 0.5s;
  transform-origin: center bottom;
}

@keyframes zoom-rep {
  0%  {
    transform: scale(1, 1) translate(0, 0);
  }
  30% {
    transform: scale(1.05, 1.05) translate(0, 0);
  }
  50% {
    transform: scale(0.8, 0.8) translate(0, 0);
  }
  70% {
    transform: scale(1.1, 1.1) translate(0, 0);
  }
  100% {
    transform: scale(1, 1) translate(0, 0);
  }
}

.anim.poyo0 {
  display: block;
  transform-origin: center center;
  animation: poyo0 1.2s ease-out infinite 0.5s;
  transform-origin: center bottom;
}

@keyframes poyo0 {
   0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 0);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 0px);
  }
  50% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 0);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
}

.anim.poyo1 {
  animation: poyo1 3s cubic-bezier(0.16, 1, 0.5, 1) infinite 1s;
  opacity: 1;
}

@keyframes poyo1 {
  0%, 25%, 35%, 45%, 100% {
    transform: scale(1);
  }
  30%, 40% {
    transform: scale(0.8);
  }
}

.anim.poyo2 {
  display: block;
  transform-origin: center bottom;
  animation: poyo2 1.2s cubic-bezier(0.16, 1, 0.5, 1) infinite 1s;
}

@keyframes poyo2 {
  0%, 70%, 100% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(0.93, 1.04);
  }
  20% {
    transform: scale(1.15, 0.97);
  }
  30% {
    transform: scale(0.9, 1.01);
  }
  40% {
    transform: scale(1, 1);
  }
}

.anim.poyo3 {
  display: block;
  transform-origin: center bottom;
  animation: poyo3 0.8s cubic-bezier(0.16, 1, 0.5, 1) infinite 1s;
}

@keyframes poyo3 {
  0% {
    transform: skew(0deg, 0deg);
  }
  8% {
    transform: skew(7deg, 7deg);
  }
  16% {
    transform: skew(-5deg, -5deg);
  }
  24% {
    transform: skew(3deg, 3deg);
  }
  32% {
    transform: skew(-2deg, -2deg);
  }
  40% {
    transform: skew(1deg, 1deg);
  }
  50% {
    transform: skew(-0.5deg, -0.5deg);
  }
  70% {
    transform: skew(0.3deg, 0.3deg);
  }
  90% {
    transform: skew(-0.15deg, -0.15deg);
  }
  100% {
    transform: skew(0deg, 0deg);
  }
}

.anim.poyo4 {
  display: block;
  transform-origin: center center;
  animation: poyo4 2s ease-out infinite 0.5s;
}

@keyframes poyo4 {
  0%, 70%, 100% {
    transform: scale(1);
  }
  4% {
    transform: scale(1.08, 0.92);
  }
  10% {
    transform: scale(0.92, 1.08);
  }
  14% {
    transform: scale(1.04, 0.98);
  }
  18% {
    transform: scale(0.98, 1.02);
  }
  30% {
    transform: scale(1);
  }
}

.anim.poyo5 {
  display: block;
  transform-origin: center center;
  animation: poyo5 1.2s ease-out infinite 0.5s;
}

@keyframes poyo5 {
  0%, 70%, 100% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.08, 0.92);
  }
  20% {
    transform: scale(0.92, 1.08);
  }
  30% {
    transform: scale(1.04, 0.98);
  }
  40% {
    transform: scale(0.98, 1.02);
  }
  50% {
    transform: scale(1);
  }
}

.anim.poyo6 {
  display: block;
  transform-origin: center bottom;
  animation: poyo6 0.4s cubic-bezier(0.16, 1, 0.5, 1) infinite 1s;
}

@keyframes poyo6 {
  0%, 100% {
    transform: scale(1, 1);
  }
  20% {
    transform: scale(0.93, 1.1);
  }
  40% {
    transform: scale(1.2, 0.97);
  }
  60% {
    transform: scale(0.9, 1.01);
  }
  80% {
    transform: scale(1, 1);
  }
}

.anim.poyo7 {
  display: block;
  transform-origin: center bottom;
  animation: poyo7 1.2s cubic-bezier(0.16, 1, 0.5, 1) infinite 1s;
}

@keyframes poyo7 {
  0%{
    transform: scale(1, 1);
  }
  20% {
    transform: scale(0.93, 1.05);
  }
  40% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}

.anim.kira1 {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.anim.kira1::before {
  content: "";
  position: absolute;
  top: -20%;
  left: -120%;
  width: 50%;
  height: 140%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,1),
    transparent
  );
  transform: rotate(25deg);
  animation: lensShine 3.5s ease-out infinite 1s;
}

@keyframes lensShine {
  0%,70%,100% {
    left: -120%;
    opacity: 0;
  }

  5% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  25% {
    left: 150%;
    opacity: .8;
  }

  30% {
    opacity: 0;
  }
}

.fwfw {
  animation: fwfw 2s ease-in-out infinite alternate;
  display: inline-block;
  transition: 1.3s ease-in-out;
  display: block;
}
 
@keyframes fwfw {
  0% {
    transform:translate(0, 0) scale(1);
  }
  50% {
    transform:translate(0, -5%) scale(1.1);
  }
  100% {
    transform:translate(0, 0) scale(1);
  }
}

.fwfw2 {
  animation: fwfw2 3.5s ease-in-out infinite alternate;
  display: inline-block;
  display: block;
}
 
@keyframes fwfw2 {
  0% {
    transform:translate(0, 0) rotate(-1deg);
  }
  50% {
    transform:translate(0, 10%) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(1deg);
  }
}

.updown {
  animation: updown 3s ease-in-out infinite 1s;
  display: inline-block;
  display: block;
}

.updown2 {
  animation: updown2 3s ease-in-out infinite  1s;
  display: inline-block;
  display: block;
}

@keyframes updown2 {
  0%{
    transform:translate(0, 0);
  }
  60% {
    transform:translate(0, 7%);
  }
  80% {
    transform:translate(0, 0);
  }
  100% {
    transform:translate(0, 0);
  }
}
 
@keyframes updown {
  0%{
    transform:translate(0, 0);
  }
  30% {
    transform:translate(0, 20%);
  }
  60% {
    transform:translate(0, 0);
  }
  100% {
    transform:translate(0, 0);
  }
}

.shivering1 {
  animation: shivering1 1s linear infinite;
}

/* shivering1 */
@keyframes shivering1 {
  0%, 5% {
    transform: rotateZ(0);
  }

  12% {
    transform: rotateZ(-18deg);
  }

  20% {
    transform: rotateZ(12deg);
  }

  28% {
    transform: rotateZ(-9deg);
  }

  36% {
    transform: rotateZ(6deg);
  }

  44% {
    transform: rotateZ(-3deg);
  }

  52% {
    transform: rotateZ(1deg);
  }

  58%, 100% {
    transform: rotateZ(0);
  }
}

/* shivering2 */
.shivering2 {
  animation: shivering2 1s linear infinite;
}
@keyframes shivering2 {
  0%, 5% {
    transform: rotateZ(0);
  }

  12% {
    transform: rotateZ(18deg);
  }

  20% {
    transform: rotateZ(-12deg);
  }

  28% {
    transform: rotateZ(9deg);
  }

  36% {
    transform: rotateZ(-6deg);
  }

  44% {
    transform: rotateZ(3deg);
  }

  52% {
    transform: rotateZ(-1deg);
  }

  58%, 100% {
    transform: rotateZ(0);
  }
}

.lp-box div{
  position: relative;
}
.lp-box p>span,
.lp-box div>span{
  display: block;
}

.lp-box .init {
  will-change: transform, opacity;
  opacity: 0;
}

.lp-box .init.js_blur {
  transition:all 0.5s cubic-bezier(0.45, 0, 0.55, 1);
  filter: blur(5px);
}

.lp-box .init.js_blur.animated {
  opacity: 1;
  filter: blur(0px);
}

.lp-box .init.js_fade {
  transition: opacity 0.5s cubic-bezier(0.45, 0, 0.55, 1);
}
.lp-box .init.js_fade.animated {
  opacity: 1;
}

.lp-box .init.js_fade2 {
  transition: opacity 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.lp-box .init.js_fade2.animated {
  opacity: 1;
}

.lp-box .init.js_scale_out {
  transform:   scale(1.2);
  transition: transform  0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s;
}

.lp-box .init.js_scale_in {
  transform:   scale(0.8);
  transition: transform  0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s;
}

.lp-box .init.js_scale_in2 {
  transform:  scale(0.1,0.1) rotate(0deg) translate(10%, 20px);
  transition: transform  0.6s cubic-bezier(0.25, 1.2, 0.5, 1), opacity 0.3s;
}

.lp-box .init.js_scale_in3 {
  transform: scale(0.5) rotate(0deg);
  transform-origin: center bottom;
  transition: transform .35s cubic-bezier(.34,1.56,.64,1), opacity .2s;
} 

.lp-box .init.js_scale_out.animated,
.lp-box .init.js_scale_in2.animated,
.lp-box .init.js_scale_in3.animated,
.lp-box .init.js_scale_in.animated {
  transform: translate(0,0) scale(1)  rotate(0deg);
  opacity: 1;
}

.lp-box .init.js_scale_up {
  transform: translate(0px, 40px) scale(0.8);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.3s;
}

.lp-box .init.js_scale_up.animated {
  transform: translate(0,0) scale(1);
  opacity: 1;
}

.lp-box .init.js_scale_up2 {
  transform: translateX(-50px) scale(0.5);
  transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1), opacity 1s;
}
.lp-box .init.js_scale_up2.animated {
  transform: translateX(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_scale_up3 {
  transform: scale(0.8);
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.6s;
}
.lp-box .init.js_scale_up3.animated {
  transform: scale(1);
  opacity: 1;
}

.lp-box .init.js_scale_down {
  transform: translateY(20px) scale(1.05);
  transition: transform 1s cubic-bezier(0.45, 0, 0.55, 1), opacity 1s;
}

.lp-box .init.js_scale_down.animated {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_scale_down2 {
  transform: scale(1.3);
  transition: transform 1s cubic-bezier(0.45, 0, 0.55, 1), opacity 1s;
}

.lp-box .init.js_scale_down2.animated {
  transform: scale(1);
  opacity: 1;
}

.lp-box .init.js_move_right {
  transform: translate(-50% , 10px) scale(0.95);
  transition: transform 0.4s cubic-bezier(0.3, 0.8, 0.2, 1) , opacity 0.2s;
}

.lp-box .init.js_move_right.animated {
  transform: translateX(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_move_right_up {
  transform: translate(-30% , 40%) scale(0.95);
  transition: transform 0.4s cubic-bezier(0.22, 1.5, 0.36, 1) , opacity 0.2s;
}

.lp-box .init.js_move_right_up.animated {
  transform: translateX(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_move_left_up {
  transform: translate(30% , 40%) scale(0.95);
  transition: transform 0.4s cubic-bezier(0.22, 1.5, 0.36, 1) , opacity 0.2s;
}

.lp-box .init.js_move_left_up.animated {
  transform: translateX(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_move_left {
  transform: translate(50% , 10px) scale(0.95);
  transition: transform 0.4s cubic-bezier(0.3, 0.8, 0.2, 1) , opacity 0.2s;
}

.lp-box .init.js_move_left.animated {
  transform: translateX(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_scale_right_down,
.lp-box .init.js_scale_left_down,
.lp-box .init.js_scale_right_up,
.lp-box .init.js_scale_left_up {
  transform-origin: right bottom;
  transform: scale(0.2) translate(50%, 5%);
  transition: transform 0.5s cubic-bezier(0.85, 0, 0.15, 1), opacity .3s;
}

.lp-box .init.js_scale_left_up2 {
  transform-origin: right bottom;
  transform: scale(0.3) translate(20%, 5%);
  transition: transform .7s cubic-bezier(.18, 1.4, .3, 1), opacity .5s;
}

.lp-box .init.js_scale_right_up2 {
  transform-origin: right bottom;
  transform: scale(0.3) translate(20%, 5%);
  transition: transform .7s cubic-bezier(.18, 1.4, .3, 1), opacity .5s;
}

.lp-box .init.js_scale_right_down{
  transform-origin: left top;
  transform: scale(0.2) translate(-50%, 5%);
}

.lp-box .init.js_scale_left_down{
  transform-origin: right top;
  transform: scale(0.2) translate(50%, -10%);
}

.lp-box .init.js_scale_right_up{
  transform-origin: left bottom;
  transform: scale(0.2) translate(-50%, 5%);
}

.lp-box .init.js_scale_left_up2.animated,
.lp-box .init.js_scale_right_up2.animated,
.lp-box .init.js_scale_right_down.animated,
.lp-box .init.js_scale_left_down.animated,
.lp-box .init.js_scale_right_up.animated,
.lp-box .init.js_scale_left_up.animated {
  transform: translate(0%, 0%) scale(1);
  opacity: 1;
}

.lp-box .init.js_move_right2 {
  transform: translateX(-100px);
  transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.5s;
}

.lp-box .init.js_move_right2.animated {
  transform: translateX(0);
  opacity: 1;
}

.lp-box .init.js_move_down {
  transform: translateY(-100px);
  transition: transform 0.35s cubic-bezier(0.45, 0, 0.55, 1), opacity 0.35s;
}

.lp-box .init.js_move_down.animated {
  transform: translateY(0);
  opacity: 1;
}

.lp-box .init.js_move_up1 {
  transform: translateY(200px) scale(0.9);
  transition: transform 0.3s cubic-bezier(0.34, 1.1, 0.64, 1), opacity 0.2s;
}

.lp-box .init.js_move_up1.animated {
  transform: translateY(0%) scale(1);
  opacity: 1;
}

.lp-box .init.js_move_up2 {
  transform: translateY(50px) scale(0.5);
  transition:
  transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
  opacity 0.3s;
}

.lp-box .init.js_move_up2.animated {
  transform: translateY(0%) scale(1);
  opacity: 1;
}

.lp-box .init.js_move_up2.animated {
  filter: blur(0px);
  transform: translateY(0);
  opacity: 1;
}

.lp-box .init.js_move_up3 {
  transform: translateY(40px);
  transition:all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.lp-box .init.js_move_up3.animated {
  transform: translateY(0);
  opacity: 1;
}

.lp-box .init.js_move_up4 {
  opacity: 0;
  transform: translateY(50px) scale(0.8);
  transition: all 0.5s cubic-bezier(0.16, 1.3, 0.3, 1);
}

.lp-box .init.js_move_up4.animated {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_rotate {
  transform:  rotate(13deg);
  transition: transform 0.6s cubic-bezier(0.34, 1.1, 0.64, 1), opacity 0.3s;
}

.lp-box .init.js_rotate.animated {
  transform: rotate(0deg);
  opacity: 1;
}

[data-delay="0.1"] { transition-delay: 0.1s !important; animation-delay: 0.1s !important;}
[data-delay="0.2"] { transition-delay: 0.2s !important; animation-delay: 0.2s !important;}
[data-delay="0.3"] { transition-delay: 0.3s !important; animation-delay: 0.3s !important;}
[data-delay="0.4"] { transition-delay: 0.4s !important; animation-delay: 0.4s !important;}
[data-delay="0.5"] { transition-delay: 0.5s !important; animation-delay: 0.5s !important;}
[data-delay="0.6"] { transition-delay: 0.6s !important; animation-delay: 0.6s !important;}

.lp-box .stretch {
  clip-path: inset(0 100% 0 0);
}

.lp-box .stretch.animated {
  animation: revealRight 0.8s ease forwards;
}

@keyframes revealRight {
  to {
    clip-path: inset(0 0 0 0);
  }
}

.lp-box .js_trigger.wiggle {
  animation: wiggle 0.8s steps(2) infinite;
  animation-play-state: paused; /* 初期は止める */
  animation-delay: 1.3s; 
  display: block;
}

.lp-box .js_trigger.wiggle.animated {
  animation-play-state: running; /* 再生 */
}

@keyframes wiggle {
  0%   { transform: rotate(5deg); }
  100% { transform: rotate(-5deg); }
}

.lp-box .scale {
  transform: scale(1.3);
  opacity: 0;
  transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1) 0.8s,opacity 0.7s ease 0.5s;
}

.lp-box .scale.animated {
  transform: scale(1);
  opacity: 1;
}
.lp-box .item .js_trigger.scale {
  transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1) 0s, opacity 0.7s ease 0s;
}

@keyframes scaleBack {
  0% {
    transform: scale(1.3);
    opacity: 0;
  }
  90% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.headline-l {display: none;}
.headline-l.align-l {display: block;}

.lp-box img {
  opacity: 1;
  width: 100%;
  max-width: none;
  height: auto;
  image-rendering: auto;
}

img[data-image] {opacity: 0;}

.lp-box a{
  display: block;
  transition: opacity 0.19s ease;
  color: #000;
}

.lp-box a:hover{
  opacity: 0.4;
} 

.lp-box a.h-op{
  opacity: 1;
}
.lp-box a.h-op::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.19s ease;
}
.lp-box a.h-op:hover::after{
  opacity: 0.5;
}

.lp-box div.lp-ab,
.lp-box .lp-ab{
  position: absolute;
}

.lp-box {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
  color: #684f5b;
  font-weight: 500;
  white-space: nowrap;
  font-family: "Noto Sans JP", sans-serif;
 }

.lp-box .bg1{
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  z-index: 0;
}

.lp-box .pos1{
  position: relative;
  aspect-ratio: 800 / 2829;
}

.lp-box .p1_1 {
  top: 21.2%;
  left: 0;
  width: 100%;
  z-index: 4;
}

.lp-box .p1_2 {
  top: 16.6%;
  left: -2.1%;
  z-index: 3;
}

.lp-box .p1_3 {
  top: 16.6%;
  right: -1.8%;
  z-index: 3;
}

.lp-box .p1_4 {
  top: 29%;
  left: -11.5%;
}
.lp-box .p1_5 {
  top: 29%;
  right: -10.5%;
}

.lp-box .p1_6 {
  top: 18.1%;
  left: 13.8%;
  z-index: 0;
}

.anim_01.init{
  transform: translate(0px, 50px) scale(0.8);
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s;
}

.animated .anim_01.init{
  transform: translate(0,0) scale(1);
  opacity: 1;
}

.anim{
  animation-play-state: paused;
}

.animated .anim{
  animation-play-state:running;
}

.anim.furi1 {
  transform-origin: center bottom;
  animation: furi1 0.8s steps(2, end) infinite;
}

.anim.furi2 {
  transform-origin: center bottom;
  animation: furi2 0.8s steps(2, end) infinite 0.5s;
}

.anim.furi3 {
  transform-origin: center bottom;
  animation:furi3 0.8s steps(2, end) infinite 1s;
}

@keyframes furi1 {
  0%, 49.999% {
    transform: rotate(-4deg);
  }
  50%, 100% {
    transform: rotate(6deg);
  }
}

@keyframes furi2 {
  0%, 49.999% {
    transform: rotate(4deg);
  }
  50%, 100% {
    transform: rotate(-2deg);
  }
}

@keyframes furi3 {
  0%, 49.999% {
    transform: rotate(15deg);
  }
  50%, 100% {
    transform: rotate(-15deg);
  }
}

@keyframes heartSwingR {
  0%, 49.999% {
    transform: rotate(3deg);
  }
  50%, 100% {
    transform: rotate(-15deg);
  }
}

.anim.furi4 {
  transform-origin: center bottom;
  animation: furi4 1.5s steps(2, end) infinite;
}

@keyframes furi4 {
  0%, 49.999% {
    transform: rotate(-4deg);
  }
  50%, 100% {
    transform: rotate(4deg);
  }
}

.anim.furi5 {
  transform-origin: center bottom;
  animation: furi5 0.8s steps(2, end) infinite 0.5s;
}

@keyframes furi5 {
  0%, 49.999% {
    transform: rotate(-5deg);
  }
  50%, 100% {
    transform: rotate(5deg);
  }
}

.anim.furi6 {
  transform-origin: center bottom;
  animation: furi6 0.8s steps(2, end) infinite 0.5s;
}

@keyframes furi6 {
  0%, 49.999% {
    transform: rotate(5deg);
  }
  50%, 100% {
    transform: rotate(-5deg);
  }
}

.anim.heart_l {
  transform-origin: center bottom;
  animation: heartSwingL 0.7s steps(2, end) infinite 0.5s;
}

.anim.heart_r {
  transform-origin: center bottom;
  animation: heartSwingR 0.7s steps(2, end) infinite 0.5s;
}

@keyframes heartSwingL {
  0%, 49.999% {
    transform: rotate(-3deg);
  }
  50%, 100% {
    transform: rotate(15deg);
  }
}

.anim.step1 {
  transform: translateX(-100%);
  animation: slideIn 10s cubic-bezier(0.25, 1, 0.5, 1) infinite;
  opacity: 0;
}

@keyframes slideIn {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }

  10% {
    transform: translateX(-100%);
    opacity: 1;
  }

  20% {
    transform: translateX(0);
    opacity: 1;
  }

  30% {
    transform: translateX(0);
    opacity: 1;
  }

  40% {
    transform: translateX(-30px);
    opacity: 0;
  }

  100% {
    transform: translateX(-100);
    opacity: 0;
  }
}

.anim.step2 {
  transform-origin: center bottom;
  animation: step2 3s steps(2, end) infinite;
}

@keyframes step2 {
  0%, 49.999% {
    transform: translate(0,0);
  }

  50%, 100% {
    transform: translate(20px,10px);
  }
}

.lp-box .p1_8 {
  top: 39%;
  left: 0%;
}

.lp-box .pos2 {
  left: 0;
  top: 39.5%;
  aspect-ratio: 800 / 1173;
  z-index: 2;
  width: 100%;
}

.lp-box .p2_1 {
  left: 0%;
  top: 0%;
  padding-top: 10%;
  z-index: 3;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 800 / 622;
}

.lp-box .p2_1 p {
  position: absolute;
  left: 11%;
  top: 16%;
  width: calc((687 / 800) * 100%);
}

.lp-box .p2_2 {
  left: -1.6%;
  top: -4%;
  z-index: 1;
}

.lp-box .p2_3 {
  right: -1.5%;
  top: -4%;
  z-index: 1;
}

.lp-box .p2_4 {
  left: 5%;
  top: 36.4%;
  z-index: 3;
}

.lp-box .p2_5 {
  right: 2.5%;
  top: 31.55%;
  z-index: 3;
}

.lp-box .p2_6 {
  position: absolute;
  content: '';
  top: 30.5%;
  left: 37.3%;
  z-index: 10;
  width: calc((209 / 800) * 100%);
  transform: translateX(0%);
}

.lp-box .p2_7 {
  top: 43.2%;
  left: 26.5%;
  z-index: 11;
}

.lp-box .pos2 {
  left: 0;
  bottom: 0;
  aspect-ratio: 800 / 1171;
  z-index: 2;
  width: 100%;
}

.lp-box .pos3 {
  left: 0;
  top: 80.9%;
  width: 100%;
  aspect-ratio: 800 / 539;
}

.lp-box .p3_1 {
  left: 21.5%;
  top: 8%;
  width: 69.5%;
  z-index: 2;
}

.lp-box .p3_2 {
  left: 4.9%;
  top: 20%;
  width: 91%;
  z-index: 2;
}

.lp-box .p3_3 {
  left: 0;
  top: 12%;
  padding-top: 14%;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  z-index: 1;
}

.lp-box .p3_4 {
  left: 6.9%;
  top: 69%;
  z-index: 3;
}

.lp-box .p3_4>p{
  width: 100%;
}

.lp-box .p3_4_1 {
  left: 0;
  top:0;
  z-index: 4;
  width: 100%;
}

.lp-box .p3_5 {
  bottom: 29%;
  right: 13%;
  z-index: 3;
}

.lp-box .p4_1,
.lp-box .p4_2,
.lp-box .p4_3,
.lp-box .p4_4,
.lp-box .p4_5,
.lp-box .p4_6,
.lp-box .p4_7 {
  top:0;
}

.lp-box .pos4_bg{
  position: absolute;
  left:0;
  bottom:0;
}

.lp-box .pos4 {
  left: 0;
  top: 0;
  aspect-ratio: 800 / 640;
  width: 100%;
}

.lp-box .p4_1 {
  left: 41%;
  top: 0%;
  z-index: 3;
}

.lp-box .p4_2{
  left: 8.2%;
  top: 6.5%;
  z-index: 3;
}

.lp-box .p4_3 {
  left: 2.1%;
  top: 21%;
  z-index: 3;
}

.lp-box .p4_4 {
  right: 2.8%;
  top: 20.5%;
  width: calc((75 / 800) * 100%);
  z-index: 3;
}

.lp-box .p4_5 {
  left: -2.5%;
  top: 28.2%;
  z-index: 3;
}

.lp-box .p4_6 {
  right: -5.6%;
  top: 30.15%;
  z-index: 3;
}

.lp-box .p4_7 {
  right: 15.5%;
  top: 23.15%;
  z-index: 2;
}

.lp-box .p4_8 {
  left: 22%;
  top: 76%;
  z-index: 2;
}

.lp-box .p4_9 {
  left: 35.5%;
  top: 90%;
  z-index: 2;
}

.lp-box .pos5 {
  left: 0;
  top: 55.6%;
  aspect-ratio: 800 / 282;
  width: 100%;
}

.lp-box .p5_1 {
  left: 37.34%;
  top: 0%;
  z-index: 3;
}

.lp-box .p5_2 {
  left: 8.2%;
  top: 13.85%;
  z-index: 3;
}

.lp-box .p5_3 {
  left: 7.73%;
  top: 49.5%;
  z-index: 3;
}

.lp-box .p5_4 {
  right: 7.7%;
  top: 48.55%;
  z-index: 3;
}

.lp-box .p5_5 {
  left: -4.5%;
  top: 31.5%;
  z-index: 3;
}

.lp-box .p5_6 {
  right: -6.2%;
  top: 30.15%;
  z-index: 3;
}

.lp-box .p5_7 {
  right: 15.5%;
  top: 23.15%;
  z-index: 2;
}

.lp-box .p5_8 {
  left: 22%;
  top: 50%;
  z-index: 2;
}

.lp-box .p5_9 {
  left: 44.2%;
  top: 80.5%;
  z-index: 2;
}

.lp-box .pos6{
  position: absolute;
  aspect-ratio: 800 / 244;
  left:0;
  bottom:0;
  width: 100%;
}

.lp-box .p6_1 {
  left: 19%;
  top: 0%;
}

.lp-box .p6_2 {
  left: 63.5%;
  top: 0%;
}

.lp-box .p6_3 {
  left: 6.5%;
  top: 13%;
}

.lp-box .p6_4 {
  left: 50.5%;
  top: 13%;
}

.lp-box .pos7 {
  left: 0;
  top: 0%;
  width: 100%;
  z-index: 3;
}

.lp-box .p7_0 {
  top: 43.1%;
  right: 5%;
}

.lp-box .p7_0 p{
  filter: drop-shadow(3px 3px 3px rgba(204, 222, 230, 1));
}

.lp-box .p7_1 {
  width: calc((412 / 800) * 100%);
  display: flex;
  align-items: center;
  top: 10.6%;
  left: 22%;
}
.lp-box .p7_1 p{
  display: flex;
  align-items: center;
}

.lp-box .p7_2 {
  left: 72.4%;
  top: 65.6%;
  z-index: 10;
}

.lp-box .p7_3 {
  left: 8.5%;
  top: 64.8%;
}

.lp-box .p7_4 {
  left: 5.8%;
  top: 82.5%;
}

.lp-box .p7_5 {
  left: 51.5%;
  top: 82.5%;
}

.lp-box .p7_6 {
  left: 0%;
  top: 26%;
  width: 100%;
  text-align: center;
  font-weight: bold;  
  font-size: 1.8rem;
  color: #684f5b;
  letter-spacing: 0.05em;
}

.lp-box .p7_7 {
  position: absolute;
  top: 92%;
  width: 100%;
  left: 0%;
  font-size: 2.3rem;
  line-height: 1.3;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.06em;
  text-align: center;
  text-shadow: 
    0 0 1px #85cded,
    0 0 2px #85cded,
    0 0 3px #85cded,
    0 0 4px #85cded,
    0 0 5px #85cded,
    0 0 6px #85cded,
    0 0 7px #85cded,
    0 0 8px #85cded,
    0 0 9px #85cded,
    0 0 10px #85cded,
    0 0 11px #85cded,
    0 0 12px #85cded,
    0 0 13px #85cded,
    0 0 14px #85cded,
    0 0 15px #85cded,
    0 0 16px #85cded,
    0 0 17px #85cded,
    0 0 18px #85cded,
    0 0 19px #85cded,
    0 0 20px #85cded;
}

.lp-box .p7_8 {
  left: 15%;
  top: 42.5%;
  width: 69%;
  z-index: 2;
}

.lp-box .p8_0 {
  top: 29.1%;
  right: 5%;
}

.lp-box .p8_0 p{
  filter: drop-shadow(3px 3px 3px rgba(204, 222, 230, 1));
}

.lp-box .p8_1 {
  width: calc((412 / 800) * 100%);
  display: flex;
  align-items: center;
  top: 10.6%;
  left: 22%;
}
.lp-box .p8_1 p{
  display: flex;
  align-items: center;
}

.lp-box .p8_2 {
  left: 5%;
  top: 52.6%;
  z-index: 10;
}

.lp-box .p8_3 {
  right: 5.5%;
  top: 51.8%;
}

.lp-box .p8_4 {
  left: 5.8%;
  top: 69.955%;
}

.lp-box .p8_5 {
  left: 51.5%;
  top: 69.955%;
}

.lp-box .p8_6 {
  left: 0%;
  top: 11.8%;
  width: 100%;
  text-align: center;
  font-weight: bold;  
  font-size: 1.8rem;
  color: #684f5b;
  letter-spacing: 0.05em;
}

.lp-box .p17_10,
.lp-box .p8_7 {
  position: absolute;
  top: 79.5%;
  left: 0%;
  width: 100%;
  font-size: 2.3rem;
  line-height: 1.3;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.06em;
  text-align: center;
  text-shadow: 
    0 0 1px #85cded,
    0 0 2px #85cded,
    0 0 3px #85cded,
    0 0 4px #85cded,
    0 0 5px #85cded,
    0 0 6px #85cded,
    0 0 7px #85cded,
    0 0 8px #85cded,
    0 0 9px #85cded,
    0 0 10px #85cded,
    0 0 11px #85cded,
    0 0 12px #85cded,
    0 0 13px #85cded,
    0 0 14px #85cded,
    0 0 15px #85cded,
    0 0 16px #85cded,
    0 0 17px #85cded,
    0 0 18px #85cded,
    0 0 19px #85cded,
    0 0 20px #85cded;
}

.lp-box .p8_8 {
  left: 15%;
  top: 30.5%;
  width: 67%;
  z-index: 2;
  pointer-events: none;
}

.lp-box .pos9{
  position: relative;
}

.lp-box .p9_0 {
  top: 26.5%;
  right: 5%;
}

.lp-box .p9_1 {
  top: 43.2%;
  left: 9.8%;
  z-index: 4;
}

.lp-box .p9_1 p{
  filter: drop-shadow(6px 6px 5px #e2d2ca);
  z-index: 4;
}

.lp-box .p9_2 {
  top: 47.5%;
  right: 2.8%;
  z-index: 5;
}

.lp-box .p9_3 {
  top: 17.65%;
  right: -7.5%;
  z-index: 4;
}

.lp-box .p9_4 {
  position: absolute;
  top: 78%;
  left: 43%;
  font-size: 2.1rem;
  line-height: 1.3;
  font-weight: bold;
  color: #fff;
  text-align: left;
  letter-spacing: 0.04em;
  text-shadow: 
  0 0 1px #ef84c4,
  0 0 2px #ef84c4,
  0 0 3px #ef84c4,
  0 0 4px #ef84c4,
  0 0 5px #ef84c4,
  0 0 6px #ef84c4,
  0 0 7px #ef84c4,
  0 0 8px #ef84c4,
  0 0 9px #ef84c4,
  0 0 10px #ef84c4,
  0 0 11px #ef84c4,
  0 0 12px #ef84c4,
  0 0 13px #ef84c4,
  0 0 14px #ef84c4,
  0 0 15px #ef84c4,
  0 0 16px #ef84c4,
  0 0 17px #ef84c4,
  0 0 18px #ef84c4,
  0 0 19px #ef84c4,
  0 0 20px #ef84c4;
  z-index: 4;
}
  
.lp-box .p9_5 {
  top: 82.8%;
  left: 39.5%;
  z-index: 4;
}

.lp-box .p9_6 {
  top: 66%;
  left: 8.5%;
  z-index: 5;
}

.lp-box .p9_7 {
  top: 76.3%;
  left: 3.4%;
  z-index: 0;
}

.lp-box .p9_8 {
  top: 4.5%;
  left: 8.5%;
  z-index: 4;
}

.lp-box .p9_9 {
  left: 0%;
  top: 18.5%;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  color: #684f5b;
  letter-spacing: 0.06em;
  z-index: 4;
}

.lp-box .lp-group3{
    margin-top: -0.6%;
}
.lp-box .lp-group3>img{
  position: relative;
  z-index: 2;
}

.lp-box .pos10 {
  position: relative;
  aspect-ratio: 800 / 653;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
}

.lp-box .p10_1 {
  top: 7.8%;
  left: 7%;
  z-index: 2;
}

.lp-box .p10_1_1 {
  top: 12.85%;
  left: 25%;
  z-index: 3;
}

.lp-box .p10_1_1 h2,
.lp-box .p10_1_1 p{
  display: flex;
}

.lp-box .p10_2 {
  top: 29%;
  left: 0%;
  z-index: 2;
}

.lp-box .p10_3 {
  top: 81.8%;
  left: -1.1%;
  z-index: 2;
}

.lp-box .p10_4 {
  top: 81.8%;
  right: -2%;
  z-index: 2;
}

.lp-box .p10_5 {
  top: 82%;
  left: 3%;
  z-index: 2;
}

.lp-box .pos11 {
  aspect-ratio: 800 / 936;
  left: 0;
  top: 53.1%;
  width: 100%;
  z-index: 3;
}

.lp-box .p11_0 {
  top: 0%;
  left: 6.5%;
  z-index: 1;
}

.lp-box .p11_1 {
  top: -13.4%;
  left: 11%;
  z-index: 3;
}

.lp-box .p11_2 {
  top: -10.65%;
  right: 14%;
  z-index: 3;
}
.lp-box .p11_3 {
  top: -16%;
  right: 28.5%;
  z-index: 0;
}

.lp-box .p11_4 {
  bottom: 30.5%;
  right: 23.9%;
  z-index: 3;
  overflow: hidden;
}

.lp-box .p11_5,
.lp-box .p11_6 {
  font-size: 2.55rem; 
  font-size: 500;
  width: 100%;
  line-height: 1.4;
  text-align: center;
  z-index: 3;
}

.lp-box .p11_5 em{
  margin:0 -0.2em;
  display: inline-block;
}

.lp-box .p11_5{
  left:0;
  top: 2.5%;
  letter-spacing: 0em;
}

.lp-box .p11_6 {
  left: 0;
  top: 15.88%;
}

.lp-box .p11_5 .ttl,
.lp-box .p11_6 .ttl{
  display: inline-block;
  letter-spacing: 0.05em;
  margin-bottom: 0.2em;
}

.lp-box .p11_9 {
  left: 0;
  top: 33.8%;
  width: 77%;
  font-size: 1.9rem;
  text-align: left;
  left: 11.5%;
  z-index: 3;
}

.lp-box .p11_7 {
  top: 25.5%;
  width: 77%;
  font-size: 1.9rem;
  text-align: left;
  left: 11.5%;
  z-index: 3;
}

.lp-box .p11_7 li{
  position: relative;
  padding: 0 0.1em;
  margin-bottom: 0.45em;
}

.lp-box .p11_7 li.sold::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 3px;
  transform: translateY(-50%);
  background: #684f5b;
  width: 100%;  
}

.lp-box .p11_7 em{
  margin:0 -0.2em;
  display: inline-block;
}

.lp-box .p11_7 small{
  font-size: 1.4rem;
  margin:0 -0.4em;
  display: inline-block;
}
.lp-box .p11_7 span{
  font-size: 1.4rem;
}

.lp-box .p11_8 {
  left: 12%;
  top: 28.1%;
  z-index: 3;
}

.lp-box .p11_8_1 {
  font-size: 1.45rem;
  left: 3.5%;
  top: 11%;
  width: 19%;
  aspect-ratio: 199 / 43;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lp-box .p11_8_2 {
  left: 0%;
  top: 16%;
  font-size: 2.15rem;
  width: 100%;
}

.lp-box .p11_8_3{
  left: 0%;
  width: 100%;
  text-align: center;
  font-size: 2.15rem;
  letter-spacing: -0.05em;
  top: 66%;
}

.lp-box .p11_8_2 small{
  font-size: 1.4rem;
  margin:0 -0.4em;
}

.lp-box .p11_8_3 em{
  margin:0 -0.4em;
}

.lp-box .p11_8_sold {
  left: 0;
  top: 28.5%;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 800 / 101;
  line-height: 1.5;
  width: 100%;
  font-size: 1.95rem;
}

.lp-box .p11_9 {
  left: 0;
  top: 34.2%;
  width: 100%;
  font-size: 1.95rem;
  line-height: 1.45;
  z-index: 17;
  text-align: center;
}

.lp-box .p11_9 .ttl{
  display: block;
  text-align: center;
  font-size: 2.55rem;
  letter-spacing: 0.05em;
  margin-bottom: 0.4em;
}

.lp-box .p12_1 {
  left: 6.9%;
  top: 4.2%;
}

.lp-box .p12_1_1 {
  left: 23.5%;
  top: 6.8%;
}

.lp-box .p12_1_1 p{
  display: flex;
}

.lp-box .p12_2 {
  left: 4.6%;
  top: 26.5%;
  z-index: 1;
}

.lp-box .p12_3 {
  right: 15.7%;
  top: 24.5%;
  z-index: 0;
}

.lp-box .p12_4 {
  left: 17.7%;
  top: 49.5%;
  z-index: 2;
}

.lp-box .p12_5 {
  right: 3.7%;
  top: 83.5%;
  z-index: 3;
}

.lp-box .p12_6 {
  left: -1.6%;
  top: 30.5%;
  z-index: 2;
}

.lp-box .p12_7 {
  right: -1.3%;
  top: 67.8%;
  z-index: 2;
}

.lp-box .p13_0 {
  left: 6.7%;
  top: 55%;
  z-index: 1;
}

.lp-box .p13_1 {
  left: 40%;
  top: 9%;
}

.lp-box .p13_1>h3{
  display: flex;
}

.lp-box .p13_3a {
  left: 5%;
  top: 33%;
  z-index: 1;
}

.lp-box .p13_3b {
  left: 7%;
  top: 18%;
}

.lp-box .p13_3c {
  left: 44%;
  top: 16%;
}

.lp-box .p13_3d {
  left: 82%;
  top: 17%;
}

.lp-box .p13_3e {
  left: 81%;
  top: 32%;
  z-index: 2;
}

.lp-box .p13_2 {
  left: 6%;
  top: 16.5%;
}

.lp-box .p13_3 {
  right: 7.5%;
  top: 29.5%;
}

.lp-box .p13_4 {
  left: 11%;
  top: 37.2%;
  z-index: 5;
}

.lp-box .p13_5 {
  left: -11%;
  top: 12.5%;
  width: 114%;
  aspect-ratio: 1000 / 609;
}

.lp-box .p13_6 {
  width: 100%;
  top: 68.75%;
  left: 0;
  width: 100%;
  font-size: 1.8rem;
  letter-spacing: -0.01em;
  line-height: 1.75;
  z-index: 2;
}

.lp-box .p13_6 em{
  margin: 0 -0.3em;
  display: inline-block;
}

.lp-box .p14_1 {
  left: 41.5%;
  top: 2.4%;
}

.lp-box .p14_2 {
  left: 32.5%;
  top: 30.6%;
}

.lp-box .p14_1 h3,
.lp-box .p14_2 h3{
  display: flex;
}

.lp-box .pos14 a{
  left: 6.5%;
}

.lp-box .p14_3 {
  top: 9.95%;
}

.lp-box .p14_4 {
  top: 17.8%;
}

.lp-box .p14_5 {
  top: 38.45%;
}

.lp-box .p14_6 {
  top: 46.2%;
}

.lp-box .p14_7 {
  top: 54%;
}

.lp-box .pos15 {
  position: absolute;
  left: 0;
  top: 62%;
  width: 100%;
  aspect-ratio: 800 / 470;
}

.lp-box .pos15 {
  position: relative;
}

.lp-box .p15_1 {
  left: 12%;
  top: 41%;
  z-index: 4;
}

.lp-box .p15_2 {
  left: 10.5%;
  top: -1%;
  z-index: 2;
}

.lp-box .p15_3 {
  left: 6%;
  top: 39%;
  z-index: 3;
}

.lp-box .p15_4 {
  left: 83%;
  top: 49%;
  z-index: 2;
}

.lp-box .p15_6 {
  left: 10%;
  top: 69.2%;
}

.lp-box .p15_7 {
  left: 71.5%;
  top: 60.5%;
  z-index: 2;
}

.lp-box .pos16 {
  position: relative;
  z-index: 10;
}

.lp-box .p16_1 {
  top: -15%;
  left: 16.5%;
}

.lp-box .p16_2 {
  top: 3.2%;
  left: 6.55%;
  width: calc(( 692  / 800 ) * 100% );
}

.lp-box .p16_2_1 {
  top: 30.3%;
  left: 20%;
  z-index: 3;
  width: 72.5%;
}

.lp-box .p16_3 {
  left: 41.34%;
  top: 19%;
  z-index: 3;
}

.lp-box .p16_4 {
  left: 8.2%;
  top: 21.7%;
  z-index: 3;
}

.lp-box .p16_5 {
  left: 0%;
  top: 35.5%;
  z-index: 4;
}

.lp-box .p16_6 {
  right: -2.5%;
  top: 35.5%;
  z-index: 4;
}

.lp-box .p16_7 {
  left: 15.3%;
  top: 28.7%;
  z-index: 3;
}

.lp-box .p16_8 {
  top: 47.65%;
  left: 33.5%;
  z-index: 3;
}

.lp-box .p16_9 {
  top: 58.55%;
  left: 21.69%;
  z-index: 2;
}

.lp-box .p16_10 {
  top: 68.5%;
  left: 41.5%;
}

.lp-box .p16_11 {
  top: 71.5%;
  left: 8.3%;
}

.lp-box .p16_12 {
  top: 85.8%;
  left: 41.5%;
}

.lp-box .p16_13 {
  top: 87.5%;
  left: 8.3%;
}

.lp-box .p17_1_1 {
  left: 26%;
  top: 4.15%;
  width: calc((387 / 800) * 100%);
}

.lp-box .p17_2 {
  left: 4%;
  top: 5.1%;
}

.lp-box .p17_3 {
  left: 55%;
  top: 50.1%;
  filter: drop-shadow(6px 6px 5px rgba(34, 84, 107, 0.2));
}

.lp-box .p17_4 {
  left: 0%;
  top: 47.5%;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  color: #684f5b;
  letter-spacing: 0.05em;
}

.lp-box .p17_5 {
  left: -5%;
  top: 66.5%;
}

.lp-box .p17_6 {
  right: -5%;
  top: 66.8%;
}

.lp-box .p17_7 {
  right: 0%;
  top: 67.8%;
  
}

.lp-box .p17_8 {
  left: 6%;
  top: 89%;
}

.lp-box .p17_9 {
  left: 51.5%;
  top: 89%;
}

.lp-box .p17_10 {
  top: 95.2%;
}


#voice1,
#voice2,
#voice3{
  position: absolute;
  left:0;
  bottom: 0;
  width: 100%;
  z-index: 10;
  display: none; 
}

.audio_button{
  cursor: pointer;
}

.audio_button img{
  transition: all 0.2s ease;
}

.audio_button:hover img{
  transform: scale(0.99);
}

.lp-box .lp-group1{
  position: relative;
  z-index: 3;
  margin-top: -11%;
}

.lp-box .lp-group1 .bg1{
  left:0;
  top:0;
}

.lp-box .lp-group3{
  position: relative;
  z-index: 2;
} 

@media screen and (max-device-width: 767px){
  .lp-box span:hover,
  .lp-box a:hover{  
    opacity: 1;
  }

  .lp-box img {
    height: auto !important;
    vertical-align: middle;
  }
  
  .lp-box{
    width: calc(100% + 26px);
    margin-left: -13px;
    --sh1: 1px 1px 2px rgba(71, 74, 76, 0.89); 
  }

  .lp-box a.h-op::after{
    display: none;
  }

  .lp-box .p1_6 { width: calc((580 / 800) * 100%);}
  .lp-box .p1_2 { width: calc((227 / 800) * 100%);}
  .lp-box .p1_3 { width: calc((200 / 800) * 100%);}
  .lp-box .p1_4 { width: calc((373 / 800) * 100%);}
  .lp-box .p1_5 { width: calc((346 / 800) * 100%);}
  .lp-box .p1_8 { width: calc((801 / 800) * 100%);}
  /* .lp-box .p2_1 { width: calc((687 / 800) * 100%);} */
  .lp-box .p2_4 { width: calc((166 / 800) * 100%);}
  .lp-box .p2_5 { width: calc((253 / 800) * 100%);}
  .lp-box .p2_6 { width: calc((209 / 800) * 100%);}
  .lp-box .p2_7 { width: calc((375 / 800) * 100%);}
  .lp-box .p3_1 { width: calc((502 / 800) * 100%);}
  .lp-box .p3_2 { width: calc((667 / 800) * 100%);}
  .lp-box .p7_0 { width: calc((172 / 800) * 100%);}
  .lp-box .p7_1 { width: calc((412 / 800) * 100%);}
  .lp-box .p7_2 { width: calc((189 / 800) * 100%);}
  .lp-box .p7_3 { width: calc((172 / 800) * 100%);}
  .lp-box .p7_4 { width: calc((348 / 800) * 100%);}
  .lp-box .p7_5 { width: calc((348 / 800) * 100%);}
  /* .lp-box .p7_8 { width: calc((600 / 800) * 100%);} */
  .lp-box .p8_0 { width: calc((172 / 800) * 100%);}
  .lp-box .p8_2 { width: calc((194 / 800) * 100%);}
  .lp-box .p8_3 { width: calc((188 / 800) * 100%);}
  .lp-box .p8_4 { width: calc((348 / 800) * 100%);}
  .lp-box .p8_5 { width: calc((348 / 800) * 100%);}
  /* .lp-box .p8_8 { width: calc((600 / 800) * 100%);} */

  .lp-box .p16_1 { width: calc((537 / 800) * 100%);}
  .lp-box .p16_2 { width: calc((692 / 800) * 100%);}
  .lp-box .p16_2_1 { width: calc((504 / 692) * 100%);}
  .lp-box .p16_3 { width: calc((140 / 800) * 100%);}
  .lp-box .p16_4 { width: calc((667 / 800) * 100%);}
  .lp-box .p16_5 { width: calc((206 / 800) * 100%);}
  .lp-box .p16_6 { width: calc((206 / 800) * 100%);}
  .lp-box .p16_7 { width: calc((551 / 800) * 100%);}
  .lp-box .p16_8 { width: calc((266 / 800) * 100%);}
  .lp-box .p16_9 { width: calc((456 / 800) * 100%);}
  .lp-box .p16_10 { width: calc((141 / 800) * 100%);}
  .lp-box .p16_11 { width: calc((672 / 800) * 100%);}
  .lp-box .p16_12 { width: calc((141 / 800) * 100%);}
  .lp-box .p16_13 { width: calc((672 / 800) * 100%);}
  .lp-box .p17_1_1 { width: calc((387 / 800) * 100%);}
  .lp-box .p17_2 { width: calc((739 / 800) * 100%);}
  .lp-box .p17_3 { width: calc((261 / 800) * 100%);}
  .lp-box .p17_5 { width: calc((305 / 800) * 100%);}
  .lp-box .p17_6 { width: calc((290 / 800) * 100%);}
  .lp-box .p17_7 { width: calc((801 / 800) * 100%);}
  .lp-box .p17_8 { width: calc((348 / 800) * 100%);}
  .lp-box .p17_9 { width: calc((348 / 800) * 100%);}

  .lp-box .p10_1 { width: calc((692 / 800) * 100%);}
  .lp-box .p10_2 { width: calc((800 / 800) * 100%);}
  .lp-box .p10_1_1 { width: calc((485 / 800) * 100%);}
  .lp-box .p10_5 { width: calc((761 / 800) * 100%);}
  .lp-box .p10_3 { width: calc((167 / 800) * 100%);}
  .lp-box .p10_4 { width: calc((165 / 800) * 100%);}
  .lp-box .p11_0 { width: calc((693 / 800) * 100%);}
  .lp-box .p11_1 { width: calc((139 / 800) * 100%);}
  .lp-box .p11_2 { width: calc((130 / 800) * 100%);}
  .lp-box .p11_3 { width: calc((327 / 800) * 100%);}
  .lp-box .p11_4 { width: calc((353 / 800) * 100%);}
  .lp-box .p12_1 { width: calc((692 / 800) * 100%);}
  .lp-box .p12_1_1 { width: calc((510 / 800) * 100%);}
  .lp-box .p12_2 { width: calc((741 / 800) * 100%);}
  .lp-box .p12_3 { width: calc((147 / 800) * 100%);}
  .lp-box .p12_4 { width: calc((118 / 800) * 100%);}
  .lp-box .p12_5 { width: calc((121 / 800) * 100%);}
  .lp-box .p12_6 { width: calc((309 / 800) * 100%);}
  .lp-box .p12_7 { width: calc((303 / 800) * 100%);}
  .lp-box .p13_0 { width: calc((692 / 800) * 100%);}
  .lp-box .p13_1 { width: calc((158 / 800) * 100%);}
  .lp-box .p13_3a { width: calc((89 / 800) * 100%);}
  .lp-box .p13_3b { width: calc((143 / 800) * 100%);}
  .lp-box .p13_3c { width: calc((144 / 800) * 100%);}
  .lp-box .p13_3d { width: calc((122 / 800) * 100%);}
  .lp-box .p13_3e { width: calc((82 / 800) * 100%);}
  .lp-box .p13_4 { width: calc((610 / 800) * 100%);}
  .lp-box .p13_5 { width: calc((920 / 800) * 100%);}
  .lp-box .p14_1 { width: calc((132 / 800) * 100%);}
  .lp-box .p14_2 { width: calc((279 / 800) * 100%);}
  .lp-box .p14_3 { width: calc((700 / 800) * 100%);}
  .lp-box .p14_4 { width: calc((700 / 800) * 100%);}
  .lp-box .p14_5 { width: calc((700 / 800) * 100%);}
  .lp-box .p14_6 { width: calc((700 / 800) * 100%);}
  .lp-box .p14_7 { width: calc((700 / 800) * 100%);}
  .lp-box .p15_1 { width: calc((606 / 800) * 100%);}
  .lp-box .p15_2 { width: calc((640 / 800) * 100%);}
  .lp-box .p15_3 { width: calc((143 / 800) * 100%);}
  .lp-box .p15_4 { width: calc((74 / 800) * 100%);}
  .lp-box .p15_6 { width: calc((89 / 800) * 100%);}
  .lp-box .p15_7 { width: calc((145 / 800) * 100%);}


  .lp-box .p7_6,
  .lp-box .p9_9 {
    font-size: 2.32vw;
  }

  .lp-box .p8_4{
    font-size: 2.96vw;
  }

  .lp-box .p8_6,
  .lp-box .p17_4 {
    font-size: 2.32vw;
  }

  .lp-box .p7_7,
  .lp-box .p17_10,
  .lp-box .p8_7 {
    font-size: 2.96vw;
  }

  .lp-box .p9_4 {
    font-size: 2.6vw;
  }

  .lp-box .p11_5,
  .lp-box .p11_6 {
    font-size: 3.30vw;
  }

  .lp-box .p11_7 {
    font-size: 2.5vw;
  }

  .lp-box .p11_7 span,
  .lp-box .p11_7 small {
    font-size: 1.75vw;
  }

  .lp-box .p11_8_1 {
    font-size: 1.8vw;
  }

  .lp-box .p11_8_2 {
    font-size: 2.7vw;
  }

  .lp-box .p11_8_3 {
    font-size: 2.7vw;
  }

  .lp-box .p11_8_2 small {
    font-size: 1.8vw;
  }

  .lp-box .p11_8_sold {
    font-size: 2.5vw;
  }

  .lp-box .p11_9 {
    font-size: 2.5vw;
  }

  .lp-box .p11_9 .ttl {
    font-size: 3.2vw;
  }

  .lp-box .p13_6 {
    font-size: 2.25vw;
  }

  .lp-box .p11_7 li.sold::after{
    height: 2px;
  }

  .lp-box .p17_10,
  .lp-box .p7_7,
  .lp-box .p8_7,
  .lp-box .p8_4,
  .lp-box .p9_4 {
    text-shadow: 
    0 0 1px #85cded,
    0 0 2px #85cded,
    0 0 3px #85cded,
    0 0 4px #85cded,
    0 0 5px #85cded,
    0 0 6px #85cded,
    0 0 7px #85cded,
    0 0 8px #85cded,
    0 0 9px #85cded,
    0 0 10px #85cded;
  }

  .lp-box .p7_0 p{
    filter: drop-shadow(1px 1px 1px rgba(204, 222, 230, 1));
  }

  .lp-box .p8_0 p{
    filter: drop-shadow(1px 1px 1px rgba(204, 222, 230, 1));
  }

  .lp-box .p17_3 {
    filter: drop-shadow(3px 3px 2px rgba(34, 84, 107, 0.2));
  }

  .lp-box .p13_5 {
    aspect-ratio: auto;
    height: 45vw;
  }

}