@charset "utf-8";
.main{
	padding-bottom:min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.main{
		padding-bottom:min(calc(15 / var(--vw-min) * 100vw),15px);
	}
}
.works__wrap{}
@media screen and (max-width:768px){
	.works__wrap{
		padding-top:min(calc(24 / var(--vw-min) * 100vw),24px);
		margin-bottom:min(calc(30 / var(--vw-min) * 100vw),30px);
	}
}
.works__title{
	font-size:min(calc(28 / var(--vw-min) * 100vw),28px);
	font-family:var(--font-oswald);
	margin-bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
	.works__title{
		font-size:min(calc(26 / var(--vw-min) * 100vw),26px);
		margin-bottom:min(calc(22 / var(--vw-min) * 100vw),22px);
		text-align:center;
	}
}
.works__detail{
	display:flex;
}
@media screen and (max-width:768px){
	.works__detail{
		display:block;
	}
}
.works__carousel{
	width:min(calc(592 / var(--vw-min) * 100vw),592px);
	margin-right:min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.works__carousel{
		width:100%;
		margin-right:0;
		margin-bottom:min(calc(30 / var(--vw-min) * 100vw),30px);
	}
}
.works__carouselin{
	padding-top:56.25%;
	position:relative;
	margin-bottom: min(calc(2 / var(--vw-min) * 100vw),2px);
}
.works__carouselSwiper{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:#000;
}
.works__carouselSwiper-wrapper{}
.works__carouselSwiper-slide{}
.works__carouselSwiper{}
.works__carouselSwiper iframe{
	display:block;
	width:100%;
	height:100%;
}
.works__carouselSwiper img{
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
}
.works__thumbNav{
	height:min(calc(48 / var(--vw-min) * 100vw),48px);
	background:#fff;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-right:min(calc(16 / var(--vw-min) * 100vw),16px);
}
.works__thumbNavLists{
	display:flex;
	background:#ececec;
}
.works__thumbNavItem{
	width:min(calc(48 / var(--vw-min) * 100vw),48px);
	height:min(calc(48 / var(--vw-min) * 100vw),48px);
	margin-right:min(calc(2 / var(--vw-min) * 100vw),2px);
	background:#fff;
}
.works__thumbNavLink{
	display:block;
	height:min(calc(48 / var(--vw-min) * 100vw),48px);
	position:relative;
	transition:all 0.3s ease;
}
.works__thumbNavLink--left:before{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	margin-top:max(calc(-9 / var(--vw-min) * 100vw),-9px);
	margin-left:max(calc(-4 / var(--vw-min) * 100vw),-4px);
	width:min(calc(18 / var(--vw-min) * 100vw),18px);
	height:min(calc(18 / var(--vw-min) * 100vw),18px);
	box-sizing:border-box;
	border-bottom:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-gray);
	border-left:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-gray);
	transform:rotate(45deg);
	transition:all 0.3s ease;
}
.works__thumbNavLink--right:before{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	margin-top:max(calc(-9 / var(--vw-min) * 100vw),-9px);
	margin-left:max(calc(-12 / var(--vw-min) * 100vw),-12px);
	width:min(calc(18 / var(--vw-min) * 100vw),18px);
	height:min(calc(18 / var(--vw-min) * 100vw),18px);
	box-sizing:border-box;
	border-top:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-gray);
	border-right:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-gray);
	transform:rotate(45deg);
	transition:all 0.3s ease;
}
@media screen and (hover:hover){
	.works__thumbNavLink:hover{
		background:var(--color-gray);
	}
	.works__thumbNavLink:hover:before{
		border-color:#fff;
	}
}
.works__thumbNavNumber{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	font-family:var(--font-oswald);
}
.works__detailText{
	flex:1;
	overflow:auto;
	height:min(calc(381 / var(--vw-min) * 100vw),381px);
}
@media screen and (max-width:768px){
	.works__detailText{
		overflow:visible;
		height:unset;
		padding:0 min(calc(15 / var(--vw-min) * 100vw),15px);
	}
}
@media screen and (min-width:769px){
	.works__detailText::-webkit-scrollbar{
		width:4px;
		height:4px;
	}
	.works__detailText::-webkit-scrollbar-thumb{
		background:var(--color-lightgray);
		margin:2px;
		box-shadow:none;
	}
	@-moz-document url-prefix(){
		.works__detailTextl{
			scrollbar-color:#000 #fff;
			scrollbar-width:thin;
		}
	}
}
.works__detailTextin{
	padding-right:min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.works__detailTextin{
		padding-right:0;
	}
}
.works__detailTitle{
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight:700;
	line-height:1.6;
	margin-bottom:0.7em;
}
.works__detailLists{}
.works__detailItem{
	margin-bottom:min(calc(14 / var(--vw-min) * 100vw),14px);
}
.works__detailItemKey{
	font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
	font-family:var(--font-oswald);
}
.works__detailItemVal{
	font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
}
.works__archives{
	padding-top:min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.works__archives{
		margin:0 min(calc(10 / var(--vw-min) * 100vw),10px);
	}
}
.works__archivesCatLists{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.works__archivesCatLists{
		width:min(calc(415 / var(--vw-min) * 100vw),415px);
		margin:0 auto min(calc(24 / var(--vw-min) * 100vw),24px);
		border-top:1px solid var(--color-gray);
		border-left:1px solid var(--color-gray);
	}
}
.works__archivesCatItem{
	margin-right:min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
	.works__archivesCatItem{
		margin:0;
		flex:1;
		width:calc(100% / 3);
		border-right:1px solid var(--color-gray);
		border-bottom:1px solid var(--color-gray);
	}
}
.works__archivesCatLink{
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
	font-family:var(--font-oswald),var(--font-sans),sans-serif;
	opacity:.6;
	transition:all 0.4s ease;
	text-decoration:none;
}
@media screen and (max-width:768px){
	.works__archivesCatLink{
		display:flex;
		justify-content:center;
		line-height:1;
		font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
		opacity:1;
		padding:0.6em 0;
		background:#fff;
		white-space:nowrap;
	}
}
@media screen and (hover:hover){
	.works__archivesCatLink:hover{
		opacity:1;
	}
}
.works__archivesCatLink.is-active{
	opacity:1;
}
@media screen and (max-width:768px){
	.works__archivesCatLink.is-active{
		background:var(--color-gray);
		color:#fff;
		pointer-events:none;
	}
}
.works__archivesLists{
	display:flex;
	flex-wrap:wrap;
	margin:0 max(calc(-7 / var(--vw-min) * 100vw),-7px);
}
@media screen and (max-width:768px){
	.works__archivesLists{
		margin:0 max(calc(-5 / var(--vw-min) * 100vw),-5px) min(calc(10 / var(--vw-min) * 100vw),10px);
		justify-content:space-between;
	}
}
.works__archivesItem{
	width:calc(100% / 4);
	padding:0 min(calc(7 / var(--vw-min) * 100vw),7px) min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.works__archivesItem{
		width:calc(100% / 2);
		padding:0 min(calc(5 / var(--vw-min) * 100vw),5px) min(calc(10 / var(--vw-min) * 100vw),10px);
	}
}
.works__archivesLink{
	display:block;
	height:100%;
	border-radius:min(calc(3 / var(--vw-min) * 100vw),3px);
	background:#fff;
	padding:min(calc(8 / var(--vw-min) * 100vw),8px) min(calc(8 / var(--vw-min) * 100vw),8px) min(calc(16 / var(--vw-min) * 100vw),16px);
	text-decoration:none;
}
@media screen and (max-width:768px){
	.works__archivesLink{
		display:block;
		height:100%;
		border-radius:none;
		background:transparent;
		padding:0 0 min(calc(16 / var(--vw-min) * 100vw),16px);
		text-decoration:none;
	}
}
.works__archivesThumb{
	width:100%;
	border:1px solid var(--color-lightgray);
	margin-bottom:min(calc(7 / var(--vw-min) * 100vw),7px);
}
.works__archivesThumbin{
	width:100%;
	padding-top:56.25%;
	position:relative;
	background:#eee;
	overflow:hidden;
}
.works__archivesThumbin img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:contain;
	transition:all 0.8s ease;
}
@media screen and (hover:hover){
	.works__archivesLink:hover .works__archivesThumbin img{
		transform:scale(1.1);
	}
}
.works__archivesTitle{
	font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
	line-height:1.4
}