.l-mv {
	margin-top: 10rem;
	overflow: hidden;
	position: relative;
}

.p-mv {
	margin-inline: auto;
	max-width: 120rem;
}

.p-mv__inner.l-inner {
	align-items: center;
	display: flex;
	height: 100%;
	max-width: unset;
	padding-bottom: 6.125rem;
	padding-inline: 3.5625rem;
	position: relative;
}

.p-mv__content {
	left: 5.3125rem;
	position: absolute;
	top: 3.25rem;
	width: 51.6875rem;
	z-index: 1;
}

.p-mv__text {
	font-size: 1.25rem;
	font-weight: 300;
	letter-spacing: 0.15em;
	margin-left: 7.9375rem;
	margin-top: 0.6875rem;
	opacity: 0;
	transition: all 1s 1s;
}

.p-mv__text.is-active {
	opacity: 1;
}

.p-mv__slider {
	margin-left: auto;
	width: 68.4375rem;
}

.p-mv__news {
	bottom: 0rem;
	opacity: 0;
	position: absolute;
	right: calc(50% - 50vw - 2px);
	transform: translateY(5%);
	transition: all 1s 1s;
	width: 39.3125rem;
}

.p-mv__news .c-news {
	border: 1px solid #000;
	border-radius: 3.125rem 0 0 3.125rem;
	gap: 1.3125rem;
	grid-template-columns: 8.5rem 1fr;
	padding: 2.25rem 7.25rem 2.25rem 2.9375rem;
}

.p-mv__news .c-news__title {
	font-size: 0.9375rem;
}

.p-mv__news .c-arrow {
	right: 2.1875rem;
}

.p-mv__news.is-active {
	opacity: 1;
	transform: translateY(0%);
}

.p-mv__scroll {
	background-color: #000;
	bottom: 3.375rem;
	height: 10.875rem;
	left: calc(50% - 50vw + 5.75rem);
	opacity: 0;
	position: absolute;
	transform: translateY(10%);
	transition: all 2s;
	width: 1px;
}

.p-mv__scroll.is-active {
	opacity: 1;
	transform: translateY(0);
}

.p-mv__scroll span {
	animation: 3s dotscroll infinite running cubic-bezier(0.19, 1, 0.22, 1);
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 50%;
	height: 0.8125rem;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 0.8125rem;
	z-index: 1;
}

.p-mv__copy {
	color: #fff;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0.2em;
	mix-blend-mode: difference;
	opacity: 0;
	position: fixed;
	right: -2.9375rem;
	top: 50%;
	transform: translateX(105%) translateY(-50%) rotate(-90deg);
	transition: all 2s;
	z-index: 99;
}

.p-mv__copy.is-active {
	opacity: 1;
	transform: translateX(0%) translateY(-50%) rotate(-90deg);
}

@media screen and (max-width: 768px) {

.l-mv {
	margin-top: 4.0625rem;
}

.p-mv {
	height: calc(100vh - 4.0625rem);
	max-height: 50rem;
	min-height: 37.5rem;
}

.p-mv__inner.l-inner {
	align-items: flex-start;
	padding-bottom: 2.125rem;
	padding-inline: 0;
}

.p-mv__content {
	display: contents;
}

.p-mv__title {
	position: absolute;
	right: 50%;
	left: 53%;
	top: 0.625rem;
	transform: translateX(-50%);
	width: 111%;
	z-index: 1;
}

.p-mv__text {
	color: #fff;
	font-size: 1rem;
	left: 2.1875rem;
	line-height: 1.7;
	margin: 0;
	mix-blend-mode: difference;
	position: absolute;
	text-indent: -2.25em;
	top: 58.4615384615vw;
	white-space: nowrap;
	writing-mode: vertical-rl;
	z-index: 1;
}

.p-mv__slider {
	height: 100%;
	width: 100%;
}

.p-mv__slider .slick-track,
.p-mv__slider .slick-list {
	height: 100%;
}

.p-mv__slider picture img {
	-o-object-fit: cover;
	-o-object-position: center bottom;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
	width: 100%;
}

.p-mv__news {
	left: 1rem;
	right: 1rem;
	width: calc(100% - 2rem);
}

.p-mv__news .c-news {
	border-radius: 1.25rem;
	grid-template-columns: 4.375rem 1fr;
	padding: 0.875rem 4.9375rem 0.875rem 1.25rem;
}

.p-mv__news .c-news__title {
	font-size: 0.75rem;
}

.p-mv__news .c-arrow {
	right: 1.5625rem;
}

}

