/* works
-------------------------------------------*/

.works table{
	width: var(--page-width);
	margin: 0 auto;
	line-height: 1.5;
	letter-spacing: 0.025em;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.works table th{
	color: #fff;
	font-size: 14px;
	vertical-align: middle;
	background-color: var(--font-black);
}
.works table th,
.works table td{
	padding: 10px 12px;
	border-left: 1px solid #ddd;
}
.works table td{
	padding-top: 18px;
	padding-bottom: 18px;
}
.works table tr:nth-child(odd){
	background-color: rgba(var(--pale-blue-rbg),0.3);
}
.works table th:first-child{
	width: 20%;
}
.works table th:nth-of-type(2){
	width: 10%;
}
.works table th:nth-of-type(3){
	width: 60%;
}
.works table th:last-child{
	width: 10%;
}
.works table td:first-child,
.works table td:nth-of-type(2){
	font-weight: bold;
}
.works table td:nth-of-type(3){
	text-align: left;
}

@media screen and (max-width: 650px){
	
	.works table th{
		font-size: 12px;
	}
	.works table th,
	.works table td{
		padding: 6px;
	}
	.works table td{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.works table th:nth-of-type(2){
		width: 13%;
	}
	.works table th:nth-of-type(3){
		width: 52%;
	}
}