/* CSS Document */
/*LOADING*/
.c-pageloadingWrap{position:fixed;top:0;left:0;width:100%;height:100%;height:100svh;background:#ed6c00;text-align:center;display:flex;justify-content:center;align-items:center;z-index:999;}
.c-pageloadingContainer{position:relative;max-width:150px; opacity:0;transition:opacity .5s ease-out;}
.c-pageloadingContainer img{position:relative;width:100%;height:auto;}

.c-pageloadingWrap.is--hide{opacity:0; transition:all .2s ease-out;}
.c-pageloadingWrap.is--off{display:none;}
.c-pageloadingContainer.is--show{opacity:1;}

/*BASE*/
main {
	font-family: "Noto Serif JP", serif;
	font-weight:500;
}
section {
	position:relative;
}

.content-box {
	max-width:1800px;
	margin:auto;
}
.container.partition::after {
	content:"";
	display:block;
	width:100%;
	height:1px;
	border-top:solid 1px rgba(218, 218, 218, 1);
}
.title-box_floating {
	display:flex;
	flex-direction:column;
	align-self:flex-start;
	color:#ed6c00;
	writing-mode:vertical-rl;
	position:sticky;
}
.title-box_floating h1 {
	font-size: 14px;
	font-weight:700;
	line-height:1.4;
	letter-spacing:.1em;
}
.title-box_floating p {
	font-size: 10px;
    font-weight: 700;
	line-height:1;
	text-indent:3em;
}
/*BASE ANIME*/
.title-anime {position:relative; letter-spacing:0.025em; display:inline-block; margin-bottom:60px;}
.title-anime::after{content:'';position:absolute;bottom:-12px;left:0;width:0;height:1px;background-color:#000;display:inline-block; transition:all .6s cubic-bezier(0.97, 0.01, 0.58, 1);}
.is--active .title-anime::after { width:100%;}

/*Movie*/
#movie video {
	width:100%;
	height:auto;
	aspect-ratio:16 / 9;
	cursor:pointer;
}

@media screen and (max-width: 767.98px) {
/*BASE*/
.container {
	padding:0 2rem;
}
.container.partition::after {
	margin-top:2rem;
}
.title-box_floating {
	top:40px;
	left:1vw;
	transform:scale(.6);
}
/*BASE ANIME*/
.title-anime {
	font-size:20px;
}

/*MainVisual*/

}


@media screen and (min-width: 768px) {
/*BASE*/
.container {
	padding:0 6vw;
}
.container.partition::after {
	margin-top:80px;
}
.title-box_floating {
	height:0px;
	top:calc( 50% - 40px );
	left:1.6vw;
	transform: scale(0.8) translateY(calc(-50% - 80px));
	overflow:visible;
	white-space:nowrap;
}
/*BASE ANIME*/
.title-anime {
	font-size:24px;
}

}