@charset "utf-8";


@media screen and (min-width:768px){
/*pc・タブレットcss*/

.works-list{
	
}
.works-list li{
	margin-bottom:60px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.works-list .ph{
	width:35%;
}
.works-list .data{
	width:62%;
}
.works-list .data .name{
	width:30%;
}


}

@media screen and (min-width:768px) and ( max-width:1110px) {
}

@media (max-width: 768px) {

.works-list{
	
}
.works-list li{
	margin-bottom:8vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.works-list .ph{
	width:100%;
	margin-bottom:3vw;
}
.works-list .data{
	width:100%;
}

	
}