body,html{
	scroll-behavior:auto;
}
body{
	opacity:0;
}
.main-contents .sp-menu {

	transition: none;

}


@media screen and (min-width: 769px) {
	.main-contents>* {
		opacity: 0;
		transition: opacity 2s 1.0s;
	}


	.animStart .main-contents>* {
		opacity: 1;
	}

	.main-contents .light {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		width: 0%;
		opacity: 0;
		height: 100%;
		background: #fff;
		z-index: -5;
		box-shadow: 0px 0px 20px 15px #fff;
		transition: box-shadow 3s 2.5s, opacity 0.5s 0.5s linear, width 2.5s 0.5s ease;


	}

	.animStart .main-contents .light {

		opacity: 1;
		width: 100%;
		box-shadow: 0 0 0 0 #fff;
	}


	.animStart .main-contents {
		opacity: 1;
	}

	.left-contents {
		transition: transform 1s 0s, filter 1s 0s, width 2.4s 0s, opacity 1s 0s;
		opacity: 0;
		width: 100%;
		filter: blur(5px);
		transform: scale(1.1);
	}

	.animStart .left-contents {
		width: calc(50% - 187.5px);
	}

	.right-contents {
		transition-delay: 2s;
		transition-property: opacity;
		opacity: 0;
		transition-duration: 0.6s;
	}

	.animStart .right-contents {
		opacity: 1;
	}




	.main-bg__flare-left,
	.main-bg__flare-right {
		transform-origin: 100% 0%;
		transform: scale(1.4);
		transition-property: opacity, transform;
		opacity: 0;
		transition-duration: 2s;
		transition-delay: opacity 1.5s, transform 2s;
	}

	.main-bg__flare-right {
		transform-origin: 0% 0%;
	}

	.animStart .main-bg__flare-left,
	.animStart .main-bg__flare-right {
		opacity: 1;
		transform: none;

	}

	.animStart .main-bg__bg {
		animation-name: iris;
		animation-duration: 4s;
		animation-delay: 0s;

	}

	@keyframes iris {
		0% {
			filter: brightness(1);
		}

		30% {
			filter: brightness(0.4);

		}

		100% {
			filter: brightness(1);
		}
	}


}

@media screen and (max-width: 768px) {
	.mv__logo, .menu-btn{
		opacity:0;
		transition:opacity 2.6s;
	}
	
	.animStart .mv__logo, .animStart .menu-btn{
		opacity:1;
	}


	
	.sp-op-logo{
		pointer-events:none;
		z-index:12;
		opacity:0;
		transition:opacity 1.6s 0.75s,transform 1.6s 0.75s,filter 1.6s 0.75s;
		transform:scale(1.05);
		filter:blur(5px);
	}
	
	.animStart1 .sp-op-logo{
		opacity:1;
		transform:none;
		filter:none;
		
	}
	
	.animStart1.animStart2 .sp-op-logo{
		opacity:0;
transition:opacity 0.6s 0s,transform 0.6s 0s,filter 0.6s 0s;
		transform:none;
		filter:none;
	}
	
	
	
	.main-bg__flare-left,
	.main-bg__flare-right{
		display:none;
	}
	/*.sp-op-logo {
		transition: transform 1s 2.5s, filter 1s 0s, width 2.4s 0s, opacity 1s 0s;
		opacity: 0;
		filter: blur(5px);
		transform: none;
	}

	.animStart1 .sp-op-logo {
		transform: translateX(-100vw);
		opacity: 1;
		filter: none;

	}*/


}

#line1,
#line2 {
	fill: none;
}

h2 {
	transform: translateY(2vh);
	transition: opacity 0.5s, transform 0.6s;
	opacity: 0;

}

h2.on {
	opacity: 1;
	transform: none;
}

.news__list li:nth-child(n+4) {
	display: none;
}

body {
	display: none;
}

.news__list-outer {
	overflow: hidden;
	transition: height 0.6s;
}

/*tab*/

.calendar__month {
	display: none;
}

.calendar__month.on {
	display: block;
}

body.stop {
	overflow: hidden;
	height: 100%;
	overscroll-behavior: none;
	touch-action: none;
}


@media screen and (max-width: 768px) {
	.main-contents{
		background:rgba(255,255,255,0);
		transition:background-color 1s;
	}
	.animStart2 .main-contents{
		background:rgba(255,255,255,1);
	}
	.mv__scroll{
		opacity:0;
		transition:opacity 1s 1.5s;
	}
	.animStart .mv__scroll{
		opacity:1;
	}
	#line1 {
		-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #fff 5%, #fff 100%);
		-webkit-mask-size: 100% 100%;
	}

	.calendar__contents {
		position: relative;
	}

	.calendar__contents::after,
	.calendar__contents::before {
		content: '';
		position: absolute;
		right: 0%;
		top: 0%;
		height: 100%;
		width: 10%;
		background: rgba(0, 0, 0, 0);
		z-index: 1;
	}

	.calendar__contents::before {
		right: auto;
		left: 0;
		width: 5%;
	}
}