@charset "utf-8";
.topWrap{
	min-height:100dvh;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
}
@media screen and (max-width:768px){
	.topWrap{
		min-height:unset;
		display:block;
	}
}
.main{
	width:min(calc(976 / var(--vw-min) * 100vw),976px);
	margin:0 auto;
	padding:min(calc(70 / var(--vw-min) * 100vw),70px);
	position:relative;
}
@media screen and (max-width:768px){
	.main{
		width:100%;
		margin:0;
		padding:0;
	}
}
.mainSwipers{
	width:100%;
	height:min(calc(470 / var(--vw-min) * 100vw),470px);
	position:relative;
}
@media screen and (max-width:768px){
	.mainSwipers{
		height:calc(245 / var(--vw-min) * 100vw);
		position:relative;
	}
}
.mainSwipers__noise{
	position:absolute;
	z-index:500;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#777;
	opacity:0;
	pointer-events:none;
}
.mainSwipers__noise.is-show{
	opacity:1;
	pointer-events:auto;
}
.worksSwiper{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.worksSwiper__inner{
	width:100%;
	height:auto;
}
.worksSwiper__link{
	display:block;
	height:min(calc(470 / var(--vw-min) * 100vw),470px);
	position:relative;
	text-decoration:none;
	overflow:hidden;
}
@media screen and (max-width:768px){
	.worksSwiper__link{
		height:calc(245 / var(--vw-min) * 100vw);
	}
}
.worksSwiper__link img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all 1s ease;
}
@media screen and (hover:hover){
	.worksSwiper__link:hover img{
		transform:scale(1.05);
	}
}
.worksSwiper__movie{
	pointer-events:none;
	transition:all 0.6s ease;
}
@media screen and (hover:hover){
	.worksSwiper__link:hover .worksSwiper__movie{
		transform:scale(1.05);
	}
}
.worksSwiper__title{
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	height:min(calc(27 / var(--vw-min) * 100vw),27px);
	background:rgba(5,37,50,.5);
	z-index:10;
	display:flex;
	align-items:center;
	padding:0 min(calc(10 / var(--vw-min) * 100vw),10px);
}
.worksSwiper__title:before{
	content:'Works';
	display:block;
	font-size:min(calc(15 / var(--vw-min) * 100vw),15px);
	font-family:var(--font-oswald);
	color:#fff;
	letter-spacing:0.05em;
	margin-right:min(calc(16 / var(--vw-min) * 100vw),16px);
}
.worksSwiper__titleText{
	font-size:min(calc(11 / var(--vw-min) * 100vw),11px);
	color:#fff;
	line-height:1.3em;
	height:1.3em;
	flex:1;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.aboutSwiper{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	pointer-events:none;
	z-index:-1;
}
@media screen and (min-width:769px){
	.aboutSwiper.is-show{
		opacity:1;
		pointer-events:auto;
		z-index:2;
	}
}
.aboutSwiper__inner{
	width:100%;
	height:auto;
}
.aboutSwiper__link{
	display:block;
	height:min(calc(470 / var(--vw-min) * 100vw),470px);
	position:relative;
	text-decoration:none;
	overflow:hidden;
}
.aboutSwiper__link img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all 1.5s ease;
}
@media screen and (hover:hover){
	.aboutSwiper__link:hover img{
		transform:scale(1.05);
	}
}
.aboutSwiper__title{
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	height:min(calc(27 / var(--vw-min) * 100vw),27px);
	z-index:10;
	display:flex;
	align-items:center;
	padding:0 min(calc(10 / var(--vw-min) * 100vw),10px);
}
.aboutSwiper__titleText{
	display:block;
	font-size:min(calc(15 / var(--vw-min) * 100vw),15px);
	font-family:var(--font-oswald);
	color:#fff;
	letter-spacing:0.05em;
	margin-right:min(calc(16 / var(--vw-min) * 100vw),16px);
}
.mainArrows{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	pointer-events:none;
}
.mainArrows__works{
	position:absolute;
	left:0;
	right:0;
	top:50%;
	margin-top:max(calc(-35 / var(--vw-min) * 100vw),-35px);
	display:flex;
	justify-content:space-between;
	z-index:30;
}
@media screen and (max-width:768px){
	.mainArrows__works{
		margin-top:max(calc(-20 / var(--vw-min) * 100vw),-20px);
	}
}
.mainArrows__worksItem{
	width:min(calc(70 / var(--vw-min) * 100vw),70px);
}
@media screen and (max-width:768px){
	.mainArrows__worksItem{
		width:min(calc(40 / var(--vw-min) * 100vw),40px);
	}
}
.mainArrows__worksItemLink{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:min(calc(70 / var(--vw-min) * 100vw),70px);
	pointer-events:auto;
	transition:all .3s ease;
}
@media screen and (max-width:768px){
	.mainArrows__worksItemLink{
		height:min(calc(40 / var(--vw-min) * 100vw),40px);
	}
}
@media screen and (hover:hover){
	.mainArrows__worksItemLink.to-left:hover{
		transform:translateX(max(calc(-10 / var(--vw-min) * 100vw),-10px));
	}
	.mainArrows__worksItemLink.to-right:hover{
		transform:translateX(min(calc(10 / var(--vw-min) * 100vw),10px));
	}
}
.mainArrows__worksItemLink:before{
	content:'';
	display:block;
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	box-sizing:border-box;
	transform:rotate(45deg);
	transition:all .3s ease;
}
@media screen and (max-width:768px){
	.mainArrows__worksItemLink:before{
		width:min(calc(20 / var(--vw-min) * 100vw),20px);
		height:min(calc(20 / var(--vw-min) * 100vw),20px);
	}
}
.mainArrows__worksItemLink.to-left:before{
	border-left:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
.mainArrows__worksItemLink.to-right:before{
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
}
@media screen and (hover:hover){
	.mainArrows__worksItemLink:hover:before{
		border-color:var(--color-gray);
	}
}
@media screen and (max-width:768px){
	.mainArrows__worksItemLink:before{
		border-color:#fff !important;
		filter:drop-shadow(0px 0px 4px #000000);
	}
}
.mainArrows__about{
	position:absolute;
	left:50%;
	top:0;
	bottom:0;
	margin-left:max(calc(-35 / var(--vw-min) * 100vw),-35px);
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.mainArrows__aboutItem{
	width:min(calc(70 / var(--vw-min) * 100vw),70px);
}
.mainArrows__aboutItemLink{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:min(calc(70 / var(--vw-min) * 100vw),70px);
	pointer-events:auto;
	transition:all .3s ease;
}
@media screen and (hover:hover){
	.mainArrows__aboutItemLink.to-top:hover{
		transform:translateY(max(calc(-10 / var(--vw-min) * 100vw),-10px));
	}
	.mainArrows__aboutItemLink.to-bottom:hover{
		transform:translateY(min(calc(10 / var(--vw-min) * 100vw),10px));
	}
}
.mainArrows__aboutItemLink:before{
	content:'';
	display:block;
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	box-sizing:border-box;
	transform:rotate(45deg);
	transition:all .3s ease;
}
.mainArrows__aboutItemLink.to-top:before{
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
}
.mainArrows__aboutItemLink.to-bottom:before{
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
}
.mainArrows__aboutItemLink:hover:before{
	border-color:var(--color-gray);
}

.topicsFooter{
	padding-top:min(calc(24 / var(--vw-min) * 100vw),24px);
	width:100%;
}
.topics{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	padding-bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
	.topics{
		display:block;
		padding:0 min(calc(10 / var(--vw-min) * 100vw),10px) min(calc(20 / var(--vw-min) * 100vw),20px);
	}
	.topics__t{
		font-size:min(calc(25 / var(--vw-min) * 100vw),25px);
		font-family:var(--font-oswald);
		text-align:center;
		margin-bottom:min(calc(16 / var(--vw-min) * 100vw),16px);
	}
}
.topics__inner{
	width:min(calc(790 / var(--vw-min) * 100vw),790px);
}
@media screen and (max-width:768px){
	.topics__inner{
		width:100%;
	}
}
.topics__swiper{
	width:100%;
}
@media screen and (max-width:768px){
	.topics__swiper-wrapper{
		display:block;
	}
}
.topics__single{
	display:flex;
}
@media screen and (max-width:768px){
	.topics__swiper-slide{
		margin-bottom:min(calc(12 / var(--vw-min) * 100vw),12px);
	}
}
.topics__thumb{
	width:min(calc(90 / var(--vw-min) * 100vw),90px);
	margin-right:min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (min-width:769px){
	.topics__thumb.is-noimg{
		display:none;
	}
}
@media screen and (max-width:768px){
	.topics__thumb{
		width:min(calc(144 / var(--vw-min) * 100vw),144px);
	}
}
.topics__thumbLink{
	display:block;
	height:min(calc(51 / var(--vw-min) * 100vw),51px);
}
@media screen and (max-width:768px){
	.topics__thumbLink{
		height:min(calc(81 / var(--vw-min) * 100vw),81px);
	}
}
.topics__thumbLink img{
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
	object-position:center top;
}
.topics__texts{
	flex:1;
	overflow:hidden;
	display:flex;
	align-items:flex-start;
	flex-direction:column;
	justify-content:center;
}
.topics__title{
	height:1.8em;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	font-weight:500;
	align-items:center;
	width:100%;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.topics__title{
		order:1;
		line-height:1.5;
		font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
		height:4.5em;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3;
		font-weight:500;
		align-items:center;
		width:100%;
	}
}
.topics__link{
	transition:all .6s ease;
	opacity:.6;
	text-decoration:none;
	color:var(--color-black);
}
@media screen and (max-width:768px){
	.topics__link{
		display:block;
		height:4.5em;
	}
}
@media screen and (hover:hover){
	.topics__link:hover{
		color:var(--color-black);
		opacity:0.95;
	}
}
.topics__cat-date{
	display:flex;
}
@media screen and (max-width:768px){
	.topics__cat-date{
		line-height:1.5;
	}
}
.topics__cat{
	margin-right:min(calc(16 / var(--vw-min) * 100vw),16px);
}
.topics__catLink{
	padding-left:1.3em;
	display:block;
	font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
	font-family:var(--font-oswald);
	position:relative;
	font-weight:500;
	text-decoration:none;
}
.topics__catLink:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:min(calc(13 / var(--vw-min) * 100vw),13px);
	-webkit-mask:url(../img/common/icon_tag.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_tag.svg) no-repeat center center / contain;
}
.topics__time{
	display:block;
	font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
	font-family:var(--font-oswald);
}
.topics__enterlingual{
	width:min(calc(122 / var(--vw-min) * 100vw),122px);
}
@media screen and (max-width:768px){
	.topics__enterlingual{
		display:none;
	}
}
.topics__enterlingualLink{
	display:block;
	transition:all .6s ease;
}
@media screen and (hover:hover){
	.topics__enterlingualLink:hover{
		opacity:0.6;
	}
}
.topics__enterlingualLink img{
	width:100%;
}
@media screen and (min-width:769px){
	.footer__toTop{
		display:none;
	}
}