@charset "utf-8";
.works_all_wrap {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 30px;
		position: relative;
		z-index: 5;
}
.works_all_wrap .works_all_sidebar {
		width: 200px;
		position: sticky;
		left: 0;
		top: 120px;
		float: left;
		z-index: 5
}
.works_all_wrap .works_all_sidebar h2 {
		font-size: 20px;
		font-family: "Montserrat", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;
		font-weight: 800;
		color: #C3392D;
		letter-spacing: 0.07em;
		margin: 0 0 50px;
}
.works_all_sidebar ul {
		list-style: none
}
.works_all_sidebar li {
		margin-bottom: 20px;
		font-weight: 500;
}
.works_all_sidebar li a {
		color: #222;
		text-decoration: none;
}
.works_all_sidebar li a.isCurrent {
		color: #C3392D;
}
.works_all_sidebar li a.isCurrent .underL::after {
		transform: scaleX(1)
}
@media (hover: hover) {
		.works_all_sidebar li a:hover {
				color: #C3392D;
		}
}
.works_all_cont {
		margin-left: 260px;
		position: relative;
		z-index: 10;
		min-height: 500px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap
}
.works_tile {
		width: 50%;
		margin: 0 0 80px
}
.works_tile a {
		color: #222;
		text-decoration: none;
}
.works_tile_thumb {
		overflow: hidden;
		margin: 0 0 15px
}
.works_tile_thumb img {
		width: 100%;
		aspect-ratio: 10 / 6.6;
		height: auto;
		object-fit: cover;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
		.works_tile a:hover {
				color: #C3392D;
		}
		.works_tile a:hover img {
				transform: scale(1.08)
		}
}
.works_tile_caption {
		padding-right: 30px;
}
.works_tile_caption p {
		font-size: 16px;
		font-weight: 700;
		line-height: 1.6;
		margin: 0 0 15px
}
.category_gr {
		display: flex;
		flex-wrap: wrap;
}
.category_tag {
		display: flex;
		align-items: center;
		height: 26px;
		border: 1px solid #B32518;
		border-radius: 5px;
		color: #B32518;
		padding: 0 10px;
		box-sizing: border-box;
		font-size: 14px;
		font-weight: 500;
}
.category_tag span {
		transform: translateY(-1px)
}
@media(max-width: 1200px) {
		.works_all_wrap .works_all_sidebar {
				width: 150px;
		}
		.works_all_cont {
				margin-left: 200px;
		}
}
@media(max-width: 960px) {
		.works_tile_caption p {
				font-size: 15px;
		}
		.category_tag {
				height: 24px;
				padding: 0 10px;
				font-size: 13px;
		}
}
@media(max-width: 767px) {
		.second_hdr {
				margin-bottom: 0;
				position: relative;
				z-index: 25
		}
		.works_all_wrap {
				padding: 0;
		}
		.works_all_wrap .works_all_sidebar {
				width: 100%;
				position: sticky;
				left: 0;
				top: 59px;
				float: none;
				z-index: 20;
				background: #fff;
				padding: 30px 20px 20px;
				box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);
		}
		.works_all_wrap .works_all_sidebar h2 {
				font-size: 15px;
				margin: 0 0 20px;
		}
		.works_all_sidebar ul {
				display: flex;
				align-items: center;
				flex-wrap: wrap
		}
		.works_all_sidebar li {
				font-size: 15px;
				margin: 0 20px 10px 0;
		}
		.works_all_cont {
				margin-left: 0;
				padding: 0 20px;
				margin-top: 40px;
		}
		.works_tile {
				width: calc(50% - 5px);
				margin: 0 0 60px
		}
		.works_tile a {
				color: #222;
				text-decoration: none;
		}
		.works_tile_thumb {
				overflow: hidden;
				margin: 0 0 15px
		}
		.works_tile_caption {
				padding-right: 0;
		}
		.works_tile_caption p {
				font-size: 15px;
				margin: 0 0 15px
		}
		.category_tag {
				height: 26px;
				border-radius: 4px;
				padding: 0 8px;
				font-size: 13px;
		}
}