@charset "utf-8";
/*------------------------------------------------------------
	works
------------------------------------------------------------*/
#main .comMainBox {
	max-width: 100%;
	padding: 0.4rem 0 0;
}
#main .comMainBox .ancholBox {
	width: 21rem;
	top: 1.5rem;
	height: calc(100% - 1.5rem);
}
#main .comMainBox .mainBox {
	margin-left: 23.8rem;
}
#main .comMainBox .comWorkUl a {
	border-bottom-color: #E9E9E9;
}
#main .comMainBox .comWorkUl .infoBox .tagUl li {
	color: #fff;
	background-color: #02af94;
}
#main .comMainBox .comWorkUl .infoBox {
	color: #1c1e1d;
}
#main .comMainBox .comWorkUl .title {
	color: #1c1e1d;
}
#main .comMainBox .comWorkUl .markUl li {
	color: #02af94;
}
.comInnerUl {
	margin-top: 18rem;
}
@media all and (min-width: 897px) and (max-width: 1380px) {
	.comWorkUl > li {
		width: calc((100% - 5rem) / 3);
	}
}
@media all and (max-width: 896px) {
	#main .comMainBox {
		padding: 0;
	}
	#main .comMainBox .ancholBox {
		width: auto;
		height: fit-content;
	}
	#main .comMainBox .mainBox {
		margin-left: 0;
	}
	#main .comMainBox .comWorkUl li:not(:last-child) {
		margin-bottom: 2.9rem;
	}
	.comInnerUl {
		margin-top: 6rem;
	}
}