/*------------------------------------------------

   /illustration/index

------------------------------------------------*/
.illustration-list{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 40px;
	border: 1px solid #ddd;
}
.illustration-list li{
	width: calc(100% / 3);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
}
.illustration-list .image img{
	max-width: 80%;
	height: auto;
	height: 200px;
	object-fit: contain;
}
.illustration-list .image{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.illustration-list li:nth-last-child(-n + 2) .image {
	border-bottom: none;
}


.illustration-list li:nth-child(3n) .image{
	border-right: none;
}

@media screen and (max-width: 480px) {

	.illustration-list{
		margin-top: 30px;
	}
	.illustration-list li{
		width: calc(100% / 2);
	}
	.illustration-list li:nth-child(3n) .image{
		border-right: 1px solid #ddd;
	}
	.illustration-list li:nth-child(2n) .image{
		border-right: none;
	}
	.illustration-list .image{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.illustration-list .image img{
		max-height: 150px;
	}
	.illustration-list  .title{
		font-size: 13px;
	}


}