.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 4s cubic-bezier(0.16, 1, 0.5, 1) infinite 1.5s;
}

@keyframes poyo3 {
  0%, 70%, 100% {
    transform: scale(1, 1);
  }

  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}

.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.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 3s ease-in-out infinite alternate;
  display: inline-block;
  transition: 1.5s ease-in-out;
  display: block;
}
 
@keyframes fwfw {
  0% {
    transform:translate(0, 0) scale(1);
  }
  50% {
    transform:translate(0, -5%) scale(0.95);
  }
  100% {
    transform:translate(0, 0) scale(1);
  }
}


.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);
  }
}
 
.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_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 .45s cubic-bezier(.34,1.56,.64,1), opacity .2s;
} 

.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_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.8s cubic-bezier(0.16, 1, 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;
}

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

.lp-box .p1_2 {
  top: 22.7%;
  left: -4.1%;
  z-index: 2;
}

.lp-box .p1_3 {
  top: 22.7%;
  right: -4.8%;
  z-index: 2;
}

.lp-box .p1_4 {
  top: 36.5%;
  left: -5.5%;
}

.lp-box .p1_5 {
  top: 36.5%;
  right: -5.5%;
}

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

.first_view .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;
}

.first_view.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 .p2_1 {
  left: 12.4%;
  bottom: 56.2%;
  padding-top: 10%;
  z-index: 3;
  overflow: hidden;
  aspect-ratio: 599 / 595;
}

.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: 7%;
  top: 31.4%;
  z-index: 3;
}

.lp-box .p2_5 {
  right: 6.5%;
  top: 28.34%;
  z-index: 3;
}

.lp-box .p2_6 {
  bottom: 58.3%;
  right: 0;
  width: 100%;
  aspect-ratio: 800 / 200;
  text-align: center;
  z-index: 3;
  padding-top: 5%;
  overflow: hidden;
}

.lp-box .p2_6 p {
  position: absolute;
  content: '';
  top: 27%;
  left: 50%;
  width: auto;
  width: 23.375%;
  transform: translateX(-50%);
}

.lp-box .p2_7 {
  top: 46.2%;
  left: 16.5%;
}

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

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

.lp-box .p3_1 {
  left: 21%;
  top: 0%;
  z-index: 2;
}

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

.lp-box .p3_3 {
  left: 0.9%;
  top: 6%;
  aspect-ratio: 761 / 500;
  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 .lp-group1 {
  aspect-ratio: 800 / 1216;
  overflow: hidden;
}

.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 {
  position: absolute;
  aspect-ratio: 800 / 903;
  left: 0;
  top: 0;
  width: 100%;
}

.lp-box .p7_1 {
  width: calc((221 / 800) * 100%);
  aspect-ratio: 100 / 36;
  display: flex;
  align-items: center;
  top: 5.5%;
  left: 36%;
}

.lp-box .p7_1 p{
  display: flex;
  align-items: center;
}

.lp-box .p7_2 {
  left: 6.5%;
  top: 19%;
}

.lp-box .p7_3 {
  right: 7.5%;
  top: 19%;
}

.lp-box .p7_4 {
  left: 15.55%;
  top: 18%;
}

.lp-box .p7_5 {
  left: 8.45%;
  top: 81%;
}

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

.lp-box .pos8 {
  aspect-ratio: 800 / 722;
  left: 0;
  width: 100%;
  top: 55.5%;
}

.lp-box .p8_0 {
  top: 5.2%;
  left: 6%;
}

.lp-box .p8_1 {
  top: 26.2%;
  right: 6%;
}

.lp-box .p8_1 p{
  filter: drop-shadow(6px 6px 5px #e2d2ca);
}

.lp-box .p8_2 {
  top: 34%;
  left: 4%;
  z-index: 2;
}

.lp-box .p8_3{
  top: -6%;
  left: -10%;
}

.lp-box .p8_5 {
    top: 78.5%;
    left: 7%;
}

.lp-box .p8_4 {
  position: absolute;
  top: 68%;
  left: 9%;
  font-size: 2.3rem;
  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;
}

.lp-box .p8_6 {
  top: 56%;
  left: 49%;
}

.lp-box .p8_7 {
  top: 69.5%;
  left: 63.5%;
}

/*pos9*/
.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: 6.8%;
  left: 3%;
  z-index: 2;
}

.lp-box .p10_1_1 {
  top: 11.8%;
  left: 25%;
  z-index: 3;
}
.lp-box .p10_1_1 p{
  display: flex;
}

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

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

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

.lp-box .p11_1 {
  top: -10.4%;
  left: 13%;
  z-index: 2;
}

.lp-box .p11_2 {
  top: -8.65%;
  right: 14%;
  z-index: 2;
}

.lp-box .p11_3 {
  top: -12.89%;
  right: 33.5%;
  z-index: 2;
}

.lp-box .p11_4 {
  bottom: 27.8%;
  right: 23.9%;
  z-index: 2;
  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;
}
.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: 13.5%;
}

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

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

.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%;
}

.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: 42.5%;
  width: 100%;
  font-size: 1.95rem;
  line-height: 1.45;
}

.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: 3%;
}

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

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

.lp-box .p12_2 {
  left: 4.7%;
  top: 25%;
  z-index: 1;
}

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

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

.lp-box .p12_5 {
  right: 3.7%;
  top: 82.5%;
  z-index: 2;
}

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

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

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

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

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

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

.lp-box .p13_4 {
  right: 6.5%;
  top: 12.5%;
  z-index: 5;
}

.lp-box .p13_5 {
  left: 11.5%;
  top: 12.5%;
  overflow: hidden;
  aspect-ratio: 1000 / 609;
}

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

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

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

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

.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: 44%;
  z-index: 4;
}

.lp-box .p15_2 {
  left: 1.5%;
  top: -6%;
  z-index: 2;
}

.lp-box .p15_3 {
  left: 9%;
  top: 50%;
  z-index: 3;
}

.lp-box .p15_4 {
  left: 12%;
  top: 31%;
  z-index: 2;
}

.lp-box .p15_5 {
  left: 25%;
  top: 5.2%;
}

.lp-box .p15_6 {
  left: 73%;
  top: 23.2%;
}

.lp-box .p15_7 {
  left: 73.5%;
  top: 40.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-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_1{ width: calc((800 / 800) * 100%); }
  .lp-box .p1_6{ width: calc((580 / 800) * 100%); }
  .lp-box .p1_2{ width: calc((213 / 800) * 100%); }
  .lp-box .p1_3{ width: calc((213 / 800) * 100%); }
  .lp-box .p1_4{ width: calc((317 / 800) * 100%); }
  .lp-box .p1_5{ width: calc((317 / 800) * 100%); }
  .lp-box .p2_1{ width: calc((599 / 800) * 100%); }
  .lp-box .p2_2{ width: calc((230 / 800) * 100%); }
  .lp-box .p2_3{ width: calc((230 / 800) * 100%); }
  .lp-box .p2_4{ width: calc((144 / 800) * 100%); }
  .lp-box .p2_5{ width: calc((147 / 800) * 100%); }
  .lp-box .p2_6{ width: calc((187 / 800) * 100%); }
  .lp-box .p2_7{ width: calc((533 / 800) * 100%); }
  .lp-box .p3_1{ width: calc((562 / 800) * 100%); }
  .lp-box .p3_2{ width: calc((731 / 800) * 100%); } 
  .lp-box .p3_3{ 
    width: calc((797 / 800) * 100%); 
    /* aspect-ratio: 761 / 500; */
    aspect-ratio: auto;
  }
  .lp-box .p3_3::before {
    content: "";
    display: block;
    padding-top: calc(500 / 761 * 100%);
}
  .lp-box .p3_4{ width: calc((692 / 800) * 100%); }
  .lp-box .p3_4_1{ width:100%; }
  .lp-box .p3_5{ width: calc((115 / 800) * 100%); }

  .lp-box .p4_1{ width: calc((141 / 800) * 100%); }
  .lp-box .p4_2{ width: calc((667 / 800) * 100%); }
  .lp-box .p4_3{ width: calc((83 / 800) * 100%); }
  .lp-box .p4_4{ width: calc((75 / 800) * 100%); }
  .lp-box .p4_5{ width: calc((222 / 800) * 100%); }
  .lp-box .p4_6{ width: calc((218 / 800) * 100%); }
  .lp-box .p4_7{ width: calc((551 / 800) * 100%); }
  .lp-box .p4_8{ width: calc((456 / 800) * 100%); }
  .lp-box .p4_9{ width: calc((231 / 800) * 100%); }

  .lp-box .p5_1{ width: calc((203 / 800) * 100%); }
  .lp-box .p5_2{ width: calc((667 / 800) * 100%); }
  .lp-box .p5_3{ width: calc((82 / 800) * 100%); }
  .lp-box .p5_4{ width: calc((69 / 800) * 100%); }
  .lp-box .p5_5{ width: calc((219 / 800) * 100%); }
  .lp-box .p5_6{ width: calc((269 / 800) * 100%); }
  .lp-box .p5_7{ width: calc((551 / 800) * 100%); }
  .lp-box .p5_8{ width: calc((456 / 800) * 100%); }
  .lp-box .p5_9{ width: calc((91 / 800) * 100%); }

  .lp-box .p6_1{ width: calc((140 / 800) * 100%); }
  .lp-box .p6_2{ width: calc((140 / 800) * 100%); }
  .lp-box .p6_3{ width: calc((343 / 800) * 100%); }
  .lp-box .p6_4{ width: calc((348 / 800) * 100%); }

  .lp-box .p7_1{ width: calc((221 / 800) * 100%); }
  .lp-box .p7_2{ width: calc((78 / 800) * 100%); }
  .lp-box .p7_3{ width: calc((69 / 800) * 100%); }
  .lp-box .p7_4{ width: calc((615 / 800) * 100%); }
  .lp-box .p7_5{ width: calc((692 / 800) * 100%); }

  .lp-box .p8_0{ width: calc((485 / 800) * 100%); }
  .lp-box .p8_1{ width: calc((199 / 800) * 100%); }
  .lp-box .p8_2{ width: calc((165 / 800) * 100%); }
  .lp-box .p8_3{ width: calc((639 / 800) * 100%); }
  .lp-box .p8_5{ width: calc((445 / 800) * 100%); }
  .lp-box .p8_6{ width: calc((370 / 800) * 100%); }
  .lp-box .p8_7{ width: calc((275 / 800) * 100%); }

  .lp-box .p9_0{ width: calc((468 / 800) * 100%); }
  .lp-box .p9_1{ width: calc((199 / 800) * 100%); }
  .lp-box .p9_2{ width: calc((171 / 800) * 100%); }
  .lp-box .p9_3{ width: calc((597 / 800) * 100%); }
  .lp-box .p9_5{ width: calc((445 / 800) * 100%); }
  .lp-box .p9_6{ width: calc((370 / 800) * 100%); }
  .lp-box .p9_7{ width: calc((276 / 800) * 100%); }
  .lp-box .p9_8{ width: calc((692 / 800) * 100%); }

  .lp-box .p10_1{ width: calc((749 / 800) * 100%); }
  .lp-box .p10_1_1{ width: calc((485 / 800) * 100%); }
  .lp-box .p10_3{ width: calc((167 / 800) * 100%); }
  .lp-box .p10_4{ width: calc((165 / 800) * 100%); }

  .lp-box .p11_1{ width: calc((139 / 800) * 100%); }
  .lp-box .p11_2{ width: calc((122 / 800) * 100%); }
  .lp-box .p11_3{ width: calc((265 / 800) * 100%); }
  .lp-box .p11_4{ width: calc((353 / 800) * 100%); }
  .lp-box .p11_8{ width: calc((615 / 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((740 / 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_1{ width: calc((158 / 800) * 100%); }
  .lp-box .p13_2{ width: calc((167 / 800) * 100%); }
  .lp-box .p13_3{ width: calc((122 / 800) * 100%); }
  .lp-box .p13_4{ width: calc((681 / 800) * 100%); }
  .lp-box .p13_5{ width: calc((593 / 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((731 / 800) * 100%); }
  .lp-box .p15_3{ width: calc((89 / 800) * 100%); }
  .lp-box .p15_4{ width: calc((143 / 800) * 100%); }
  .lp-box .p15_5{ width: calc((72 / 800) * 100%); }
  .lp-box .p15_6{ width: calc((73 / 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 .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.3vw;
  }

  .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 .p8_4,
  .lp-box .p9_4 {
    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;
  }

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

}