/*animation 初期非表示*/
/* .lp-box .js_fade,
.lp-box .js_blur,
.lp-box .js_scale_up,
.lp-box .js_scale_up2,
.lp-box .js_scale_up3,
.lp-box .js_scale_down,
.lp-box .js_scale_down2,
.lp-box .js_rotate,
.lp-box .js_move_right,
.lp-box .js_move_right2,
.lp-box .js_move_left,
.lp-box .js_move_down,
.lp-box .js_move_up1,
.lp-box .js_move_up3 {
  visibility: hidden;
}
 */


.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_scale_up {
  transform: translate(-50px, 100px) scale(0.5);
  transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1), opacity 1s;
}
.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: translateX(-30px);
  transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1), opacity 1s;
}
.lp-box .init.js_move_right.animated {
  transform: translateX(0);
  opacity: 1;
}

.lp-box .init.js_move_right2 {
  transform: translateX(-50px);
  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_left {
  transform: translate(50px, 30px);
  transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.2s;
}
.lp-box .init.js_move_left.animated {
  transform: translate(0,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(40px) scale(0.9);
  transition: all 0.5s cubic-bezier(0, 0.55, 0.45, 1);
}
.lp-box .init.js_move_up1.animated {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.lp-box .init.js_move_up2 {
  filter: blur(5px);
  transform: translateY(30px);
  transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 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;
}

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

.lp-box .stretch {
  clip-path: inset(0 0 100% 0); /* 下を隠す */
}

.lp-box .stretch.animated {
  animation: revealDown 0.5s ease forwards;
}

.lp-box .block1-4.stretch.animated {
  animation: revealDown 0.5s ease forwards 0.2s;
}

.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 revealDown {
  to {
    clip-path: inset(0% 0 0 0);
  }
}

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


.lp-box{
	position: relative;
	display: block;
	max-width: 800px;
  margin: 0 auto;
	font-size: 20px;
	line-height: 1.75;
	color: #6d6d6d;
  font-weight: 500;
	padding: 0 0 60px;
  margin: 0 auto;
  text-align: center;
  font-family: "Zen Maru Gothic", sans-serif;
  --mincho: "Zen Old Mincho", serif;
  overflow: hidden;
}

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

.lp-box img{
  height: auto;
}

.lp-box section,
.lp-box div{
  position: relative;
}

.lp-box .atop{ aspect-ratio: 800 / 1660;}
.lp-box .bg1{ aspect-ratio: 800 / 3869;}
.lp-box .bg2{ aspect-ratio: 800 / 3037;}
.lp-box .block1{ aspect-ratio: 800 / 1135;}
.lp-box .block2{ aspect-ratio: 800 / 5475;}
.lp-box .block3{ aspect-ratio: 800 / 1069;}
.lp-box .block6{ aspect-ratio: 800 / 1350;}
.lp-box .block9{ aspect-ratio: 800 / 1758;}
.lp-box .item1{ aspect-ratio: 800 / 2271;}
.lp-box .item2{ aspect-ratio: 800 / 2245;}
.lp-box .item3{ aspect-ratio: 800 / 2243;}
.lp-box .item4{ aspect-ratio: 800 / 2244;}
.lp-box .item5{ aspect-ratio: 800 / 2243;}

.lp-box .atop{
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
}

.lp-box .atop .catch {
  left: 0;
  top: 50%;
}

.lp-box .atop .catch .txt {
  left: 11%;
  top: 20%;
  width: calc((630 / 800) * 100%);
}

.lp-box .atop .lens{
  bottom: 0;
  left:0;
  width: 100%;
}

/* .lp-box .atop .shadow img,
.lp-box .atop .catch img{
  animation: loop_skew 2.5s infinite 1s;
} */

.lp-box .atop .shadow {
  opacity: 1;
  width: 100%;
  display: block;
  opacity: 0.7;
}

.lp-box .block1-1 {
  top: 5%;
  left: 0;
}

.lp-box .block1-2 {
  top: 19.5%;
  left: 20.2%;
  width: calc(( 477 / 800 ) * 100% );
}

.lp-box .block1-3 {
  top: 37.1%;
  left: 22.8%;
  width: calc(( 219 / 800 ) * 100% );
}

.lp-box .block1-4 {
  top: 37.1%;
  left: 50%;
  width: calc(( 219 / 800 ) * 100% );
}

.lp-box .block1-5 {
  top: 29.1%;
  left: 25%;
  width: calc(( 401 / 800 ) * 100% );
}

.lp-box .block1-6 {
  top: 63.8%;
  left: 42.5%;
  width: calc(( 122 / 800 ) * 100% );
}

.lp-box .block1-6 img {
    vertical-align: top;
  }

.lp-box .block1-7 {
  top: 71%;
  left: 4.2%;
  width: calc(( 731 / 800 ) * 100% );
}

.lp-box .nav1{
  margin-top: -0.25%;
  aspect-ratio: 800 / 2291;
}

.lp-box .nav1 ul{
  left: 9.89%;
  top: 3.68%;
  width: calc(( 672 / 800 ) * 100% );
}

.lp-box .nav1-0 {
  left: 6.8%;
  top: -2.85%;
  width: calc(( 525 / 800 ) * 100% );
}


.lp-box .nav1 li>a{
  display: block;
  position: relative;
}

.lp-box .nav1 li>a .nav-lock {
  left: 3%;
  top: 61%;
  width: calc(( 95 / 672 ) * 100% );
  z-index: 2;
}

.lp-box .nav1 li.li2>a .nav-lock {
  top: 63%;
}

.lp-box .nav1 li.li3>a .nav-lock {
  top: 62.5%;
}

.lp-box .nav1 li.li5>a .nav-lock{
  top: 64%;
}

.lp-box .nav1 li>a .color {
  left: 72.5%;
  top: 39.6%;
  width: calc((169 / 672) * 100%);
  aspect-ratio: 168 / 22;
  font-size: 1.3rem;
  font-weight: bold;
  color: #c19fa9;
  text-align: center;
}

.lp-box .nav1 li>a .label {
  left: 78.5%;
  top: -5.6%;
  width: calc((122 / 672) * 100%);
}

.lp-box .nav1 .li2>a .label {
  left: 79.5%;
  top: 4.4%;
}

.lp-box .nav1 .li3>a .label {
  left: 78.1%;
  top: -7.9%;
}

.lp-box .nav1 .li4>a .label {
  left: 78.5%;
  top: -7.5%;
}

.lp-box .nav1 .li5>a .label {
  left: 74.3%;
  top: 0.1%;
}

.lp-box .nav1 .li6>a .label {
  left: 74%;
  top: -0.5%;
}

.lp-box .nav1 .li2>a .color {
  left: 70.95%;
  top: 34.8%;
}

.lp-box .nav1 .li3>a .color {
  left: 73%;
  top: 43.2%;
}

.lp-box .nav1 .li4>a .color {
  left: 72.4%;
  top: 39.45%;
}

.lp-box .nav1 .li5>a .color {
  left: 72.5%;
  top: 33.5%;
}

.lp-box .nav1 .bottom {
  left: 9%;
  bottom: 13.2%;
  width: calc((667 / 800) * 100%);
  z-index: 2;
}
.lp-box .nav2 {
  margin-top: -34%;
  aspect-ratio: 800 / 2501;
}

.lp-box .nav2 ul {
  display: flex;
  left: 0;
  top: 9%;
  flex-wrap: wrap;
}

.lp-box .nav2 ul>li{
  width: 50%;
}

.lp-box .nav2 ul>li>a{
  position: relative;
  display: block;
}

.lp-box .nav2 ul>li>a .color {
  top: 80%;
  width: 100%;
  left: 0;
  font-size: 1.6rem;
  font-weight: bold;
  padding-left: 1em;
}


.lp-box .nav2 ul>li:nth-child(2n) a .color{
   padding-left: 0; margin-left: -1em;
}

.lp-box .nav2 ul>li.item6 .color{ color: #91847b;}
.lp-box .nav2 ul>li.item7 .color{ color: #91847b;}
.lp-box .nav2 ul>li.item8 .color{ color: #c19187;}
.lp-box .nav2 ul>li.item9 .color{ color: #c19187;}
.lp-box .nav2 ul>li.item10 .color{ color: #c19187;}
.lp-box .nav2 ul>li.item11 .color{ color: #c19187;}
.lp-box .nav2 ul>li.item12 .color{ color: #c19187;}
.lp-box .nav2 ul>li.item13 .color{ color: #957e9e;}
.lp-box .nav2 ul>li.item14 .color{ color: #957e9e;}
.lp-box .nav2 ul>li.item15 .color{ color: #957e9e;}
.lp-box .nav2 ul>li.item16 .color{ color: #957e9e; top: 92%;}
.lp-box .nav2 ul>li.item17 .color{ color: #957e9e; top: 92%;}


.lp-box .item1 {
  margin-top: -9%;
}

.lp-box .item>a{
  display: block;
}
.lp-box .item .label {
  right: 2.9%;
  top: 5.8%;
  z-index: 2;
}

.lp-box .item1 .label{ width: calc(( 553 / 800 ) * 100% );} 
.lp-box .item2 .label{ width: calc(( 392 / 800 ) * 100% );} 
.lp-box .item3 .label{ width: calc(( 462 / 800 ) * 100% );} 
.lp-box .item4 .label{ width: calc(( 560 / 800 ) * 100% );} 
.lp-box .item5 .label{ width: calc(( 339 / 800 ) * 100% );} 

.lp-box .item .label img{
  filter: drop-shadow(3px 3px 3px rgba(155,155,155,0.5)); 
}

.lp-box .item .shadow {
  left: 27.5%;
  top: 5.35%;
  mix-blend-mode: multiply;
  z-index: 1;
  display: none;
}

.lp-box .item .lens1{
  left: 2.8%;
  top: 2.3%;
  width: calc(( 201 / 800 ) * 100% );
}

.lp-box .item .lock {
  left: 5.2%;
  top: 9.95%;
  width: calc(( 159 / 800 ) * 100% );
}


.lp-box .item .lock img{
  vertical-align: top;
}


.lp-box .item .lens1 img{
  filter: drop-shadow(4px 4px 3px rgba(155,155,155,0.5));
}

.lp-box .item .color {
  right: 2.5%;
  top: 9.7%;
  color: #fff;
  width: calc(( 229 / 800 ) * 100% );
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 229 / 34;
  font-size: 1.895rem;
  background: #91847b;
  text-align: center;
  border-radius: 2em;
  padding-top: 0;
}

.lp-box .item .lens2 {
  left: -0.5%;
  top: 46%;
  width: calc(( 632 / 800 ) * 100% );
}

.lp-box .item .lens3 {
  left: 65.2%;
  top: 52.2%;
  width: calc(( 212 / 800 ) * 100% );
}

.lp-box .item .lens3-deco{
  width: calc(( 181 / 212 ) * 100% );
}

.lp-box .item .lens3>img {
  position: relative;
  z-index: 2;
  filter: drop-shadow(4px 4px 5px rgba(155,155,155,0.5));
}

.lp-box .item .lens3-deco {
    right: -20%;
    top: -2.99%;
    z-index: 0;
}

.lp-box .item .msg1 {
  aspect-ratio: 362 / 109;
  width: 45%;
  left: 50%;
  top: 44.9%;
  letter-spacing: 0.018em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.6rem;
  font-family: var(--mincho);
  line-height: calc(32.625 / 26);
  z-index: 10;
  color: #fff;
  text-shadow: 2px 2px 3px rgba(0,0,0,1);
}

.lp-box .item .msg2 ,
.lp-box .item .msg3 {
  font-size: 2.5rem;
  color: #6d6d6d;
  width: 44%;
  left: 4.5%;
  top: 76.6%;
  font-weight: 600;
}

.lp-box .item .msg3 {
  top: 79.8%;
  padding-left: 0.2em;
}

.lp-box .item .msg5,
.lp-box .item .msg4 {
  font-size: 2.5rem;
  color: #6d6d6d;
  width: 44%;
  left: 51%;
  top: 77.5%;
  padding-left: 0.15em;
  font-weight: 600;
  line-height: calc(37 / 26);
}

.lp-box .item .msg5{
  left: 4.5%;
  top: 76.5%;
}

.lp-box .item2 .lens1 { top: 1.05%;}
.lp-box .item3 .lens1 { top: 0.9%;}
.lp-box .item4 .lens1 { top: 1.2%;}
.lp-box .item5 .lens1 { top: 0.9%;}

.lp-box .item2 .label { top: 4.55%;}
.lp-box .item3 .label { top: 4.5%;}
.lp-box .item4 .label { top: 4.8%;}
.lp-box .item5 .label { top: 4.8%;}

.lp-box .item2 .color { top: 9%; background: #8a9ca4;}
.lp-box .item3 .color { top: 9.45%; background: #918ead;}
.lp-box .item4 .color { top: 9.45%; background: #b89a7b;}
.lp-box .item4 .color { top: 9%; background: #b89a7b;}
.lp-box .item5 .color { top: 9%; background: #aa8785;}

.lp-box .item2 .lock { top: 8.95%;}
.lp-box .item3 .lock { top: 8.95%;}
.lp-box .item4 .lock { top: 8.95%;}
.lp-box .item5 .lock { top: 8.95%;}

.lp-box .item2 .lens2{ top: 45.35%;}
.lp-box .item3 .lens2{ top: 45.3%;}
.lp-box .item4 .lens2{ top: 45.3%;}
.lp-box .item5 .lens2{ top: 45.3%;}

.lp-box .item2 .lens3 {top: 51.5%;}
.lp-box .item3 .lens3 {top: 51.5%;}
.lp-box .item4 .lens3 {top: 51.5%;}
.lp-box .item4 .lens3 {top: 51.75%;}
.lp-box .item5 .lens3 {top: 51.5%;}
.lp-box .item5 .lens3-deco { top: -5.99%;}

.lp-box .item2 .msg1 {
  top: 44.2%;
  letter-spacing: -0.06em;
  text-align: left;
  padding-left: 0.2em;
  font-size: 2.5rem;
  line-height: calc(33.7 / 26);
}

.lp-box .item3 .msg1 {
  top: 43.5%;
  letter-spacing: 0em;
  text-align: left;
  padding-left: 1em;
  font-size: 2.6rem;
  justify-content: flex-start;
  line-height: calc(33.7 / 26);
}

.lp-box .item4 .msg1 {
  font-size: 2.4rem;
  top: 43%;
  line-height: calc(35.625 / 26);
  aspect-ratio: 362 / 140;
}

.lp-box .item5 .msg1 {
  top: 44.3%;
}

.lp-box .item2 .msg1 em{
  letter-spacing: 0em;
}
.lp-box .item4 .msg1 em{
  letter-spacing: 0em;
}

.lp-box .item2 .msg4 {
    top: 77%;
}

.lp-box .item3 .msg4 {
  top: 76.5%;
}

.lp-box .item2 .msg5 {
  top: 77%;
  letter-spacing: -0.02em;
  line-height: calc(39 / 26);
  font-size: 2.35rem;
}

.lp-box .item3 .msg5 {
  left: 4.5%;
  top: 77%;
}

.lp-box .item4 .msg4 {
  top: 77.15%;
}

.lp-box .item4 .msg5 {
    top: 77.15%;
}

.lp-box .item5 .msg5 {
  top: 77%;
}

.lp-box .item5 .msg4{
  top: 77%;
}


.lp-box .block2 ul{
  left:0;
  top:2.25%;
  aspect-ratio: 800 / 5053;
}

.lp-box .block2 ul>li>a {
    color: #6d6d6d;
    display: block;
    position: relative;
}

.lp-box .block2 ul>li>a .color {
  left: 48%;
  top: 17%;
  font-size: 1.5rem;
  font-weight: 600;
}

.lp-box .block2 ul>li>a .msg {
  font-size: 2rem;
  left: 8%;
  top: 71.5%;
  font-family: var(--mincho);
  width: 77%;
  aspect-ratio: 100 / 14;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.45;
  letter-spacing: 0.01em;
}

.lp-box .block2 ul>li.item13>a .msg small {
  letter-spacing: -0.06em;
}

.lp-box .block2 ul>li:not(:nth-child(1)) {
  margin-top: -5.9%;
}

.lp-box .block2 ul>li.item6 .color{ color: #91847b;}
.lp-box .block2 ul>li.item7 .color{ color: #91847b;}
.lp-box .block2 ul>li.item8 .color{ color: #c19187;}
.lp-box .block2 ul>li.item9 .color{ color: #c19187;}
.lp-box .block2 ul>li.item10 .color{ color: #c19187;}
.lp-box .block2 ul>li.item11 .color{ color: #c19187;}
.lp-box .block2 ul>li.item12 .color{ color: #c19187;}
.lp-box .block2 ul>li.item13 .color{ color: #957e9e;}
.lp-box .block2 ul>li.item14 .color{ color: #957e9e;}
.lp-box .block2 ul>li.item15 .color{ color: #957e9e;}
.lp-box .block2 ul>li.item16 .color{ color: #957e9e;}
.lp-box .block2 ul>li.item17 .color{ color: #957e9e;}

.lp-box .block2 ul>li .ttl{
  left: 48.5%;
  top: 32.2%;
  font-size: 1.5rem;
  font-weight: bold;
}

.lp-box .block2 ul>li .ttl {
  left: 48.5%;
  top: 32.2%;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.04em;
}

.lp-box .block2 ul>li.item6 .ttl{ color: #91847b; top: 32.2%;}
.lp-box .block2 ul>li.item7 .ttl{ color: #91847b; top: 32.2%;}
.lp-box .block2 ul>li.item8 .ttl{ color: #c19187; top: 32.2%;}
.lp-box .block2 ul>li.item9 .ttl{color: #c19187; top: 32.2%; letter-spacing: -0.02em;}
.lp-box .block2 ul>li.item10 .ttl{ color: #c19187; top: 32.2%;}
.lp-box .block2 ul>li.item11 .ttl{ color: #c19187; top: 32.2%;}
.lp-box .block2 ul>li.item12 .ttl { color: #c19187; top: 32.5%; }
.lp-box .block2 ul>li.item12 .ttl { color: #c19187; top: 32.5%; letter-spacing: 0.01em;}
.lp-box .block2 ul>li.item13 .ttl{ color: #957e9e; top: 32.2%; letter-spacing: 0em;}

.lp-box .block2 ul>li.item14 .ttl{ color: #957e9e; top: 32.2%; letter-spacing: 0em;}
.lp-box .block2 ul>li.item15 .ttl{ color: #957e9e; top: 32.2%; letter-spacing: 0em;}
.lp-box .block2 ul>li.item16 .ttl{ color: #957e9e; top: 32.2%;}
.lp-box .block2 ul>li.item17 .ttl{ color: #957e9e; top: 32.2%;}

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

.lp-box .block3-1 {
  left: 0%;
  top: 19.5%;
}

.lp-box .block3-2 {
  left: 0%;
  top: 20.5%;
}

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

.lp-box .block4 {
  position: absolute;
  left: 0;
  top: 26.7%;
  aspect-ratio: 800 / 1280;
  /* height: calc(100vw * (1280 / 800)); */
  z-index: 10;
  width: 100%;
  overflow: hidden;
}

.lp-box .block4-1 {
  left: 4.58%;
  top: 12.5%;
  width: calc((725 / 800) * 100%);
}

.lp-box .block4-1 .txt1{
  font-size: 2.6rem;
  position: absolute;
  left: 0;
  top: -6%;
  width: 100%;
  font-weight: bold;
  color: #91847b;
}

.lp-box .block4-2 {
  left: 11.8%;
  top: 29.8%;
  width: calc(( 595 / 800 ) * 100% );
}

.lp-box .block4-2 .txt1 {
  font-size: 2.6rem;
  text-align: left;
  position: absolute;
  left: 24.5%;
  top: 11%;
  width: 100%;
  font-weight: bold;
  color: #91847b;
  letter-spacing: 0.022em;
  display: inline-block;
  aspect-ratio: 200 / 22;
  width: 85%;
  align-items: center;
  display: flex;
}

.lp-box .block4-3 {
  left: -11.2%;
  top: 37.8%;
  width: calc(( 508 / 800 ) * 100% );
}


.lp-box .block4 .msg {
  font-size: 4.3rem;
  font-family: var(--mincho);
  line-height: calc(53.4687 / 43);
}

.lp-box .block4 .msg {
  right: 7%;
  text-align: right;
  letter-spacing: -0.05em;
}


.lp-box .block4 .msg1 {
  top: 43.5%;
  letter-spacing: 0em;
}

.lp-box .block4 .msg2 {
  right: 7%;
  top: 55%;
}

.lp-box .block4 .msg3 {
  top: 71%;
  letter-spacing: 0em;
}

.lp-box .block5 {
  position: absolute;
  left: 0;
  top: 59.8%;
  aspect-ratio: 800 / 1553;
  z-index: 10;
  width: 100%;
  overflow: hidden;
}

.lp-box .block5-1 {
  left: 3.8%;
  top: -0.9%;
  width: calc(( 745 / 800 ) * 100% );
}

.lp-box .block5-2 {
  left: 7.2%;
  top: 7.5%;
  width: calc(( 679 / 800 ) * 100% );
}

.lp-box .block5-3 {
  left: 0;
  top: 15.5%;
  width: 100%;
  text-align: center;
}

.lp-box .block5-3 .txt{
  left: 0;
  padding-left: 0.3em;
  width: 100%;
  font-size: 2.7rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  color:#a5a5a5;
}


.lp-box .block5-4 {
  left: 21.8%;
  top: 21.9%;
  text-align: center;
  width: calc(( 528 / 800 ) * 100% );
}

.lp-box .block5-5 {
  left: 0;
  top: 44%;
  text-align: center;
  width: 100%;
}

.lp-box .block5-5 img{
  width: calc(( 607 / 800 ) * 100% );
}

.lp-box .block5-6 {
  left: 4%;
  top: 58.5%;
  text-align: center;
  width: calc(( 672 / 800 ) * 100% );
}

.lp-box .block5-6 .txt1 {
  font-weight: bold;
  left: 14%;
  bottom: 15%;
  font-size: 1.85rem;
  color: #7b6455;
  text-align: left;
  line-height: calc(25.5 / 18.5);
}

.lp-box .block6{
  margin-top: -1px;
}

.lp-box .block6-1 {
  left: 3.8%;
  top: 2.1%;
  width: calc(( 745 / 800 ) * 100% );
}

.lp-box .block6-2 {
    left: 7.2%;
    top: 11.9%;
    width: calc(( 679 / 800 ) * 100% );
}

.lp-box .block6-3 {
  left: 0;
  top: 20.8%;
  width: 100%;
  text-align: center;
}

.lp-box .block6-3 .txt{
  left: 0;
  padding-left: 0.3em;
  width: 100%;
  font-size: 2.7rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  color:#a5a5a5;
}

.lp-box .block6-4 {
  left: 0;
  top: 26%;
  width: 100%;
  text-align: center;
}

.lp-box .block6-4 img{
  width: calc(( 679 / 800 ) * 100% );
}

.lp-box .block6 .ttl{
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  color: #839ec4;
  z-index: 2;
  top: 83%;
  letter-spacing: 0em;
  font-size: 2.75rem;
}

.lp-box .block6 .ttl1 {
  left: 10%;
  width: 39%;
  letter-spacing: 0em;
}

.lp-box .block6 .ttl2 {
  left: 51%;
  width: 39%;
  letter-spacing: -0.1em;
}

.lp-box .block6 .msg {
  width: 39%;
  font-size: 2.1rem;
  width: auto;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.lp-box .block6 .msg1 {
  top: 86.8%;
  left: 10%;
  width: 38.7%;
}
.lp-box .block6 .msg2 {
  top: 86.8%;
  left: 51%;
  width: 38.7%;
}

.lp-box .block9 {
  margin-top: -45%;
}

.lp-box .block7 {
  position: absolute;
  left: 0;
  top: 0;
  aspect-ratio: 800 / 1717;
  /* height: calc(100vw * (1717 / 800)); */
  z-index: 10;
  width: 100%;
  overflow: hidden;
}

.lp-box .block7-1 {
  left: 3.8%;
  top: 0.1%;
  width: calc(( 745 / 800 ) * 100% );
}

.lp-box .block7-2 {
  left: 7.2%;
  top: 8.5%;
  width: calc(( 679 / 800 ) * 100% );
}

.lp-box .block7-3 {
  left: 0;
  top: 15.1%;
  width: 100%;
  padding-left: 0.5em;
  text-align: center;
}

.lp-box .block7-3 .txt{
  left: 0;
  width: 100%;
  font-size: 2.7rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  color:#a5a5a5;
}

.lp-box .block7-4 {
  left: 9.5%;
  top: 20%;
  /* width: 100%; */
  text-align: center;
  width: calc(( 659 / 800 ) * 100% );
}

.lp-box .block7-5 {
  left: 0;
  top: 52.75%;
  width: 100%;
  text-align: center;
}

.lp-box .block7-5 img{
  width: calc(( 679 / 800 ) * 100% );
}

.lp-box .block7-6 {
  left: 8%;
  top: 62.5%;
  width: calc(( 669 / 800 ) * 100% );
}

.lp-box .block7-6-1 {
  left: 10%;
  top: 54%;
  width: 80.5%;
  aspect-ratio: 800 / 274;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #91847b;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.62;
  color: #91847b;
}

.lp-box .block7-6-1 em{
  font-size: 2.5rem;
  color: #d381a2;
}

.lp-box .block7-6 .pos1 {
  color: #d381a2;
  font-size: 1.8rem;
  left: 10%;
  top: 13.8%;
  width: 36%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  letter-spacing: 0.17em;
  padding-left: 0.15em;
  aspect-ratio: 100 / 18;
}


.lp-box .block7-6 .pos2 {
  color: #ffffff;
  font-size: 2.3rem;
  left: 49.5%;
  top: 11.6%;
  aspect-ratio: 100 / 19;
  width: 41.5%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  letter-spacing: -0.05em;
}

.lp-box .block7-6 .pos3 {
  color: #6d6058;
  font-size: 2.1rem;
  left: 13%;
  top: 44%;
  letter-spacing: 0.08em;
}

.lp-box .block7-6 .pos4 {
  color: #6d6058;
  font-size: 1.9rem;
  left: 53.5%;
  top: 43.3%;
  letter-spacing: 0.08em;
}

.lp-box .block8 {
  position: absolute;
  left: 0;
  top: 56.5%;
  aspect-ratio: 800 / 1273;
  z-index: 10;
  width: 100%;
  overflow: hidden;
}

.lp-box .block8-1{
  left:0;
  top: 4%;
  width: 100%;
  text-align: center;
}
.lp-box .block8-1 img{
  width: calc(( 414 / 800 ) * 100% );
}

.lp-box .block8-2 {
  left: 15.06%;
  top: 8%;
  width:100%;
  text-align: center;
  width: calc(( 559 / 800 ) * 100% );
}

.lp-box .block8-2 .txt{
  align-items: center;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  justify-content: center;
  font-size: 2.85rem;
  font-weight: bold;
  color:#91847b;
}

.lp-box .block8 .ttl {
  font-size: 3.75rem;
  color: #839ec4;
  width: 43%;
  font-family: var(--mincho);
  font-weight: normal;
  left: 5%;
  top: 22.5%;
}

.lp-box .block8 .ttl1{
  left: 5%;
  top: 22.5%;
}

.lp-box .block8 .ttl2 {
  left: 52.5%;
  top: 22.5%;
}

.lp-box .block8 .ttl3 {
  left: 5%;
  top: 52.5%;
  letter-spacing: 0.05em;
}

.lp-box .block8 .ttl4{
  left: 52.5%;
  top: 52.5%;
}

.lp-box .block8 .msg {
  color: #91847b;
  font-size: 1.8rem;
  width: 43%;
  text-align: center;
  font-weight: bold;
  line-height: 1.36;
}

.lp-box .block8 .msg1 {
  left: 5%;
  top: 27.5%;
}

.lp-box .block8 .msg2 {
  left: 52.5%;
  top: 27.5%;
  letter-spacing: 0.05em;
}

.lp-box .block8 .msg3 {
  left: 5%;
  top: 57.4%;
}

.lp-box .block8 .msg4 {
  left: 52.5%;
  top: 57.4%;
}

.lp-box .block9-1 {
  top: 4.8%;
  left: 5.5%;
  width: calc(( 734 / 800 ) * 100% );
}

.lp-box .block9 .ttl {
  font-size: 3.2rem;
  color: #996874;
  width: 43%;
  font-family: var(--mincho);
  font-weight: normal;
  letter-spacing: 0.07em;
  left: 24%;
  line-height: 1.3;
  text-align: left;
}

.lp-box .block9 .ttl1 {
  top: 19%;
}

.lp-box .block9 .ttl2 {
  top: 36%;
}

.lp-box .block9 .ttl3 {
  top: 53.4%;
}

.lp-box .block9 .msg {
  color: #7a7a7a;
  font-size: 2rem;
  line-height: calc(32 / 20);
  font-weight: bold;
  text-align: left;
  left: 24%;
  letter-spacing: 0.08em;
}

.lp-box .block9 .msg1 {
  top: 24.59%;
}

.lp-box .block9 .msg2 {
   top: 41.6%;
}

.lp-box .block9 .msg3 {
  top: 59.6%;
  left: 30%;
}

.lp-box .block9 .msg4{
  top: 62.3%;
  left: 30%;
  letter-spacing: 0.01em;
}

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

  .lp-box img {
    height: auto;
    width: 100%;
    vertical-align: top;
  }
  
  .lp-box{
    width: calc(100% + 26px);
    margin-left: -13px;
  }

  .lp-box .nav1 li>a .color {
    font-size: 1.68vw;
  }

  .lp-box .nav2 ul>li>a .color {
    font-size: 2.06vw;
  }

  .lp-box .item .color {
    font-size: 2.44vw;
  }

  .lp-box .item .msg1 {
    font-size: 3.32vw;
  }

  .lp-box .item .msg2 ,
  .lp-box .item .msg3 {
    font-size: 3.1vw;
  }

  .lp-box .item .msg5,
  .lp-box .item .msg4 {
    font-size: 3.22vw;
  }

  .lp-box .item2 .msg1 {
    font-size: 3.22vw;
  }

  .lp-box .item3 .msg1 {
    font-size: 3.35vw;
  }

  .lp-box .item4 .msg1 {
    font-size: 3.09vw;
  }

  .lp-box .item2 .msg5 {
    font-size: 3.03vw;
  }

  .lp-box .item5 .msg5 {
    top: 77%;
    letter-spacing: -0.045em;
  }

  .lp-box .block2 ul>li>a .color {
    font-size: 1.93vw;
  }

  .lp-box .block2 ul>li>a .msg {
    font-size: 2.58vw;
  }

  .lp-box .block2 ul>li .ttl{
    font-size: 1.93vw;
  }

  .lp-box .block2 ul>li .ttl {
    font-size: 1.93vw;
  }

  .lp-box .block4-1 .txt1{
    font-size: 3.35vw;
  }

  .lp-box .block4-2 .txt1 {
    font-size: 3.35vw;
  }

  .lp-box .block4 .msg {
    font-size: 5.54vw;
  }

  .lp-box .block5-3 .txt{
    font-size: 3.48vw;
  }

  .lp-box .block5-6 .txt1 {
    font-size: 2.38vw;
  }

  .lp-box .block6-3 .txt{
    font-size: 3.48vw;
  }

  .lp-box .block6 .ttl{
    font-size: 3.54vw;
  }

  .lp-box .block6 .msg {
    font-size: 2.71vw;
  }

  .lp-box .block7-3 .txt{
    font-size: 3.48vw;
  }

  .lp-box .block7-6-1 {
    font-size: 2.58vw;
  }

  .lp-box .block7-6-1 em{
    font-size: 3.22vw;
  }

  .lp-box .block7-6 .pos1 {
    font-size: 2.32vw;
  }

  .lp-box .block7-6 .pos2 {
    font-size: 2.96vw;
  }

  .lp-box .block7-6 .pos3 {
    font-size: 2.71vw;
  }

  .lp-box .block7-6 .pos4 {
    font-size: 2.45vw;
  }

  .lp-box .block8-2 .txt{
    font-size: 3.67vw;
  }

  .lp-box .block8 .ttl {
    font-size: 4.83vw;
  }

  .lp-box .block8 .msg {
    font-size: 2.32vw;
  }

  .lp-box .block9 .ttl {
    font-size: 4.12vw;
  }

  .lp-box .block9 .msg {
    font-size: 2.58vw;
  }

  .lp-box .item .label img{
    filter: drop-shadow(2px 2px 2px rgba(155,155,155,0.5)); 
  }

  .lp-box .item .lens1 img{
    filter: drop-shadow(2px 2px 2px rgba(155,155,155,0.5));
  }

  .lp-box .item .lens3>img {
    filter: drop-shadow(2px 2px 3px rgba(155,155,155,0.5));
  }

  .lp-box .item .msg1 {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
  }
}