@charset "utf-8";
/* slider */
.slide-media,
.thumb-media {
		position: relative;
		overflow: hidden;
}

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

.splide {
		z-index: 0;
}

/* 前へ / 次へボタン */
.splide__arrow--prev,
.splide__arrow--next {
		display: grid;
		place-content: center;
		width: 6.4rem;
		height: 6.4rem;
		cursor: pointer;
		transition: var(--transition);
		background-color: var(--color-theme-darken);
		border-radius: 50%;
}

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

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

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

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

.splide__arrow:focus-visible {
		outline: 3px solid rgba(180, 233, 0, 0.8);
		outline-offset: 3px;
		z-index: 1;
		transition: none;
}

.splide__pagination {
		font-size: 0;
}

.splide__pagination__page:focus-visible {
		outline: 3px solid rgba(180, 233, 0, 0.8);
		outline-offset: 3px;
		z-index: 1;
		transition: none;
}

.splide__slide:focus-visible {
		outline: 3px solid rgba(180, 233, 0, 0.8);
		outline-offset: 3px;
		z-index: 1;
		transition: none;
}

.splide-wrapper {
		position: relative;
}

/* .splide__arrow>svg {
		display: none;
} */

.card01 .splide-area {
		position: relative;
}

.card01 .splide__pagination {
		display: flex;
		flex-wrap: wrap;
		gap: 1.2rem 0.8rem;
		justify-content: center;
		margin-top: 3.2rem;
		text-align: center;
}

.card01 .splide__pagination__page {
		width: 1.6rem;
		height: 3px;
		cursor: pointer;
		transition: var(--transition);
		vertical-align: top;
		background-color: var(--color-gray);
}

.card01 .splide__pagination__page.is-active {
		width: 4rem;
		background-color: var(--color-theme);
}

.card01 .splide__arrow--prev,
.card01 .splide__arrow--next {
		position: absolute;
		z-index: 10;
		top: 0;
		bottom: 0;
		margin: auto;
}

.card01 .splide__arrow--prev {
		right: calc(100% + 2.4rem);
}

.card01 .splide__arrow--next {
		left: calc(100% + 2.4rem);
}

.card01 .slide-media {
		padding-top: 62.5%;
		border-radius: 4px;
}

.card01 .slide-media img {
		height: calc(100% + 16px);
		transform: translateY(-16px);
}

.card01 .slide-content {
		padding: 3.2rem 0;
}

.card01 .slide-date {
		font-size: 1.2rem;
		line-height: 1;
		display: block;
		color: var(--color-theme);
}

.card01 .slide-title {
		line-height: 1.6;
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		height: 3.2em;
		margin-top: 1.6rem;
}










/* swiper */
*,
*::before,
*::after {
		-webkit-box-sizing: border-box;
										box-sizing: border-box;
}

::-moz-selection {
		color: #fff;
		background: #cc0000;
}

::selection {
		color: #fff;
		background: #cc0000;
}


	.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__sw,
.thumb-media__sw {
		position: relative;
		overflow: hidden;
}
.slide-media__sw img,
.thumb-media__sw 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;
}


.swiper-fade .swiper-slide {
		transition-property: opacity !important;
}

.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 .swiper-pagination {
		position: absolute;
		z-index: 1;
		top: 0;
		bottom: 0;
		left: 3.2rem;
		height: -webkit-max-content;
		height: -moz-max-content;
		height: max-content;
		margin: auto;
}
.mv01 .swiper-pagination-bullet {
		display: block;
		width: 3px;
		height: 4rem;
		cursor: pointer;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		background-color: rgba(255, 255, 255, 0.4);
}
.mv01 .swiper-pagination-bullet:not(:first-child) {
		margin-top: 0.8rem;
}
.mv01 .swiper-pagination-bullet-active {
		background-color: var(--color-theme);
}
.mv01 .slide-media__sw {
		height: 800px;
}
.mv01 .slide-media__sw img {
		-webkit-transition: 7s 1s ease-out;
		transition: 7s 1s ease-out;
}

.mv01 .swiper-slide[class*=-active] .slide-media__sw img {
		-webkit-transition-delay: 0s;
										transition-delay: 0s;
		-webkit-transform: scale(1.05);
										transform: scale(1.05);
}
.mv01 .swiper-slide[class*=-active] .slide-title__sw {
		-webkit-animation: mv01-fadeIn 2s 0.5s var(--easing) both;
										animation: mv01-fadeIn 2s 0.5s var(--easing) both;
}

@-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: 8rem; */
		}
		.mv01 .slide-media__sw {
				height: max(70vh, 70vw);
		}
}
@media only screen and (max-width: 599px) {
		.pc-tab {
				display: none !important;
		}
		.mv01 .slide-title__sw {
				font-size: 2.8rem;
				right: 4rem;
				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;
		}
}