.mainvis img{
	width:100%;
}

main{
	max-width:1340px;
}
main > ul > li:last-of-type{
	max-width:993px;
}


.index{
	display:flex;
	flex-wrap:wrap;
}
.index li{
	position:relative;
	width:31.8%;
	max-width:300px;
	margin:0 2.3% 20px 0;
	padding:0 0 110px;
	text-align:center;
}
.index li:nth-of-type(3n){
	margin:0 0 20px 0;
}
.index li > img{
	width:100%;
	height:auto;
}
.index li span{
	display:block;
	font-family: 'Inter';
	font-size: 14px;
	color: #666666;
	text-align:left;
}
.index li h2{
	margin:0 0 20px;
	padding:0;
	font-family: 'Noto Sans JP';
	font-size:min(1.8vw,24px);
	font-weight:400;
	line-height: 32px;
	text-align:left;
	background:none;
}
.index li div{
	text-align:left;
}
.index li .readmore{
	position:absolute;
	bottom:30px;
	left:0;
	right:0;
}

@media screen and (max-width: 960px) {
	.mainvis{
		padding:60px 0 0;
	}
	/*----------------------------*/
	/*----------------------------*/
	.index{
		margin:0 auto 50px;
		border-bottom:1px solid #ccc;
	}
	.index li{
		width:100%;
		max-width:100%;
		margin:0 0 20px;
	}
}