.sub{width:100%; padding:100px; box-sizing:border-box;}
.sub .subTit{width:100%; text-align:Center; color:#222; font-weight:bold; font-size:120px;}


.sub .worksHistory{
	width:100%;
	position:relative;
	margin-top:60px;
	display:flex;
	flex-flow:wrap;
	gap:60px 24px;
}
.sub .worksHistory dt{display:none;}
.sub .worksHistory dd{
	width:calc(100% / 4 - 18px);
	margin-top: 0;
	padding-left:0;
	display:flex;
	flex-direction:column;
	gap:0;
}
.sub .worksHistory dd .txA{
	width:100%;
	position:relative;
	order:2;
}
.sub .worksHistory dd .txA:before{display:none;}
.sub .worksHistory dd .txA .date{width:100%; word-break:Keep-all; font-size:16px; color:#999;}
.sub .worksHistory dd .txA .subj{width:100%; word-break:Keep-all; font-size:20px; color:#999; font-weight:700; margin-top:4px;}
.sub .worksHistory dd .txA .subs{width:100%; word-break:Keep-all; font-size:14px; color:#444; font-family:'pretentdard'; margin-top:12px;}
.sub .worksHistory dd .thum{
	width:100%;
	order:1;
}
.sub .worksHistory dd .thum img{width:100%;}
.sub .worksHistory dd .thum.mo_thum{display:block;}
.sub .worksHistory dd .thum.pc_thum{display:none;}

.sub .reviewList{width:100%; position:relative; margin-top:60px; display:flex; gap:60px 24px; flex-flow:wrap}
.sub .reviewList dd{width:calc(100% / 4 - 18px);}
.sub .reviewList dd .thum{width:100%}
.sub .reviewList dd .thum img{width:100%}
.sub .reviewList dd .txA{width:100%; margin-top:24px;}
.sub .reviewList dd .txA .subject{width:100%; word-break:Keep-all; font-size:24px; color:#222; font-weight:500;}
.sub .reviewList dd .txA .substabce{width:100%; word-break:Keep-all; font-size:18px; color:#444; margin-top:12px}