.l-inner {
	position: relative;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10rem;
}

.l-section {
	border-top: 1px solid #eee;
}

	.l-section .l-inner {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}

[class*=swiper]:focus {
	outline: none;
}

.slide-media,
.thumb-media {
	position: relative;
	overflow: hidden;
}

	.slide-media img,
	.thumb-media img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

.swiper-button-prev, .swiper-button-next {
	display: grid;
	place-content: center;
	width: 6.4rem;
	height: 6.4rem;
	cursor: pointer;
	-webkit-transition: var(--transition);
	transition: var(--transition);
}

	.swiper-button-prev::before, .swiper-button-next::before {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		content: "";
		border-radius: 50%;
		-webkit-box-shadow: var(--box-shadow);
		box-shadow: var(--box-shadow);
	}

	.swiper-button-prev::after, .swiper-button-next::after {
		width: 1.2rem;
		height: 1.2rem;
		content: "";
		border: solid var(--color-gray);
		border-width: 3px 3px 0 0;
	}

	.swiper-button-prev::after {
		margin-left: 0.4rem;
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

	.swiper-button-next::after {
		margin-right: 0.4rem;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

.swiper-button-disabled {
	pointer-events: none;
	opacity: 0;
}

.mv01 {
	position: relative;
	/*margin-bottom: 10rem;*/
	/*margin-bottom: 5rem;*/
	margin-bottom: 4rem;
}

	.mv01 .l-inner {
		padding-bottom: 0;
	}

	.mv01 .swiper-fade .swiper-slide {
		-webkit-transition-property: opacity, -webkit-transform !important;
		transition-property: opacity, -webkit-transform !important;
		transition-property: opacity, transform !important;
		transition-property: opacity, transform, -webkit-transform !important;
		pointer-events: none;
	}

	.mv01 .swiper-fade .swiper-slide-active {
		pointer-events: auto;
	}
	.mv01 .slide-media {
		height: 800px;
	}

		.mv01 .slide-media img {
			-webkit-transition: 7s 1s ease-out;
			transition: 7s 1s ease-out;
		}

	.mv01 .slide-title {
		font-size: 2.5rem;
		font-weight: normal;
		line-height: 1.6;
		position: absolute;
		right: 4rem;
		bottom: 15%;
		margin-left: 16rem;
		text-align: right;
		color: #fff;
		text-shadow: 2px 2px 10px #777, -2px 2px 10px #777, 2px -2px 10px #777, -2px -2px 10px #777;
	}

		.mv01 .slide-title a {
			color: #fff !important;
		}

	.mv01 .swiper-slide[class*=-active] .slide-media img {
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}

	.mv01 .swiper-slide[class*=-active] .slide-title {
		-webkit-animation: mv01-fadeIn 2s 0.5s var(--easing) both;
		animation: mv01-fadeIn 2s 0.5s var(--easing) both;
	}

.swiper-pagination {
	/*bottom: -20px !important;*/
	bottom: -2rem !important;
}

.swiper-pagination-bullet {
	/*background-color: red;*/
	border-radius: 0;
	width: 4rem;
	height: 3px;
}

@-webkit-keyframes mv01-fadeIn {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
		-webkit-filter: blur(300px);
		filter: blur(300px);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@keyframes mv01-fadeIn {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
		-webkit-filter: blur(300px);
		filter: blur(300px);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@media only screen and (max-width: 1024px) {
	html {
		-webkit-text-size-adjust: 100%;
	}

	.l-inner {
		padding: 0 4rem;
	}

	.pc {
		display: none !important;
	}

	.mv01 {
		/*margin-bottom: 12rem;*/
		margin-bottom: 3rem;
	}

		.mv01 .slide-media {
			/*height: max(65vh, 65vw);*/
			/*height: 100vw;*/
			height: auto;
		}

	.slide-media img,
	.thumb-media img {
		position: static;
		width: 100%;
		height: auto;
		object-fit: unset;
	}

	.swiper-pagination {
		position: static;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 599px) {
	html {
		/*font-size: 50%;*/
	}

	.pc-tab {
		display: none !important;
	}

	.mv01 .slide-title {
		font-size: 1.5rem;
		right: 1rem;
		margin-left: 6rem;
	}
}

@media only screen and (min-width: 1025px) {
	.tab-sp {
		display: none !important;
	}

	.swiper-button-prev::before,
	.swiper-button-next::before {
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}

	.swiper-button-prev:hover::before,
	.swiper-button-next:hover::before {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@media only screen and (min-width: 600px) {
	.sp {
		display: none !important;
	}
}