@charset "utf-8";
.titlesSwiperWrap{
	margin-top:max(calc(-32 / var(--vw-min) * 100vw),-32px);
	position:relative;
}
@media screen and (max-width:768px){
	.titlesSwiperWrap{
		margin-top:calc(-32 / var(--vw-min) * 100vw);
		padding-bottom:calc(12 / var(--vw-min) * 100vw);
	}
}
.titlesSwiperWrap:before{
	content:'';
	position:absolute;
	left:0;
	top:min(calc(257 / var(--vw-min) * 100vw),257px);
	right:0;
	bottom:0;
	background-color:var(--color-black);
	background-image:url(../img/titles/swiper_bg-left.png),url(../img/titles/swiper_bg-right.png);
	background-position:left center,right center;
	background-size:auto 100%;
	background-repeat:no-repeat;
}
@media screen and (max-width:768px){
	.titlesSwiperWrap:before{
		top:calc(87 / var(--vw-min) * 100vw);
		background-position:left bottom,right bottom;
		background-size:auto calc(240 / var(--vw-min) * 100vw);
	}
}
.titlesSwiper{
	padding:min(calc(32 / var(--vw-min) * 100vw),32px) 0 min(calc(96 / var(--vw-min) * 100vw),96px);
	position:relative;
}
@media screen and (max-width:768px){
	.titlesSwiper{
		padding:calc(32 / var(--vw-min) * 100vw) 0 calc(64 / var(--vw-min) * 100vw);
		position:relative;
	}
}
.titlesSwiper-slide{
	width:min(calc(824 / var(--vw-min) * 100vw),824px);
	padding:0 min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.titlesSwiper-slide{
		width:calc(340 / var(--vw-min) * 100vw);
		padding:0 calc(5 / var(--vw-min) * 100vw);
	}
}
.titlesSwiper__link{
	display:block;
	padding-top:50.9765625%;
	position:relative;
	box-shadow:var(--boxshadow-swiper);
	transition: all 0.6s ease;
}
@media screen and (hover:hover){
	.titlesSwiper__link:hover{
		transform:scale(1.04);
	}
}
.titlesSwiper-slide img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.titlesSwiper .swiper-pagination{
	height:min(calc(96 / var(--vw-min) * 100vw),96px);
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
@media screen and (max-width:768px){
	.titlesSwiper .swiper-pagination{
		height:calc(64 / var(--vw-min) * 100vw);
	}
}
.titlesSwiper .swiper-pagination-bullet{
	display:flex;
	justify-content:center;
	align-items:center;
	width:min(calc(20 / var(--vw-min) * 100vw),20px);
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	background:transparent;
	border:none;
	opacity:1;
	margin:0 !important;
}
@media screen and (max-width:768px){
	.titlesSwiper .swiper-pagination-bullet{
		width:calc(20 / var(--vw-min) * 100vw);
		height:calc(20 / var(--vw-min) * 100vw);
	}
}
.titlesSwiper .swiper-pagination-bullet:before{
	content:'';
	display:block;
	width:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:min(calc(8 / var(--vw-min) * 100vw),8px);
	-webkit-mask:url(../img/common/icon_swiper-point.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_swiper-point.svg) no-repeat center center / contain;
	background:#fff;
	opacity:.4;
}
@media screen and (max-width:768px){
	.titlesSwiper .swiper-pagination-bullet:before{
		width:calc(8 / var(--vw-min) * 100vw);
		height:calc(8 / var(--vw-min) * 100vw);
	}
}
.titlesSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
	width:min(calc(11 / var(--vw-min) * 100vw),11px);
	height:min(calc(14 / var(--vw-min) * 100vw),14px);
	margin-top:max(calc(-4 / var(--vw-min) * 100vw),-4px);
	-webkit-mask:url(../img/common/icon_swiper-point-active.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_swiper-point-active.svg) no-repeat center center / contain;
	background:#fff;
	opacity:1;
}
@media screen and (max-width:768px){
	.titlesSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
		width:calc(11 / var(--vw-min) * 100vw);
		height:calc(14 / var(--vw-min) * 100vw);
		margin-top:calc(-4 / var(--vw-min) * 100vw);
	}
}
.titlesSwiper .swiper-navigationLists{
	left:50%;
	bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
	width:min(calc(950 / var(--vw-min) * 100vw),950px);
	margin-left:max(calc(-475 / var(--vw-min) * 100vw),-475px);
}
@media screen and (max-width:768px){
	.titlesSwiper .swiper-navigationLists{
		bottom:calc(12 / var(--vw-min) * 100vw);
		width:calc(335 / var(--vw-min) * 100vw);
		margin-left:calc(-167.5 / var(--vw-min) * 100vw);
	}
}
.titlesSwiper .swiper-navigationItemLink:before{
	border-color:#fff;
}
.titlesSwiper .swiper-navigationItemLink:after{
	background:url(../img/common/arrow.svg) no-repeat center center / contain;
}
.titles__listsWrap{
	padding-top:min(calc(80 / var(--vw-min) * 100vw),80px);
	position:relative;
}
@media screen and (max-width:768px){
	.titles__listsWrap{
		padding-top:calc(32 / var(--vw-min) * 100vw);
		position:relative;
	}
}
.titles__listsNavLists{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin-bottom:min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.titles__listsNavLists{
		justify-content:flex-end;
		width:calc(340 / var(--vw-min) * 100vw);
		margin:0 auto calc(28 / var(--vw-min) * 100vw);
	}
}
.titles__listsNavItem{
	margin:0 min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
	.titles__listsNavItem{
		margin:0;
		padding:0 calc(2 / var(--vw-min) * 100vw) calc(4 / var(--vw-min) * 100vw);
		width:calc(100% / 6);
	}
}
.titles__listsNavLink{
	background:var(--color-slate);
	display:flex;
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	align-items:center;
	line-height:1;
	padding:0 min(calc(20 / var(--vw-min) * 100vw),20px);
	border-radius:40px;
	text-decoration:none;
	color:#fff;
}
@media screen and (max-width:768px){
	.titles__listsNavLink{
		height:calc(29 / var(--vw-min) * 100vw);
		width:100%;
		align-items:center;
		padding:0;
		border-radius:60px;
		font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
		justify-content:center;
	}
}
.titles__listsNavItem.is-active .titles__listsNavLink{
	pointer-events:none;
	background:var(--color-black);
}
.article__titlesSwiperWrap{
	margin:0 max(calc(-8 / var(--vw-min) * 100vw),-8px);
	padding:0 min(calc(4 / var(--vw-min) * 100vw),4px);
	overflow:hidden;
}
@media screen and (max-width:768px){
	.article__titlesSwiperWrap{
		margin:0 calc(-8 / var(--vw-min) * 100vw);
		padding:0 calc(4 / var(--vw-min) * 100vw);
	}
}
.article__titlesSwiper{
	padding:min(calc(32 / var(--vw-min) * 100vw),32px) 0 min(calc(96 / var(--vw-min) * 100vw),96px);
	overflow:visible;
}
@media screen and (max-width:768px){
	.article__titlesSwiper{
		padding:0 0 calc(64 / var(--vw-min) * 100vw);
		margin:0 calc(-4 / var(--vw-min) * 100vw);
	}
}
.article__titlesSwiper-slide{
	width:min(calc(168 / var(--vw-min) * 100vw),168px);
	padding:0 min(calc(4 / var(--vw-min) * 100vw),4px);
	box-shadow:var(--boxshadow-default);
}
@media screen and (max-width:768px){
	.article__titlesSwiper-slide{
		width:calc(88 / var(--vw-min) * 100vw);
		padding:0 calc(4 / var(--vw-min) * 100vw);
	}
}
.article__titlesSwiperLink{
	width:100%;
	height:min(calc(160 / var(--vw-min) * 100vw),160px);
	overflow:hidden;
	border-radius:min(calc(4 / var(--vw-min) * 100vw),4px);
	display:block;
}
@media screen and (max-width:768px){
	.article__titlesSwiperLink{
		height:calc(80 / var(--vw-min) * 100vw);
		border-radius:calc(4 / var(--vw-min) * 100vw);
	}
}
.article__titlesSwiperLink img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	margin:0 !important;
}
.article__titlesSwiper .swiper-pagination{
	height:min(calc(96 / var(--vw-min) * 100vw),96px);
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
@media screen and (max-width:768px){
	.article__titlesSwiper .swiper-pagination{
		height:calc(64 / var(--vw-min) * 100vw);
	}
}
.article__titlesSwiper .swiper-pagination-bullet{
	display:flex;
	justify-content:center;
	align-items:center;
	width:min(calc(20 / var(--vw-min) * 100vw),20px);
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	background:transparent;
	border:none;
	opacity:1;
	margin:0 !important;
}
@media screen and (max-width:768px){
	.article__titlesSwiper .swiper-pagination-bullet{
		width:min(calc(20 / var(--vw-min) * 100vw),20px);
		height:min(calc(20 / var(--vw-min) * 100vw),20px);
	}
}
.article__titlesSwiper .swiper-pagination-bullet:before{
	content:'';
	display:block;
	width:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:min(calc(8 / var(--vw-min) * 100vw),8px);
	background:url(../img/common/icon_swiper-point.svg) no-repeat center center / contain;
	opacity:.4;
}
@media screen and (max-width:768px){
	.article__titlesSwiper .swiper-pagination-bullet:before{
		width:calc(8 / var(--vw-min) * 100vw);
		height:calc(8 / var(--vw-min) * 100vw);
	}
}
.article__titlesSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
	width:min(calc(11 / var(--vw-min) * 100vw),11px);
	height:min(calc(14 / var(--vw-min) * 100vw),14px);
	margin-top:max(calc(-4 / var(--vw-min) * 100vw),-4px);
	background:url(../img/common/icon_swiper-point-active.svg) no-repeat center center / contain;
	opacity:1;
}
@media screen and (max-width:768px){
	.article__titlesSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
		width:calc(11 / var(--vw-min) * 100vw);
		height:calc(14 / var(--vw-min) * 100vw);
		margin-top:calc(-4 / var(--vw-min) * 100vw);
	}
}
.article__titlesSwiper .swiper-navigationLists{
	left:50%;
	bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
	width:min(calc(950 / var(--vw-min) * 100vw),950px);
	margin-left:max(calc(-475 / var(--vw-min) * 100vw),-475px);
}
@media screen and (max-width:768px){
	.article__titlesSwiper .swiper-navigationLists{
		bottom:calc(16 / var(--vw-min) * 100vw);
		width:calc(346 / var(--vw-min) * 100vw);
		margin-left:calc(-173 / var(--vw-min) * 100vw);
	}
}
.article__titlesSwiper .swiper-navigationItemLink:before{
	border-color:var(--color-black);
}