.cpv {
	line-height: 2;
	letter-spacing: 0.02em;
}
.cpv .c-content {
	position: relative;
	margin-top: 120px;
	margin-bottom: 0;
	padding-bottom: 190px;
}
.cpv .c-content::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom,
	#ffffff 0%,
	#ffffff min(28%,29vw),
	#ffffff min(28%,29vw),
	#F6F6F7 min(28%,29vw),
	#F6F6F7 100%);
	z-index: -1;
}
@media screen and (max-width: 767px) {
	.cpv .c-content {
		margin-top: calc(20 * var(--base-unit));
		padding-bottom: calc(10 * var(--base-unit));
	}
	.cpv .c-content::after {
		background: linear-gradient(to bottom,
		#ffffff 0%,
		#ffffff 36vw,
		#ffffff 36vw,
		#F6F6F7 36vw,
		#F6F6F7 100%);
	}
}
.cpv img {
	display: block;
	width: 100%;
	height: auto;
}

.mv {
	position: relative;
}
.lead-txt {
	position: absolute;
	bottom: calc(20 / 1440 * 100vw);
	left: 50%;
	font-size: 1.25rem;
	font-weight: 500;
	text-align: center;
	width: var(--width-contents);
	translate: -50% 0;
	letter-spacing: 0.07em;
}
@media screen and (max-width: 1100px) {
	.lead-txt {
		bottom: 0;
	}
}
@media screen and (max-width: 767px) {
	.lead-txt {
		bottom: calc(-12 * var(--base-unit));
		font-size: calc(1.5 * var(--base-unit));
	}
}
.container {
	width: var(--width-contents);
	margin-inline: auto;
}
.movie-txt {
	font-size: 1rem;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.movie-txt {
		font-size: calc(1.5 * var(--base-unit));
	}
}

.movie-label {
	font-size: 1.875rem;
	font-weight: 400;
}
.movie-btn-area .movie-label {
	font-size: 1.25rem;
}
.movie-label .fs-s {
	font-size: 0.8em;
}
.movie-label .fs-xs {
	font-size: 0.67em;
}
@media screen and (max-width: 767px) {
	.movie-label {
		font-size: calc(2 * var(--base-unit));
	}
	.movie-btn-area .movie-label {
		font-size: calc(1.8 * var(--base-unit));
	}
}
.movie-link {
	display: block;
	position: relative;
	overflow: hidden;
}
.movie-link img {
	transition: scale 0.3s;
}
.movie-link::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	background: url(/assets_r24/images/cmn-mark_play_4.svg) no-repeat center / contain;
	width: 60px;
	height: 60px;
	z-index: 1;
}
@media screen and (min-width: 768px) {
	.movie-link:hover img{
		scale: 1.1;
	}
}
@media screen and (max-width: 767px) {
	.movie-link::before {
		width: calc(5 * var(--base-unit));
    height: calc(5 * var(--base-unit));
	}
}

.movie-btn-area {
	max-width: 1000px;
	margin-top: 60px;
	margin-inline: auto;
}
.movie-btn-area .p-btn01.p-btn01--col3 {
	margin-top: 10px;
}
.movie-btn-area .p-btn01 a {
	background-color: #fff;
	color: #000;
	border: calc(0.1 * var(--base-unit)) solid currentColor;
	min-height: calc(10 * var(--base-unit));
}
.movie-btn-area .p-btn01__ico {
  filter: none;
}
.p-btn01__list {
	column-gap: calc(2 * var(--base-unit));
}

@media screen and (min-width: 768px) {
	.movie-btn-area .p-btn01 a:hover {
		background: #a22041;
    color: #fff;
	}
	.movie-btn-area  .p-btn01 a:hover .p-btn01__ico {
		filter: brightness(0) invert(1);
	}
}
@media screen and (max-width: 767px) {
	.movie-btn-area .p-btn01 a {
		min-height: calc(6 * var(--base-unit));
	}
}