@charset "utf-8";


/*  l-intro
--------------------------------------------------*/
.l-intro{
	position: relative;
	width: 100%;
	padding-block: 11.0rem 10.5rem;
	background: #f6f6f4;
}
.intro-heading{
	font-size: 3.2rem;
	line-height: 1.75;
	letter-spacing: .3em;
	text-align: center;
}
@media screen and (max-width: 768px){
	.l-intro{
		padding-block: 5.0rem 5.0rem;
	}
	.intro-heading{
		font-size: 2.0rem;
		width: 100%;
	}
}




/*  l-gallery
--------------------------------------------------*/
.l-gallery {
	padding-block: 14.0rem 15.0rem;
}
.gallery-ttl {
	font-size: 3.2rem;
	line-height: 1.75;
	letter-spacing: .3em;
	text-align: center;
	margin-bottom: 4.0rem;
}
.gallery-tablist {
	gap: 4.0rem;
}
.gallery-tab {
	position: relative;
	z-index: 1;
	flex: 1;
	max-width: 400px;
	height: 80px;
	box-sizing: border-box;
	padding-bottom: .2rem;
	font-size: max(12px, 2.2rem);
	letter-spacing: .08em;
	line-height: 1;
	color: #fff;
}
.gallery-tab.comoinsoon {
	pointer-events: none;
	cursor: default;
}
.gallery-tab em {
	font-size: 1.2em;
}
.gallery-tab::before,
.gallery-tab::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
}
.gallery-tab::before {
	opacity: 0;
}
.gallery-tab-Btype::before {
	background: url('../img/bg_tab_Btype.jpg') no-repeat center center/cover;
}
.gallery-tab-Ftype::before {
	background: url('../img/bg_tab_Ftype.jpg') no-repeat center center/cover;
}
.gallery-tab-Ltype::before {
	background: url('../img/bg_tab_Ltype.jpg') no-repeat center center/cover;
}
.gallery-tab-Dgtype::before {
	background: url('../img/bg_tab_Dgtype.jpg') no-repeat center center/cover;
}
.gallery-tab.comoinsoon::before {
	content: 'COMINGSOON';
	font-size: 14px;
	letter-spacing: .1em;
	color: rgba(255, 255, 255, .8);
	background: rgba(0, 0, 0, .8);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
    z-index: 1;
}
.gallery-tab::after {
	background: rgba(82, 124, 135, 1.0);
}
.gallery-tab.active::before {
	opacity: 1;
}
.gallery-tab.active::after {
	opacity: 0.8;
}
.gallery-tabpanel {
	padding-top: 11.0rem;
}
.gallery-heading {
	font-size: 6.0rem;
	letter-spacing: .08em;
	text-align: center;
	margin-bottom: 5.0rem;
}
.gallery-slide {
	overflow: hidden;
}
.gallery-slide__btn {
	width: 50px;
	--swiper-navigation-size: 50px;
	border-radius: 100%;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="19.839" height="6.951" viewBox="0 0 19.839 6.951"><polygon points="19.839 3.154 1.556 3.154 5.24 .522 4.866 0 0 3.476 4.866 6.951 5.24 6.429 1.556 3.797 19.839 3.797 19.839 3.154" fill="%23fff"/></svg>') no-repeat center/20px auto rgba(0,0,0,0.5);
}
.gallery-slide__btn--prev {
	transform: translateX(20px);
}
.gallery-slide__btn--next {
	transform: translateX(-20px) rotate(180deg);
}
.gallery-slide__btn--prev:after, 
.gallery-slide__btn--next:after{
	content: none;
}
.gallery-thumb {
	margin-top: 4.0rem;
	overflow: hidden;
}
.gallery-thumb__list {
	gap: .8rem;
}
.gallery-thumb__item {
	position: relative;
	cursor: pointer;
	width: calc((100% - 4.0rem) / 6);
}
.gallery-thumb__item-photo {
	position: relative;
	z-index: 1;
}
.gallery-thumb__item-desc {
	position: absolute;
	z-index: 2;
	inset: 0;
	box-sizing: border-box;
	padding: 5px;
	background: rgba(0, 0, 0, .7);
}
.gallery-thumb__item-active .gallery-thumb__item-desc {
	opacity: 0;
}
.gallery-thumb__item-name {
	font-size: 2.0rem;
	line-height: 1;
	letter-spacing: .05em;
	color: #fff;
}
@media (hover: hover){
	.gallery-tab::before,
	.gallery-tab::after {
		transition: opacity .4s;
	}
	.gallery-tab:hover::before {
		opacity: 1;
	}
	.gallery-tab:hover::after {
		opacity: 0.8;
	}
	.gallery-thumb__item-desc {
		transition: opacity .4s;
	}
	.gallery-thumb__item:hover .gallery-thumb__item-desc {
		opacity: 0;
	}
}
@media screen and (max-width: 768px){
	.l-gallery {
		padding-block: 5.5rem 9.0rem;
	}
	.gallery-ttl {
		font-size: 2.0rem;
		margin-bottom: 3.0rem
	}
	.gallery-tablist {
		gap: 6px;
		overflow: hidden;
	}
	.gallery-tab {
		height: 5.0rem;
		font-size: 1.8rem;
		flex: 100%;
	}
	.gallery-tabpanel {
		padding-top: 5.0rem;
	}
	.gallery-heading {
	    font-size: 3.6rem;
	    margin-bottom: 3.0rem;
	}
	.gallery-slide {
		width: 100%;
		overflow: visible;
	}
	.gallery-slide__btn {
		width: 25px;
		--swiper-navigation-size: 25px;
		background-size: 10px;
	}
	.gallery-slide__btn--prev {
		transform: translateX(0);
	}
	.gallery-slide__btn--next {
		transform: translateX(0) rotate(180deg);
	}
	.gallery-thumb {
		width: 100%;
		margin-top: 1.2rem;
	}
	.gallery-thumb__list {
		gap: 1.0rem;
	}
	.gallery-thumb__item {
		width: calc((100% - 2.0rem) / 3);
	}
	.gallery-thumb__item-name {
		font-size: 1.3rem;
	}
}



/*  l-movie
--------------------------------------------------*/
.l-movie{
	position: relative;
	width: 100%;
	padding-bottom: 15.0rem;
}
.movie-inner {
	max-width: 1000px;
}
@media screen and (max-width: 768px){
	.l-movie{
		padding-bottom: 7.0rem;
	}
}



/*  l-galleryBnr
--------------------------------------------------*/
.l-galleryBnr{
	position: relative;
	width: 100%;
	padding-bottom: 15.0rem;
}
.galleryBnr-inner {
	max-width: 1000px;
}
.l-galleryBnr a{
	position: relative;
	display: block;
}
@media screen and (max-width: 768px){
	.l-galleryBnr{
		padding-bottom: 7.0rem;
	}
}