@charset "utf-8";
/* CSS Document */

.p-left-top {
	background:url("../img/img_left_top.webp") left top no-repeat;
	background-size:cover;
	aspect-ratio:760 / 747;
	width:25%;
	max-width:500px;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}

.p-right-top {
	background:url("../img/img_right_top.webp") left top no-repeat;
	background-size:cover;
	aspect-ratio:760 / 669;
	width:25%;
	max-width:500px;
	position:absolute;
	right:0;
	top:0;
	z-index:10;
}

.p-left-bottom {
	background:url("../img/img_left_bottom.webp") left top no-repeat;
	background-size:cover;
	aspect-ratio:760 / 691;
	width:25%;
	max-width:500px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:15;
}

.p-right-bottom {
	background:url("../img/img_right_bottom.webp") left top no-repeat;
	background-size:cover;
	aspect-ratio:760 / 632;
	width:25%;
	max-width:500px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:15;
}
@media screen and (min-width:1367px) { /*PC*/
	.p-left-top {
		width:18%;
	}
	.p-right-top {
		width:18%;
	}
	.p-left-bottom {
		width:18%;
	}
	.p-right-bottom {
		width:18%;
	}
}
@media screen and (max-width:1366px) { /*PC*/
	.p-left-top {
		width:23%;
	}
	.p-right-top {
		width:23%;
	}
	.p-left-bottom {
		width:23%;
	}
	.p-right-bottom {
		width:23%;
	}
}
@media screen and (max-width:960px) { /*MB*/
	.p-left-top {
		width:40%;
	}
	.p-right-top {
		width:40%;
	}
	.p-left-bottom {
		width:40%;
	}
	.p-right-bottom {
		width:40%;
	}
	.p-bottom {
		position:relative;
		width:100%;
	}
}

.p-anniv-text {
	width:100%;
	max-width:480px;
	margin:0 auto;
	position:relative;
	z-index:20;
}

.p-comingsoon {
	width:100%;
	max-width:360px;
	margin:0 auto 32px;
	position:relative;
	z-index:20;
}

.p-bottom-catch {
	width:100%;
	max-width:500px;
	margin:0 auto;
	position:relative;
	z-index:20;
}

@media screen and (min-width:961px) { /*PC*/
	.movie_blk {
		width: 100%;
		max-width:500px;
		margin:0 auto 0;
	}
	.movie_blk video {
		width: 100%;
		max-width:500px;
		aspect-ratio:1 / 1;
		object-fit: cover;
	}
}
@media screen and (max-width:960px) { /*MB*/
	.movie_blk {
		width: 75%;
		max-width:500px;
		margin:0 auto 0;
	}
	.movie_blk video {
		width: 75%;
		max-width:500px;
		aspect-ratio:1 / 1;
		object-fit: cover;
	}
}



@media screen and (min-width:961px) { /*PC*/
	.p-space-top {
		width:100%;
		box-sizing:border-box;
		height:60px;
	}
	.p-space-bottom {
		width:100%;
		box-sizing:border-box;
		height:80px;
	}
}
@media screen and (max-width:960px) { /*MB*/
	.p-space-top {
		width:100%;
		box-sizing:border-box;
		height:auto;
		aspect-ratio:7 / 3;
	}
	.p-space-bottom {
		width:100%;
		box-sizing:border-box;
		height:auto;
		aspect-ratio:7 / 3;
	}
}