/**/
.blindbox1{
		position:fixed; left:0; top:0;
		width:100%; height:100%;
		background:#fff;
		z-index:200;		
	}

	body.off #header{
		opacity:0;
	}
	body.off #footer{
		display:none;
	}
	body.off #wrap{
		opacity:0;
		max-height:0; overflow:hidden;
	}
	body.mainon #header{
		opacity:1;
		pointer-events:auto;
		transition:opacity ease .6s 1.2s;
	}
	body.mainon .mainvisual .swiper-wrapper{
		filter:blur(0);
		transform:scale(1);
		transition:filter ease 1.8s .0s, transform ease 5s .0s;
	}


/*main*/
	.introbox1{
		position:fixed; left:0; top:0;
		width:100%; height:100vh; height:100dvh;
		display:flex; justify-content:center; align-items:center;
		background:#000;
		transition:opacity ease .5s;
		z-index:20;
	}	
	.introbox1 .introtxt1{		
	}
	.introbox1 .introtxt1 > .txt1{
		position:relative;
		overflow:hidden;
		font-family:var(--font-family2); color:#fff; font-weight:700; font-size:min(max(1vw, 20vw),170px); line-height:min(max(1vw, 16vw),140px);
	}
	.introbox1 .introtxt1 > .txt1 > div{
		display:flex;
	}
	.introbox1 .introtxt1 > .txt1 > div span{
		transform:translateY(100%);
		animation: introani1 .36s linear both; animation-timing-function:ease-in-out;
	}
	.introbox1 .introtxt1 > .txt1 .second{
		position:absolute; left:0; top:0;
	}
	.introbox1 .introtxt1 > .txt1 > .first span{
		transform:translateY(100%);
		animation-delay:.0s
	}
	.introbox1 .introtxt1 > .txt1 > .first > span:nth-child(2){
		animation-delay:.1s;
	}
	.introbox1 .introtxt1 > .txt1 > .first span:nth-child(3){
		animation-delay:.2s
	}
	.introbox1 .introtxt1 > .txt1 > .first span:nth-child(4){
		animation-delay:.3s
	}
	.introbox1 .introtxt1 > .txt1 > .first span:nth-child(5){
		animation-delay:.4s
	}
	.introbox1 .introtxt1 > .txt1 > .first span:nth-child(6){
		animation-delay:.5s
	}
	.introbox1 .introtxt1 > .txt1 > .first span:nth-child(7){
		animation-delay:.6s
	}
	.introbox1 .introtxt1 > .txt1 > .first{
		animation: introani2 .36s linear both; animation-timing-function:ease-in-out; animation-delay:.9s
	}
	
	.introbox1 .introtxt1 > .txt1 > .second span:nth-child(1){
		animation-delay:1.0s
	}
	.introbox1 .introtxt1 > .txt1 > .second span:nth-child(2){
		animation-delay:1.1s
	}
	.introbox1 .introtxt1 > .txt1 > .second span:nth-child(3){
		animation-delay:1.2s
	}
	.introbox1 .introtxt1 > .txt1 > .second span:nth-child(4){
		animation-delay:1.3s
	}
	.introbox1 .introtxt1 > .txt1 > .second span:nth-child(5){
		animation-delay:1.4s
	}
	.introbox1 .introtxt1 > .txt1 > .second span:nth-child(6){
		animation-delay:1.5s
	}
	.introbox1 .introtxt1 > .txt1 > .second{
		animation: introani2 .36s linear both; animation-timing-function:ease-in-out; animation-delay:1.8s
	}
	
	.introbox1 .introtxt1 > .txt1 > .third{
		position:absolute; left:50%; top:0;
		transform:translateX(-50%);
		overflow:hidden;
	}
	.introbox1 .introtxt1 > .txt1 > .third .cntunum{
		margin:0 auto;
		transform:translateY(100%);
		opacity:0;
		animation:main-count-up-ani 3.4s forwards; animation-delay:1.1s
	}
	.introbox1 .introtxt1 > .txt1 > .third .cntunum:nth-child(2){
		animation-delay:1.2s
	}
	.introbox1 .introtxt1 > .txt1 > .third .cntunum:nth-child(3){
		animation-delay:1.3s
	}
	.introbox1 .introtxt1 > .txt1 > .third .cntunum > li{
		line-height:min(max(1vw, 16vw),140px);
	}
	
	
	@-webkit-keyframes introani1{
		0%{	
			opacity:0;
			transform:translateY(100%);
		}
		100%{
			opacity:1;
			transform:translateY(0%);
		}
	}
	@-webkit-keyframes introani2{
		0%{	
			opacity:1;
			transform:translateY(0%);
		}
		100%{
			opacity:0;
			transform:translateY(-100%);
		}
	}
	
	@keyframes main-count-up-ani {
		0% {
			opacity:0;
			transform: translate3d(0, 0, 0) translateY(100%);
		}
		100% {
			opacity:1;
			transform: translate3d(0, -90%, 0) translateY(0%);
		}
	}
	
	.introbox1 .preloader-wrap{
		position:absolute; left:50%; bottom:10%;
		transform:translateX(-50%);
		display:flex; justify-content:center; gap:min(max(1vw, 7vw),50px);
		color:#fff; font-weight:600; font-size:min(max(1vw, 2.4vw),15px);
		z-index:5;
	}
	.introbox1.fin{
		opacity:0;
	}
	
	
	
	.mainvisual{
		position:relative; 
		width:100%; height:100vh; height:100dvh;
		overflow:hidden; 
		box-sizing:border-box;
		z-index:10;
	}
	.mainvisual .swiper-wrapper{
		filter:blur(20px);
		transform:scale(1.2);
	}
	.slide_bgbox{
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		visibility: hidden;
		z-index: -1;
	}
	.slide_bgbox.active {
	  opacity: 1;
	  visibility: visible;
	  z-index: 3;
	}
		
	.mainvisual .swiper-wrapper{
		position:relative; 
		width:100%; height:100%; 		
		z-index:3;
	}
	.mainvisual .swiper-wrapper .swiper-slide{
		position:relative;
		width:100%;
	}
	.mainvisual .swiper-wrapper .swiper-slide.swiper-slide-next{
		z-index:10;
	}
	
	
	.mainvisual .swiper-wrapper .swiper-slide > a{
		display:block;
		width:100%; height:100%;
		border:4px solid #333;
	}		
	.mainvisual .swiper-wrapper .mainimg1{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		overflow:hidden;
		z-index:1;
	}	
	.mainvisual .swiper-wrapper .mainimg1 > div{
		position:absolute; left:0; top:0;
		width:100%; height:100%;		
		background-size:cover !important;
		transform:scale(1.1);
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .0s;
	}	
	.mainvisual .swiper-wrapper .mainimg1 > div::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:rgba(0,0,0,.2);
		z-index:2;	
		content:"";
	}
	.mainvisual .swiper-wrapper .swiper-slide-active .mainimg1 > div{
		transform:scale(1);
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) 6s .0s;
	}
	
	.mainvisual .slidetxtbox{
		position:absolute; left:0; top:50%;
		transform:translateY(-50%);
		display:flex;
		width:100%;
		pointer-events:none;
		z-index:4;
		opacity:0;
		width:300%;
		transition:opacity ease 6s 1.4s;
	}
	.mainvisual .slidetxtbox .txtItem {
		position:relative;
		flex:0 0 100vw;
	}
	.mainvisual .slidetxtbox .txtItem .visualtxt1{
		position:absolute; left:calc(0px - min(max(1vw, 14vw),240px)); top:50%;
		transform:translateY(-50%);
		width:84%;
		color:#fff;
		opacity:40%;
		text-align:left;
		z-index:4;
		transition:left ease .5s .3s, color ease .5s .3s;
	}
	.mainvisual .slidetxtbox .txtItem .visualtxt1 > em{
		font-weight:600; font-family:var(--font-family3); font-size:min(max(1vw, 12vw),110px); line-height:min(max(1vw, 14vw),110px); 
	}
	.mainvisual .slidetxtbox .txtItem .visualtxt1 > p{
		margin-top:min(max(1vw, 3.2vw),30px); max-width:70vw;
		font-weight:500; font-size:min(max(1vw, 4.8vw),40px); line-height:min(max(1vw, 7.8vw),55px);
	}
	.mainvisual .slidetxtbox .txtItem.active .visualtxt1{
		left:min(max(1vw, 3.2vw),80px);
		color:#fff; opacity:100%;
	}
	body.mainon .mainvisual .slidetxtbox{
		opacity:1;		
	}
	
	
	.swiper-slide-active {
		z-index: 2;
	}
	.swiper-slide-prev,
	.swiper-slide-next {
		z-index: 1;
	}
	
/*main*/