#viewer1{

		transition: all 0.5s;
	position: absolute;
	top:3.1vw;
	left: 49.4vw;
	 overflow   : hidden;
					   /* 画像のサイズに合わせて変更ください */
	 width      :21.1vw;
aspect-ratio: 0.211 / 0.264;
		  /* サンプルは中央寄せの背景：白 */
	padding: 0px;

	margin-left: 0;


	}

	.eb{ font-family: "EB Garamond", serif;
	letter-spacing: 1px;}

	#viewer1 img {

		position   : absolute;
							/* 画像のサイズを表示エリアに合せる */
							width      : 100%;

		right: 0;
		left: 0;
		margin: auto;
		opacity: 0;
		transition: 0s;

	   }

	   #viewer1 img.show {
		   opacity: 1;
		  }


		  #viewer2{

			transition: all 0.5s;
		position: absolute;
		top: 22.5vw;
		left:16.4vw ;
		 overflow   : hidden;
						   /* 画像のサイズに合わせて変更ください */
		 width      :23.6vw;
	aspect-ratio: 0.236 / 0.285;
			  /* サンプルは中央寄せの背景：白 */
		padding: 0px;



		}

		#viewer2 img {

			position   : absolute;
								/* 画像のサイズを表示エリアに合せる */
								width      : 100%;

			right: 0;
			left: 0;
			margin: auto;
			opacity: 0;
			transition: 0s;

		   }

		   #viewer2 img.show {
			   opacity: 1;
			  }



		  #viewer3{

			transition: all 0.5s;

		position: absolute;
		top: 32.7vw;
		left:57.5vw ;
		 overflow   : hidden;
						   /* 画像のサイズに合わせて変更ください */
						   width      :23.6vw;
						   aspect-ratio: 0.236 /0.295;
			  /* サンプルは中央寄せの背景：白 */
		padding: 0px;



		}

		#viewer3 img {

			position   : absolute;
								/* 画像のサイズを表示エリアに合せる */
								width      : 100%;

			right: 0;
			left: 0;
			margin: auto;
			opacity: 0;
			transition: 0s;

		   }

		   #viewer3 img.show {
			   opacity: 1;
			  }


		  #viewer4{

			transition: all 0.5s;
		position: absolute;
		top:9.5vw ;
		left: 8.5vw;
		 overflow   : hidden;
						   /* 画像のサイズに合わせて変更ください */
		 width      :22vw;
	aspect-ratio: 0.22/ 0.247;
			  /* サンプルは中央寄せの背景：白 */
		padding: 0px;


		}

		#viewer4 img {

			position   : absolute;
								/* 画像のサイズを表示エリアに合せる */
								width      : 100%;

			right: 0;
			left: 0;
			margin: auto;
			opacity: 0;
			transition: 0s;

		   }

		   #viewer4 img.show {
			   opacity: 1;
			  }


		  #viewer5{

			transition: all 0.5s;
		position: absolute;
		left: 34.5vw;
		top: 40.3vw;
		 overflow   : hidden;
						   /* 画像のサイズに合わせて変更ください */
		 width      :18.3vw;
	aspect-ratio: 0.183/ 0.228;
			  /* サンプルは中央寄せの背景：白 */
		padding: 0px;


		}

		#viewer5 img {

			position   : absolute;
								/* 画像のサイズを表示エリアに合せる */
								width      : 100%;

			right: 0;
			left: 0;
			margin: auto;
			opacity: 0;
			transition: 0s;

		   }

		   #viewer5 img.show {
			   opacity: 1;
			  }


		  #viewer6{

			transition: all 0.5s;
		position: absolute;
		top: 19.2vw;
		left: 73vw;
		 overflow   : hidden;
						   /* 画像のサイズに合わせて変更ください */
		 width      :14.3vw;
	aspect-ratio: 0.143 / 0.249;
			  /* サンプルは中央寄せの背景：白 */
		padding: 0px;


		}

		#viewer6 img {

			position   : absolute;
								/* 画像のサイズを表示エリアに合せる */
								width      : 100%;

			right: 0;
			left: 0;
			margin: auto;
			opacity: 0;
			transition: 0s;

		   }

		   #viewer6 img.show {
			   opacity: 1;
			  }


		  #viewer7{

			transition: all 0.5s;
		position: relative;
		 overflow   : hidden;
						   /* 画像のサイズに合わせて変更ください */
		 width      :41.8vw;
	aspect-ratio: 0.418 / 0.279;
			  /* サンプルは中央寄せの背景：白 */
		padding: 0px;


		}

		#viewer7 img {
			position: absolute;
			width: 100%;
			right: 0;
			left: 0;
			margin: auto;
			opacity: 0;

			/* 最初は短く */
			transition: 0s;
		}

		#viewer7 img:first-child{
			opacity: 1;
		}

		   #viewer7 img.show {
			   opacity: 1;
			  }


		  #viewer8{

			transition: all 0.5s;
		position: relative;
		 overflow   : hidden;
						   /* 画像のサイズに合わせて変更ください */
		 width      :69vw;
aspect-ratio: 0.69 / 0.172;
			  /* サンプルは中央寄せの背景：白 */
		padding: 0px;
margin-top: 51.8vw;
flex-shrink: 0;
margin-left: -7.5vw;

		}

		#viewer8 img {

			position   : absolute;
								/* 画像のサイズを表示エリアに合せる */
								width      : 100%;

			right: 0;
			left: 0;
			margin: auto;
			opacity: 0;
			transition: 0s;
			object-fit: cover;


		   }



		   #viewer8 img.show {
			   opacity: 1;
			  }


			  #viewer9{

				transition: all 0.5s;
			position: absolute;
			 overflow   : hidden;
							   /* 画像のサイズに合わせて変更ください */
			 width      :36.2vw;
	aspect-ratio: 0.362/ 0.561;
				  /* サンプルは中央寄せの背景：白 */
			padding: 0px;
			top: 0;
			left: 0;
			}

			#viewer9 img {

				position   : absolute;
									/* 画像のサイズを表示エリアに合せる */
									width      : 100%;

				right: 0;
				left: 0;
				margin: auto;
				opacity: 0;
				transition: 0s;
				object-fit: cover;
				height: 100%;

			   }

			   #viewer9 img.show {
				   opacity: 1;
				  }


			  #viewer10{

				transition: all 0.5s;
			position: absolute;
			 overflow   : hidden;
							   /* 画像のサイズに合わせて変更ください */
			 width      :30.1vw;
	aspect-ratio: 0.301/ 1.009;
				  /* サンプルは中央寄せの背景：白 */
			padding: 0px;
			top: 0;
		right: 0;
			}

			#viewer10 img {

				position   : absolute;
									/* 画像のサイズを表示エリアに合せる */
									width      : 100%;

				right: 0;
				left: 0;
				margin: auto;
				opacity: 0;
				transition: 0s;
				object-fit: cover;
				height: 100%;

			   }

			   #viewer10 img.show {
				   opacity: 1;
				  }



			  #viewer11{

				transition: all 0.5s;
			position: relative;
			 overflow   : hidden;
							   /* 画像のサイズに合わせて変更ください */
			 width      :100vw;
	aspect-ratio: 1/ 0.694;
				  /* サンプルは中央寄せの背景：白 */
			padding: 0px;
			top: 0;
		right: 0;
			}

			#viewer11 img {

				position   : absolute;
									/* 画像のサイズを表示エリアに合せる */
									width      : 100%;

				right: 0;
				left: 0;
				margin: auto;
				opacity: 0;
				transition: 0s;
				object-fit: cover;
				height: 100%;

			   }

			   #viewer11 img.show {
				   opacity: 1;
				  }



.exwrap{width: 100%;
	overflow: clip;
	font-family: YakuHanJP,"Zen Kaku Gothic New", sans-serif;
	font-feature-settings: "palt" 1;
	font-kerning: normal;
	position: relative;
	-webkit-font-smoothing: antialiased;

}

.sc1_1 p{display: block!important;}

.mic1x{width: 34.2vw;
position: absolute;
left: 26.6vw;
top: 7.7vw;
}

#sec3 .cap1{color: #FFADE6;}

.baki12{width:17.3vw ;
margin-left: auto;
margin-right:14.6vw ;
margin-top: 1.2vw;
position: relative;
z-index: 2;
}
.baki13{display: flex;
margin-top: -13.9vw;}
.baki14{width: 76.2vw;}

.baki15{width: 10.1vw;
margin-left: 4.2vw;
margin-top: auto;
margin-bottom: 0;}

.baki17{margin-top: 4.7vw;
margin-left:61.5vw;
display: inline-block;
}



.exwrap img{width: 100%;
margin: 0;}


#viewer1,
#viewer2,
#viewer3,
#viewer4,
#viewer5,
#viewer6,
#viewer7,
#viewer8,
#viewer9,
#viewer10,
#viewer11,
#viewer12,
#viewer13{line-height: 0;}

@keyframes fadein {

0%{opacity: 0;}


100%{opacity: 1;}

}


.sc2_2_1{width: 41.7vw;
margin-left: 4.1vw;}

.en2{font-family: "acumin-pro", sans-serif;
	font-weight: 600;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

.container{overflow:clip!important;}

.page-header{width: 1100px;
margin: auto;}


.main-page-column .main-column{width: 100%!important;}

.main-page-column__inner{max-width: 100vw!important;}

.main-page-column{padding: 0;}



@keyframes infinity-scroll-left {
	from {
	  transform: translateX(0);
	  will-change: transform;
	}
	  to {
	  transform: translateX(-100%);
	  will-change: transform;
	}
	}
	.scroll-infinity__wrap {
	  display: flex;
	  overflow: hidden;
	  height: 134vw;
	}
	.scroll-infinity__list {
	  display: flex;
	  list-style: none;
	  padding: 0;
	  margin-top: 0;
	}
	.scroll-infinity__list--left {
	  animation: infinity-scroll-left 24s infinite linear 0.5s both;
	}
	.scroll-infinity__item {
	height: 143vw;
	aspect-ratio: 1/1.43;
	}
	.scroll-infinity__item>img {
	  width: 100%;
	}


.lz{line-height: 0;}


.migi{   mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	line-height: 0;
  line-height: 0;
	clip-path: inset(0% 0% 0% 100%);

	mask-position: right center;}

  .migix {
	clip-path: inset(0% 0% 0% 0%);  /* 右側から全体に広がる */
	mask-size: 110% 110%;
	transition-duration: 1s ;
	transition-timing-function:ease-in-out;
  }

.sitani{mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	line-height: 0;
  line-height: 0;
	clip-path: inset(0% 0% 100% 0%);
	mask-position: right center;
animation:  sitani 1 1s;
animation-fill-mode: forwards;
}

@keyframes sitani {

0%{mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	line-height: 0;
  line-height: 0;
	clip-path: inset(0% 0% 100% 0%);
	mask-position: right center;}

	100%{
		clip-path: inset(0% 0% 0% 0%);  /* 右側から全体に広がる */
		mask-size: 110% 110%;
		transition-duration: 1s ;
		transition-timing-function:ease-in-out;
	transition-delay: 0.5s;

	}

}

  .sita{   mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	line-height: 0;
  line-height: 0;
	clip-path: inset(0% 0% 100% 0%);
	mask-position: right center;

}

  .sitax {
	clip-path: inset(0% 0% 0% 0%);  /* 右側から全体に広がる */
	mask-size: 110% 110%;
	transition-duration: 1s ;
	transition-timing-function:ease-in-out;
transition-delay: 0.5s;

  }

  .ue{   mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	line-height: 0;
  line-height: 0;
	clip-path: inset(100% 0% 0% 0%);
	mask-position: right center;

}



.baki28xx{padding-top: 43px;
margin-bottom: 43px!important;}



.sc10 p, .sc2_3 p, .nana p, .sc4_4 p, .sc1_1 p, #top p,.sc1box p{display: none;}

.exwrap p{margin-top: 0;
margin-bottom: 0;}

.sc1{line-height: 0;}

.oliva1{width: 102px;
flex-shrink: 0;
}

.oliva3{width: 80px;}

.oliva2{width: 272px;
text-align: justify;
font-size: 13px;
line-height: 21px;
letter-spacing: -0.3px;
word-break: break-all;
}






  .uex {
	clip-path: inset(0% 0% 0% 0%);  /* 右側から全体に広がる */
	mask-size: 110% 110%;
	transition-duration: 1s ;
	transition-timing-function:ease-in-out;
transition-delay: 0.5s;

  }

  .en{font-family: "acumin-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}


@keyframes kieru{
	0%{opacity: 1;}

	100%{opacity: 0;
	z-index: -1;}
}

@keyframes cover{

	0%{opacity: 1;}

	100%{opacity: 0;;}
}

.douiu div{position: absolute;
animation: kieru 1 0.5s;
animation-fill-mode: forwards;
}

.fadeinni{opacity: 0;
animation:  fade 1s 1;
animation-fill-mode: forwards;}

@keyframes fade {

0%{opacity: 0;}

100%{opacity: 1;}

}

.ad1{animation-delay: 0.1s!important;}
.ad2{animation-delay: 0.2s!important;}
.ad3{animation-delay: 0.3s!important;}
.ad4{animation-delay: 0.4s!important;}
.ad5{animation-delay: 0.5s!important;}
.ad6{animation-delay: 0.6s!important;}
.ad7{animation-delay: 0.7s!important;}
.ad8{animation-delay: 0.8s!important;}
.ad9{animation-delay: 0.9s!important;}
.ad10{animation-delay: 1s!important;}
.ad11{animation-delay: 1.1s!important;}
.ad12{animation-delay: 1.2s!important;}
.ad13{animation-delay: 1.3s!important;}
.ad14{animation-delay: 1.4s!important;}
.ad15{animation-delay: 1.5s!important;}
.ad16{animation-delay: 1.6s!important;}
.ad17{animation-delay: 1.7s!important;}
.ad18{animation-delay: 1.8s!important;}
.ad19{animation-delay: 1.9s!important;}
.ad20{animation-delay: 2s!important;}
.ad21{animation-delay: 2.1s!important;}
.ad22{animation-delay: 2.2s!important;}
.ad23{animation-delay: 2.3s!important;}
.ad24{animation-delay: 2.4s!important;}
.ad25{animation-delay: 2.5s!important;}
.ad26{animation-delay: 2.6s!important;}
.ad27{animation-delay: 2.7s!important;}
.ad28{animation-delay: 2.8s!important;}

.douiu div:nth-child(5){animation-delay: 0.6s;}

.douiu div:nth-child(4){animation-delay: 1.2s;}

.douiu div:nth-child(3){animation-delay: 1.8s;}


.douiu div:nth-child(2){animation-delay: 2.4s;}

.douiu div:nth-child(1){animation-delay: 6s;}

.cover div{background-color: ;}

.cover img{mix-blend-mode: multiply;}

@keyframes tai{

	0%{   mask-image: none;
		mask-size: 0% 0%;
		overflow: hidden;
		line-height: 0;
	  line-height: 0;
		clip-path: inset(0% 100% 0% 0%);
		mask-position: right center;

	}

	100%{
		clip-path: inset(0% 0% 0% 0%);  /* 右側から全体に広がる */
		mask-size: 110% 110%;
		transition-duration: 1s ;
		transition-timing-function:ease-in-out;


	  }
}

.hidari{   mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	line-height: 0;
  line-height: 0;
	clip-path: inset(0% 100% 0% 0%);
	mask-position: right center;

}
  .hidarix {
	clip-path: inset(0% 0% 0% 0%);  /* 右側から全体に広がる */
	mask-size: 110% 110%;
	transition-duration: 1s ;
	transition-timing-function:ease-in-out;


  }

  .con1{   mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	line-height: 0;
  line-height: 0;
	clip-path: inset(0% 100% 0% 0%);
	mask-position: right center;
	height: 100%;

}
  .con1.active {
	clip-path: inset(0% 0% 0% 0%);  /* 右側から全体に広がる */
	mask-size: 110% 110%;
	transition-duration: 1s ;
	transition-timing-function:ease-in-out;


  }

  .con2{   mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	line-height: 0;
  line-height: 0;
	clip-path: inset(0% 100% 0% 0%);
	mask-position: right center;
	transition-delay: 0.3s;

}
  .con2.active {
	clip-path: inset(0% 0% 0% 0%);  /* 右側から全体に広がる */
	mask-size: 110% 110%;
	transition-duration: 1s ;
	transition-timing-function:ease-in-out;


  }



  .circle{

	mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	clip-path: circle(0%);
	line-height: 0;
}

.circlex{
	mask-size: 110% 110%;
	transition: all 1.5s;

	clip-path: circle(100%);
}


.flip{

	rotate: y 180deg;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}

	.flipx{    transition: .7s ease .7s;
		rotate: y 0deg;}



.delay1{transition-delay: 0.2s!important;}
.delay2{transition-delay: 0.4s!important;}
.delay3{transition-delay: 0.6s!important;}
.delay4{transition-delay: 0.8s!important;}
.delay5{transition-delay: 1s!important;}
.delay6{transition-delay: 1.2s!important;}
.delay7{transition-delay: 1.4s!important;}
.delay8{transition-delay: 1.6s!important;}
.delay9{transition-delay: 1.8s!important;}
.delay10{transition-delay: 2s!important;}
.delay11{transition-delay: 2.2s!important;}

.exwrap{position: relative;}



@keyframes horizontal-animation {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}


.exwrap{background-color: ;


	  }

.ab{position: absolute;
	left: 0;
	top: 0;}

	.rela{position: relative;
		width: 100%;}

.yura1{animation: yura1 infinite 3s;}

@keyframes yura1{
0%{rotate: 0deg;}

50%{rotate: 6deg;}

100%{rotate: 0deg;}

}

.jump1{animation: jump infinite 3s;}

.jump2{animation: jump2 infinite 4s;}

@keyframes jump{
	0%{transform: translateY(0px);}

50%{transform: translateY(-10px);}

100%{transform: translateY(0px);}}

@keyframes jump2{
	0%{transform: translateY(1px);}

50%{transform: translateY(10px);}

100%{transform: translateY(1px);}

	}

.yura2{animation: yura2 infinite 3s;}

@keyframes yura2{
0%{rotate: 0deg;}

50%{rotate: 3deg;}

100%{rotate: 0deg;}

}

.yura3{animation: yura3 infinite 8s;}

@keyframes yura3{
0%{rotate: 0deg;}
45%{rotate: 0deg;}
50%{rotate: -3deg;}
55%{rotate: 0deg;}
100%{rotate: 0deg;}

}

html {
	scroll-behavior: smooth;
  }

.yura4{animation: yura2 infinite 10s;}

.yura5{animation: yura3 infinite 12s;}

.yura6{animation: yura2 infinite 14s;}

.yura7{animation: yura3 infinite 16s;}



.wrap {
	display: flex;
	align-items: center;

  height: auto;
  overflow: hidden;
  width: 52.2vw;
  margin-top: 6.2vw;

  }

  #sec1 .wrap{margin-left: 0;
width: 47.4vw;
margin-top: -3vw;
}
  .slideshow {
	display: flex;
	padding: 0;
	margin: 0;
  }
  .content {

	list-style: none;

	width:22.7vw ;

  }

  .slideshow {
	display: flex;
	animation: loop-slide 18s infinite linear 1s both;

  }

  @keyframes loop-slide {
	from {
	  transform: translateX(0);
	}
	to {
	  transform: translateX(-100%);
	}
  }

  .slide-paused:hover .slideshow {
	animation-play-state: paused;
  }


  .vin{width: 100vw;
overflow: hidden;
margin: auto;
}



.tp1{display: flex;}

.tp1 div{width: 50%;
height: 100%;}

.tp1 div{object-fit: cover;}

.tp1{height: 100%;
width: 100vw;}

.toptop{position: relative;
width: 100vw;
aspect-ratio: 1 / 0.655;}

.obi{position: absolute;
right: 0;
top: 0;
width: 12.7%;}

.tessaiga{position: absolute;
left: 50%;
top: 48%;
transform: translate(-50%,-50%);
width: 40.5%;
}


.yokoni{animation: yokoni 1 2s;
	animation-fill-mode: forwards;
	mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	line-height: 0;
	line-height: 0;
	clip-path: inset(0% 100% 0% 0%);
	mask-position: right center;

	}

	@keyframes yokoni {

	0%{ mask-image: none;
		mask-size: 0% 0%;
		overflow: hidden;
		line-height: 0;
	  line-height: 0;
		clip-path: inset(0% 100% 0% 0%);
		mask-position: right center;
	}

	100%{clip-path: inset(0% 0% 0% 0%);  /* 右側から全体に広がる */
		mask-size: 110% 110%;
		transition-duration: 1s ;
		transition-timing-function:ease-in-out;
	}

	}


	.tpb{width:642px ;
	margin: auto;
font-size: 13px;
line-height: 21px;
letter-spacing: 2px;
margin-top: 35px;
text-align: center;
color: #D89D7F;
font-weight: 500;
}

.ind1{width: 18.5vw;
margin: auto;
margin-top: 3.6vw;
}


.ind2{display: flex;
width:52.5vw ;
margin: auto;
margin-top: 1.6vw;
gap: 1.9vw;
}

.ind2p{width: 25%;}


.viewer {
	width: 100vw;
	display: flex;
	margin: auto;
	margin-top: 50px;
  }



  @keyframes slide {
	to {
	  transform: translateX(-100%);
	}
  }


  .viewer img {
	width: calc(100vw / 18);
	opacity: 0;
	animation: show 9s infinite; /* ← 18秒 → 9秒に変更 */
  }

  /* 0.5秒ずつずらす */
  .viewer img:nth-child(1)  { animation-delay: 0s; }
  .viewer img:nth-child(2)  { animation-delay: 0.5s; }
  .viewer img:nth-child(3)  { animation-delay: 1s; }
  .viewer img:nth-child(4)  { animation-delay: 1.5s; }
  .viewer img:nth-child(5)  { animation-delay: 2s; }
  .viewer img:nth-child(6)  { animation-delay: 2.5s; }
  .viewer img:nth-child(7)  { animation-delay: 3s; }
  .viewer img:nth-child(8)  { animation-delay: 3.5s; }
  .viewer img:nth-child(9)  { animation-delay: 4s; }
  .viewer img:nth-child(10) { animation-delay: 4.5s; }
  .viewer img:nth-child(11) { animation-delay: 5s; }
  .viewer img:nth-child(12) { animation-delay: 5.5s; }
  .viewer img:nth-child(13) { animation-delay: 6s; }
  .viewer img:nth-child(14) { animation-delay: 6.5s; }
  .viewer img:nth-child(15) { animation-delay: 7s; }
  .viewer img:nth-child(16) { animation-delay: 7.5s; }
  .viewer img:nth-child(17) { animation-delay: 8s; }
  .viewer img:nth-child(18) { animation-delay: 8.5s; }

@keyframes show {
	0%   { opacity: 0; }
	0.01%{ opacity: 1; }
	5%   { opacity: 1; }
	5.01%{ opacity: 0; }
	100% { opacity: 0; }
  }

  .sc1 {
	height: 65.5vw; /* 適当 */
	background-color: transparent;
	transition: background-color 0.4s ease;
	transition-delay: 0.2s;
	position: relative;
	width: 100vw;
	z-index: 1;
  }

  .mic1{width: 31vw;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);}

.mic2{width: 57.6%;
margin: auto;}

.mic3{width: 31.3vw;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}

.baki1{width: 52.3vw;
	flex-shrink: 0;
margin-left: 0vw;
margin-top: 0vw;
}

.baki2{width: 10.1vw;
    margin-left: auto;
    margin-top: -40vw;
    margin-right: 15vw;}

.uchi{width: 338px;
line-height: 0;
margin: auto;
}

.uchix{margin-bottom: 1vw;}

.uchibox{background-color: #A8DDD7;
padding-bottom: 6vw;}

.baki3{display: flex;}

.mic4{width: 21.1vw;
position: absolute;
left: 57vw;
top: 43vw;
}

.baki4{width: 31.1vw;
margin-left: 8.2vw;
margin-top:-10vw ;}

.baki5{width: 26.5vw;
margin-left: auto;
margin-right: 0;
margin-top: -11vw;
}

.baki6{display: flex;
margin-top: 5vw;
}

.baki7{width: 45.3vw;
margin-top: auto;
margin-bottom: 0;
margin-left: 0;
margin-right: auto;
}

.baki8{width: 35.3vw;
flex-shrink: 0;
margin-top: 0vw;
position: relative;
aspect-ratio: 1/ 1.5;
z-index: 2;
margin-top: 20vw;
margin-left: -10vw;
}

.baki8x{position: absolute;
width: 17.5vw;
width: 17.5vw;
top: -5vw;
right: 2vw;}

.baki9{width: 272px;
	justify-content: space-between;
margin-top: auto;
margin-bottom: 0;
margin-left: auto;
margin-right: 5.8vw;
}

.kotokoto{
    display:flex;

	width: 100vw;
	justify-content: center;
	margin-top: -3vw;
}

.kotokoto .img{
    width:31.4vw;
    opacity:0;
	height: auto!important;
	margin: 0;
}

.kotokoto .img {
    width: 31.4vw;
    height: auto !important;
    aspect-ratio: auto !important;
    opacity: 0;
}




#sec2{padding-bottom: 10vw;}

.img1{ animation: img1 4s infinite;
rotate: -6deg;
flex-shrink: 0;
}
.img2{ animation: img2 4s infinite;
rotate: -5deg;
transform:translateY(10.5vw) !important;
flex-shrink: 0;
}
.img3{ animation: img3 4s infinite;
rotate:-5deg ;
transform:translateY(2.4vw) !important;
flex-shrink: 0;
}
.img4{ animation: img4 4s infinite;
rotate: 4deg;
transform:translateY(10.7vw) !important;
flex-shrink: 0;
}

@keyframes img1{
    0%,24.99%{opacity:1;}
    25%,100%{opacity:0;}
}

@keyframes img2{
    0%,24.99%{opacity:0;}
    25%,49.99%{opacity:1;}
    50%,100%{opacity:0;}
}

@keyframes img3{
    0%,49.99%{opacity:0;}
    50%,74.99%{opacity:1;}
    75%,100%{opacity:0;}
}

@keyframes img4{
    0%,74.99%{opacity:0;}
    75%,100%{opacity:1;}
}
  .mic1 img{position: relative!important;}

  #sec2 .cap1{color: #D7FFAF;}

  .sc1{
	background-color:#6A3945;
  }

  .sc1a {
	height: 65.5vw; /* 適当 */
	background-color: transparent;
	transition: background-color 0.4s ease;
	transition-delay: 0.5s;
	position: relative;
	width: 100vw;
	z-index: 1;
  }


.nedanx{color: #5B66BF;
	margin-bottom: 10px;}

  .sc1a {
	background-color: #B4B7BF;
  }

  .tako{width: 100vw;
height: 65.5vw;
position: relative;
}

.tako{background-color: #727057;
transition: all 1s;
}

  .sc1b {
	height: 65.5vw; /* 適当 */
	background-color: transparent;
	transition: background-color 0.4s ease;
	transition-delay: 0.5s;
	position: relative;
	width: 100vw;
	z-index: 1;
  }

  .sc1b.active {
	background-color: #727057;
  }

  .sc1box{position: relative;

width: 100%;
height: 65.5vw;}
  .sc1_1{position: absolute;
width: 46.7vw;
aspect-ratio:  0.467 / 0.447;

}

#sec1 .cap1{color: #97DBF4;}

.baki10{width:31.5vw;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}

.baki11{width: 27.2vw;
position: absolute;
left: 26.6vw;
top: 8.6vw;
}

.nedan{font-size: 21px;}
.bun1{font-size: 13px;
width: 35.5vw;
text-align: justify;
}

.cap1{position: absolute;
bottom: 2.3vw;
left: 0;
right: 0;
display: flex;
width: 57.6%;
margin: auto;
line-height: normal;
justify-content: space-between;
}

.sc1_1 img{position: absolute;
left: 0;
top: 0;}
.sc2_1{line-height: 0;}

#sec3 .baki9{margin-top: auto;
margin-bottom: 0;
margin-left: 8vw;
margin-top: -10vw;
transform: translateX(0%);
}

.baki24{width:23vw ;
margin-right: 7.8vw;}


#sec1{position: relative;
padding-bottom: 10vw;}

.naka{width: 100%;
margin: auto;}

.sc2_1{display: flex;}

.sc2_1_2{width: 10.1vw;
aspect-ratio: 0.101 / 0.445;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-left: 19.1vw;

}

.sc2_1_3{width: 66.7vw;
margin-left: auto;
margin-right: 0;}

.baki22{position: relative;
z-index: 2;}

.tex1{
font-size: 13px;
line-height: 21px;
text-align: justify;
}

.tx1{width: 23.6vw;
color: #4FA8D0;
margin-left: auto;
margin-right: 0;
margin-top: 1.9vw;

}

.baki16{width: 39.5vw;
    margin-left: -5vw;
    margin-top: 3vw;}

#top{background-color: #FCF0E7;
padding-bottom: 5.3vw;}

.baki20{line-height: 0;
display: flex;
margin-top: -35vw;
}

.tx6{width: 100%;
flex-shrink: 0;
margin-top: auto;
margin-bottom: 0;
}

.baki25{width: 30.3vw;
aspect-ratio: 0.303 / 0.356;
position: relative;
}

.baki21{width: 54.9vw;
position: relative;
z-index: 2;}

.baki23{display: flex;
position: relative;
z-index: 2;
margin-top: -17vw;
}

.sc3{

}

.sc4{width: 31.5vw;
margin-left:6vw;
margin-top: -13.7vw;
position: relative;
z-index: 2;
}

.sc5{
	width: 272px;
margin-top: auto;
margin-bottom: 0;
	margin-left: 22.2vw;

}

#sec1 .viewer{margin-top: 150px;}

.sc6{
	line-height: 0;
}

.sc7{


}

.sc8{
text-align: center;
}

.sc9{
width: 113px;
margin-bottom: -70px;
margin-left: auto;
margin-right: 15px;

}

.sc10{
	line-height: 0;
	border-radius: 21px;

}

#sec1 .sc10:hover{background-color: #6A3945;}

#sec2 .sc10:hover{background-color: #D7FFAF;}


#sec3 .sc10:hover{background-color: #FFADE6;}

.baki27{line-height: 0;
	border-radius: 21px;}


	.baki27:hover{background-color: #BAE68E;}

#sec1 .tex1{color: #4FA8D0;}



.sc11{width:12.5vw ;
margin: auto;
margin-top: 4vw;
}

#sec2 .sc1_1{width:44.5vw ;
aspect-ratio: 0.445 / 0.421;}

.sc2_1{display: flex;}
.sc2_2{
display: flex;
margin-top: 3.2vw;
}

.goro1{width: 37.7vw;
margin-left: 55vw;
margin-top: 9vw;
}

.kama{margin-top: -12vw;}

.goro2{width: 29.5vw;
margin-left: 18.8vw;
margin-top: 2.7vw;
}
.sc2_3{width: 59.4vw;}

#sec2 .tex1{color: #B4B7BF;}

.tx3{width: 18.5vw;
	margin-top: 2vw;
margin-left:0vw;}

.sc2_4{width: 20.5vw;
margin: auto;
margin-right: 0;
margin-top: -8.1vw;
}

.sc2_5{width: 39.5vw;
}

.sc2_6{margin-left: 27.5vw;
	margin-top: -4.4vw;
display: flex;
}


.sc2_7{width: 14.7vw;
margin: auto;
margin-top: 6.9vw;}



.sc3_1{display: flex;}

.sc3_2{width: 45vw;}

.sc3_3{display: flex;
margin-top: -14.3vw;
}

.sc3_4{width: 33.3vw;}

.tx2{margin-top: auto;
	width: 100%;
margin-bottom: 0;}

#sec3 .tex1{color: #727057;}

.flex{display: flex;}



.sc3_5{width: 24.6vw;
margin: auto;
margin-right: 0;
margin-top: -11.3vw;
}

.sc3_6{width: 17.7vw;
margin-left:64.9vw ;
margin-top:-11.5vw ;}

.sc3_7{width: 20vw;
	margin-left:40vw ;
	margin-top: -28.4vw;}

	.sc3_8{width:25.5vw ;
		margin-left: 16.6vw;
		margin-top:-41.5vw ;}

		.sc3_9{width: 51.1vw;
		margin-left: 11.3vw;
	position: relative;}

		.sc3_10{display: flex;
		margin-top: -10vw;
		}

		.sc3_11{width: 25.8vw;}




		.sc4_1{display: flex;
		justify-content: space-between;}

		.sc4_1a{width: 22.5vw;
		display: grid;
	place-items: center;}

	.sc4_1b{width: 10.3vw;
	margin-top: 8vw;
	}

	.baki18{display: flex;}

	.baki19{width: 29.5vw;
	margin-top: 14vw;
margin-left: 8.9vw;
}

		.sc4_1c{width: 64.1vw;
			display: grid;
			place-items: center;
		}

		.sen{height: 1px;
		width: 100%;
	background-color: #485395;}

	#sec3{padding-bottom: 7vw;}

	.sc4_2{width: 13.3vw;
	margin-left: 22.5vw;}

	.sc4_3{display: flex;
	margin: auto;
	margin-right: 0;
	gap: 32px;
	justify-content: center;
	}

	.tx5{width: 24.4vw;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	color: #485395;
	margin-top: 1.8vw;
	}

	.sc4_4{	 width      :47vw;
		aspect-ratio: 0.47 / 0.459;
	position: relative;}

	.sc4_5{position: absolute;
		z-index: 2;
		width: 16.5vw;
	color: white;
bottom: 20px;
font-size: 11px;
line-height: 18px;
left: 20px;}

.tx7{width: 232px;
color: #5B66BF;
margin-bottom: 20px;
}

.baki26 {position: absolute;
	width: 14.5vw;
top: -2vw;
right: 0;
z-index: 2;
}

.baki28{width: 204px;
margin: auto;}

.baki28x{margin-top: 68px;}

.ins{bottom: 9.5%;
top: unset!important;}

.nano{width: 199px;
margin-bottom: 10px;}
.baki27{width: 232px;}

.nana{display: flex;
flex-direction: column;
justify-content: center;}

.jojo{width: 266px;}

.kaiou{width: 18.9vw;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}

.hanma1{position: absolute;
width: 22.8vw;
left: 2.7vw;
top: 2.5vw
}

.hanma2{width: 22.6vw;
	position: absolute;
right:0.7vw;
top: 2.2vw;
}

.hanma3{width: 3.5vw;
position: absolute;
right:0.7vw;
top: 4.4vw

}

#sec5{background-color: ;
	border-bottom: 0.5px solid black;
padding-top: 0vw;}

.ham1{width: 204px;
	padding-top: 43px;
margin: auto;
margin-bottom: 40px;
}

.ham2{display: flex;
justify-content: space-between;
width: 572px;
margin: auto;
}

.ham3{width: 242px;
flex-shrink: 0;
}

.ham5{margin: auto;
margin: 0;}

.ham4{flex-shrink: 0;
width: 262px;
font-size: 13px;
line-height: 21px;
color: #6CCBC0;
text-align: justify;
}

.ham5{width: 117px;}

.meka{width: 24.6vw;
margin: auto;}

#sec4{padding-bottom: 3vw;
	padding-top: 3vw;
border-top: 1px #99A0DD solid;
border-bottom: 1px #99A0DD solid;
}

.sc5_3{text-align: center;
	font-size: 13px;
	line-height: 21px;
	font-weight: 500;
color: #6CCBC0;}

.sc5_3 a{color: #6CCBC0;
text-decoration: none;
}

.sen2{height: 1px;
width: 100vw;
background-color: #CECECE;
margin-top: 3.7vw;}

.mekas{display: flex;
	gap: 6px;
	justify-content: center;
margin: auto;
margin-bottom: 43px;
}

.mekas1{position: relative;
width: 20.5vw;
aspect-ratio:0.205 / 0.222 ;
flex-shrink: 0;

}

.me1{color: #6AACC4;}

.me2{color: #B4B7BF;
}



.me3{color: #727057;}



.mekas2{font-size: 12px;
line-height: 17px;
width: 17.5vw;
margin-top: 4.5vw;
margin-left: 1.4vw;
min-width: 266px;
text-align: justify;
}

.mekas1 img{position: absolute;
left: 0;
top: 0;
}

.me1 .mekas2{color: #4FA8D0;
}

.me2 .mekas2{color: #9A4B49;
	margin-top: 4.7vw;
}

.me3 .mekas2{color: #8D9F6E;
	margin-top: 4.9vw;
}

#sec5{padding-bottom: 7.5vw;}

.sc6_1{width: 24.9vw;
aspect-ratio: 0.249 / 0.312;
position: relative;
margin: auto;
}

.sc6_1 img{position: absolute;
left: 0;
top: 0;}

.sc6_2{width: 24.9vw;
margin: auto;
font-size: 13px;
line-height: 21px;
text-align: justify;
color: #6A6A6A;}

#sec6{padding-bottom: 5.7vw;}

#sec7{position: relative;
width: 100vw;
aspect-ratio: 1 / 0.655;}



.jojo{font-weight: 600;
	margin-bottom: 20px;
	}

	.tx4{margin-top: auto;
	margin-bottom: 0;
	width: 100%;
	}

.fade{opacity: 0;
transition: all 1s;}

.fadex{opacity: 1;}

#sp{display: none;}

.out{position: absolute;
bottom: 7.6vw;
left: 0;
right: 0;
margin: auto;
width: 18.9vw;
aspect-ratio: 0.189 / 0.141;
overflow: hidden;
}

.outx img{animation: out infinite linear 10s;
	transform: translateY(100%);}

@keyframes out {

0%{transform: translateY(100%);}


100%{transform: translateY(-100%);}

}

#sec4 .vm{width: 20.5vw;
    margin-left: 23.5vw;
    margin-top: 3.1vw;
}


/* ------------ PC ---------------*/
@media (max-width: 1024px) {


	.exwrap{font-weight: 500;}


	#sec4 .vm{width: 52.6vw;
margin: auto;
margin-top: 6vw;
	}

	#pc{display: none;}

	#sp{display: block;}

	.toptop{width: 100vw;
	height: 100vh;}

	.tessaiga{width: 80%;

	}

	.uchi{width: 80vw;}

	.uchix{margin-bottom: 3vw;}
	.uchibox{padding-bottom: 15vw;}

	.en{font-weight: 400!important;}

	.tpb{width: 79.4vw;
	margin: auto;
text-align: justify;}

.sc1box{aspect-ratio: 1 / 1.8;

height: unset;}

	.ind1{width: 60%;
	margin-top: 15%;}
	.ind2{  flex-wrap: wrap;
		gap: 10px;
	width: 65vw;}

	.ind2p{  width: calc(50% - 5px);
	margin-bottom: 9.1vw;}

	.viewer{width: 1100px;
padding-bottom: 2vw;
	}

	.viewer img{width: calc(1100px/18);}

	.viewer img {
		animation: show 3.5s infinite; /* 0.5 × 7 */
	  }

	  .viewer img:nth-child(1)  { animation-delay: 0s; }
	  .viewer img:nth-child(2)  { animation-delay: 0.5s; }
	  .viewer img:nth-child(3)  { animation-delay: 1s; }
	  .viewer img:nth-child(4)  { animation-delay: 1.5s; }
	  .viewer img:nth-child(5)  { animation-delay: 2s; }
	  .viewer img:nth-child(6)  { animation-delay: 2.5s; }
	  .viewer img:nth-child(7)  { animation-delay: 3s; }


	  .sc1_1{width: 100%;
	aspect-ratio: 1 / 1.269;
	}

	.baki9{width: 63.7vw;
margin: auto;
order: 1;
}

.marude{display: flex;
flex-direction: column;}

	.sc1{height: 100%;}

	.mic1{width: 81.3vw;}

	.tx4{width: 100%;
	}

	.nedanx{text-align: center;}

	.oliva2{width: 64.3vw;}



    /* 3枚で均等に切り替え */
    .img2 {
        animation: sp-img2 3s infinite;
    }

    .img3 {
        animation: sp-img3 3s infinite;
    }

    .img4 {
        animation: sp-img4 3s infinite;
    }

    @keyframes sp-img2 {
        0%, 33.32% {
            opacity: 1;
        }

        33.33%, 100% {
            opacity: 0;
        }
    }

    @keyframes sp-img3 {
        0%, 33.32% {
            opacity: 0;
        }

        33.33%, 66.65% {
            opacity: 1;
        }

        66.66%, 100% {
            opacity: 0;
        }
    }

    @keyframes sp-img4 {
        0%, 66.65% {
            opacity: 0;
        }

        66.66%, 100% {
            opacity: 1;
        }
    }

	.sc5_3{text-align: center;
		font-size: 12px;}

	.bun1{width: 64vw;}

	.sc2_1{flex-direction: column;}

	.mic1x{width: 87.9vw;
	    left: 5vw;
    top: 15vw;
	}
	.mic2{width: 100vw;}

	.cap1{width: 90vw;
	bottom: 8vw;}

	#viewer1{width: 39.7vw;}

	.sc2_1_2{width: 100%;
	display: flex;
flex-direction: row;
justify-content: space-between;
order: 2;
width: 23vw;
margin-left: auto;
margin-right: 10vw;
margin-top: 15vw;
}

.ham5{margin: auto;
	width: 61vw;
margin-top: 5vw;
margin-bottom: 5vw;
}

.yako{width: 31.5vw!important;
	margin-left: 11.7vw!important;}

.tx1{margin-left: 0;
	width: 57vw;
margin-top: 5vw;
margin-left: auto;
margin-right: 0;
flex-shrink: 0;
}

.sc3{
order: 1;


}

.goro2{width: 56.8vw;
margin: auto;}


.sc5{width: 100vw;
margin: 0;


}

.goro1{width: 100vw;
margin: 0;
order: 2;
margin-left: -10vw;
}

.kama{order: 3;}

.sc4{width: 67vw;
margin: 0;
margin-left: 5vw;
margin-top: 5vw;
}
#sec1 .viewer{order: 4;
margin-top: -40vw;
}
.hiro{display: flex;
flex-direction: column;}
#viewer1{top: 15vw;}
#viewer2{width: 44.6vw;
left: -10vw;
top: 70vw;
}

.img2{    transform: translateY(20vw) !important;}

.hanma2{width: 58.9vw;
top: 4.7vw;}

.hanma3{width: 8.9vw;
top: 9.1vw;
}

.baki20{	order: 4;}

.hanma1{width: 58.6vw;
	top: unset;
	bottom: 5vw;
	left: 5vw;
}

#viewer8{
	margin: auto;
	margin-top: 6vw;
	width: 200vw;}

#viewer3{top: unset;
	left: unset;
	right: 0;
top: 100vw;}

#viewer3{width: 44.6vw;}

.sc6{width: 100vw;
	margin: auto;
}


.sc1a{height: unset;
aspect-ratio: 1 / 1.68;}
.sc2_2{flex-direction: column;
	margin-top: -95vw;}

.sc2_2_1{width: 69.9vw;
margin-left: 0;
margin-top: -15vw;
}

.sc7{width: 63.6vw;
margin:auto;
margin-top: 7vw;
}

.kama{display: flex;
flex-direction: column;}

.sc3{order: 2;
}

.sc4{order: 1;
	margin-top: -117vw;
	margin-left: 10vw;
}

.mic3{width:80.4vw ;}

.mic4{width: 68.7vw;
	left: 5vw;
top: 15vw;
}

.ouga{display: flex;
flex-direction: column;}

.flex{order: 1;}

.tx6{width: 100%;}

.baki23{flex-direction: column;
margin-top: 0;
}

.baki25{width: 77.8vw;
margin: auto;}

.baki24{order: 1;
width: 68.4vw;
margin: auto;
}

#sec3 .baki9{order: 2;
margin: auto;
	margin-top: 7vw;
	padding-bottom: 15vw;

}

.sc8{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.sc10{margin-bottom: 0;}

.sc9{width: 26.4vw;
	margin: auto;
	margin-right: 0;
	margin-bottom: -16vw;
}

.tx7{width: 79.2vw;
margin: auto;
}

#sec5{padding-top: 0vw;}

.baki27{margin: auto;
	width: 100%;
margin-top: 10vw;}

#sec4{padding-bottom: 15vw;
padding-top: 15vw;}

.nano{margin: auto;}

.baki26{width: 37.4vw;}

.baki6{flex-direction: column;
margin: 0;}

.baki7{width: 100vw;
margin: 0;
order: 3;}

.baki1{width: 100vw;
margin: 0;}

.baki8{    width: 68vw;
	margin-left: auto;
	margin-top: 5vw;
	margin-right: -10vw;}

	.baki8x{width: 44.9vw;
        top: 2vw;
        right: 41vw;
	}

.baki5{width: 68.2vw;
margin: 0;
order: 1;
margin-left: auto;
margin-right: 0;
margin-top: -95vw;
}

.baki2{width: 22vw;
	margin-left: 15vw;
	margin-top: -85vw;
}

.baki4{order: 2;
width: 100vw;
margin: 0;}


.baki3{flex-direction: column;}

.tx2{width: 100%;}

.sc10{width: 100%;
margin: auto;
margin-top: 0;
}

.baki12{width: 23vw;
	margin-left: auto;
	margin-top: -10vw;
	margin-right: 5vw;
order: 1;
}

.baki13{flex-direction: column;
order: 3;
}

.baki14{order: 2;
width: 112vw;
margin: auto;
margin-left: 0;
z-index: 2;
position: relative;
}

.baki15{order: 1;
width: 25vw;
margin-top: -22vw;
margin-left: auto;
margin-right: 7vw;
}

.baki11{        width: 73vw;
	left: 10vw;
	top: 23vw;}

.vm{width: 52.6vw;
margin: auto;
}

.baki10{width: 68.7vw;}

.tako{aspect-ratio: 1 / 1.68;
height: unset;}

.sc11{width: 34vw;
margin-top: 10vw;}

#sec2 .sc1_1{width: 100%;
aspect-ratio: 1 / 1.292;}

.sc2_3{order: 1;
width: 100%;
}

.kotokoto{margin-top: 10vw;
margin-left: -20vw;
}

.kotokoto .img{width: 48.4vw!important;}

.kri{width: 142px!important;
	height: auto!important;
flex-shrink: 0;
margin-left: 7.2vw!important;}

.tx3{width: 47.4vw;
	margin-left: 46vw;
	margin-top: -47vw;
}

#viewer4{width: 40vw;

}

#sec1 .wrap{    margin-left: auto;
	margin-right: 0;
    width: 90vw;
    margin-top: 10vw;
margin-bottom: 0vw;
}

.content{width: 33vw;}

.wrap{width: 86vw;}

.karu{display: flex;
flex-direction: column;
margin-top: -5vw;
}

.baki3{order:2;}

.baki6{order: 1;}



.sc2_4{width: 52.6vw;
margin-top: 7.2vw;}

.ham4{width: 100%;}

.sc2_6{flex-direction: column;
width: 100%;
margin: auto;}

.sc2_5{width: 100%;
margin-top: 7.2vw;}

.kaiou{width: 60vw;}


.sc2_7{width: 34vw;}

.sc3_1{flex-direction: column;}

.sc3_2{order:2;}
#viewer5{
	width: 45vw;
	top: 110vw;
	left: 13vw;
}
#viewer6{
	width: 30vw;
	top: 45vw;
	}
	#viewer7{
		width:82.5vw;
		}

		.sc2_1_3{order: 1;
		width: 100%;
		}

		.baki17{margin-left: 17.3vw;
		order: 2;
		margin-left: 0;
        margin-top: -23vw;
        margin-right: 5vw;
		}

.paka{width: 38.1vw!important;
	margin-left: 3.5vw!important;
}

.sc3_3{flex-direction: column;
margin-top: -70vw;
}

.sc3_4{width: 56.1vw;
margin: auto;
margin-right: 0;}



.sc3_5{width: 38.1vw;
margin: auto;
margin-left: 0;
margin-top: -64vw;
}

.sc4_2{width: 144px;
margin: auto;

}

.sc4_2 img{ transform: translateX(-3%);}

.sc3_6{        width: 41vw;
	margin: 0;
	margin-left: 55vw;
	margin-top: 15vw;}

	.hasisi{display: flex;
	flex-shrink: 0;}



	.sc3_7{order: 1;
	margin: 0;
	width: 49vw;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
	margin-top: -11vw;
	}

	.sc3_8{order: 2;
	margin: 0;
	width: 55.4vw;
	margin-top: -40vw;
	margin-left: -20vw;
	flex-shrink: 0;
	}

	.nana{order: 2;}

	.sc4_4{order: 1;
	width: 84.6vw;
margin: auto;}

	.sc4_3{flex-direction: column;
	margin: auto;
width: auto;}

	.sc4_1b{width: 29.4vw;}

	.sc4_1a{width: 32.5vw;}

	.sc4_1c{width: 32.5vw;}



	.sc3_11{order: 1;
	width: 48.8vw;
margin: auto;
margin-right: 0;
margin-top: -110vw;
margin-bottom: 57vw;
}



	.sc3_10{flex-direction: column;
	margin: auto;}

	.sc3_9{width: 97.4vw;
	margin-left: -5vw;
position: relative;
z-index: 2;
margin-top: 5vw;
}

.sc4_5{width: 60vw;}

.nana{width: 84.6vw;
margin: auto;}

.nano{margin-top: 7.2vw;}

.tx5{width: 75.9vw;
margin: auto;
margin-left: 0;
margin-top: 7vw;
}

.baki20{margin-top: 0;
flex-direction: column;
flex-shrink: 0;
}

.baki19{           flex-shrink: 0;
	width: 58vw;
	margin-left: -28vw;
	margin-top: 45vw;}

.baki16{            width: 80vw;
	margin-left: 11vw;
	flex-shrink: 0;
	margin-top: -55vw;

}

.baki21{width: 100vw;
margin: 0;}

.sc4_3{margin-top: 5vw;}

.meka{width: 65vw;}

.sen2{margin-top:15vw;}

.mekas{
width: 90vw;
margin: auto;
margin-bottom: 11.2vw;
}
.ham3{width: 56.5vw;
margin: auto;}
.ham2{flex-direction: column;
width: 80.4vw;}



.me2 .oliva2{padding-left: 0;}

.jojo{line-height: 0;}

.mekas1{width: 48vw;
margin: auto;}

.mekas2{margin: 0;
min-width: unset;
width: 100%;}

.me1 .mekas1{margin-left: 2vw;}

.me3 .mekas1{margin-left: 2vw;}

#sec5{padding-bottom: 2vw;}

.sc6_1{width: 80%;}

.sc6_2{width: 80%;}

#sec6{padding-bottom: 15vw;}

#sec7{aspect-ratio: 1 / 1.682;}

.out{width: 48.6vw;
bottom: 14vw;}

.jojo{width: 100%;}

}

@media (min-width: 1280px) {


}