@charset "utf-8";


section.w-hero{
	padding: 0;
}
.t-wrap-works{
	padding: 150px 60px 100px;
    margin: 0;
}
.works-list{
	background: unset;
	padding:0 20px 130px
}
@media (min-width:1025px){
	.works-list{
		padding:0 60px 200px;
	}
}
.works-list_articles_list{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	row-gap:60px;
}
@media (min-width:768px){
	.works-list_articles_list{
		gap:130px 60px;
		gap: 60px 60px;
	}
}
.works-list_articles_list li{
	width:100%
}
@media (min-width:768px){
	.works-list_articles_list li{
		width:calc(50% - 30px);
	}
}
@media (min-width:1025px){
	.works-list_articles_list li{
		width:calc(33.33% - 40px)
	}
}
.works-i_img{
	position:relative;
	margin:8px auto 0;
	aspect-ratio:1.618/1;
	overflow:hidden
}
.works-i_com{
	margin:12px 0 0;
}
@media (min-width:1025px){
	.works-i_com{
		margin:16px 0 0;
	}
}
.works-i_com_c{
	font-size:1.4rem;
	font-size:1.5rem;
}
.works-i_com_t{
	font-size:1.5rem;
	margin:6px 0 0;
}
.works-i_com_t{
	width: 100%;
	line-height: 140%;
}
.works-i_com_t td{
	vertical-align: top;
}
.works-i_com_t td:first-child{
	    width: 60px;
}
@media (min-width:1025px){
	.works-i_com_t{
		font-size:1.4rem;
	}
}
a:hover .back-pic{
	-webkit-transform:scale(1) translateZ(0);
	transform:scale(1) translateZ(0);
}
a .back-pic{
	-webkit-transition:.6s transform cubic-bezier(0.39, 0.58, 0.57, 1);
	transition:.6s transform cubic-bezier(0.39, 0.58, 0.57, 1);
	-webkit-transform:scale(1.05) translateZ(0);
	transform:scale(1.05) translateZ(0);
}

@media screen and (min-width: 1025px) and (max-width: 1499px) {

}
	
@media (max-width: 1024px){
	section.w-hero{
		margin: 90px auto 0;
	}
	.t-wrap-works{
		padding: 60px 20px 40px;
	}
	.works-i_com_t td:first-child{
		width: 15%;
	}
}
	
@media (max-width: 768px){
	.t-wrap-works{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex
	}
	.works-i_com_t td:first-child{
		width: 70px;
	}
}
	
@media (max-width: 670px){
	.t-wrap-works{
	padding: 40px 20px;
	}
}

   
@media (max-width: 570px){
	section.w-hero{
		margin: 90px auto 0;
	}
}