@charset "utf-8";

.leadSec{}
.leadTtl{
	display:table;
	color:var(--main-color);
	line-height:1.5;
}
.leadTxt{line-height:1.866;}
.operatGr{border-top:1px solid #dcdcdc;}
.operatTtl{
	display:block;
	line-height:1.6;
}
.operatSttl{
	display:block;
	line-height:1.4;
}
.operatList{
	display:grid;
	grid-template-rows:repeat(auto-fill,auto);
}
.operatList li{
	position:relative;
	display:block;
	list-style:none;
}
.operatList img{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.operaItemName{
	display:block;
	grid-area:opeTtl;
	line-height:1.4;
}
.pdfLink{grid-area:opePdf;}
.catalogLink{grid-area:opeCatalog;}
.detailLink{grid-area:opeDeta;}
.operatList a{
	display:block;
	line-height:1.0;
	color:var(--text-color);
}
@media screen and (max-width:1023.98px){
	.leadTtl{
		font-size:20px;
		text-underline-offset:6px;
	}
	.leadTxt{
		margin-top:18px;
		font-size:12px;
	}
	.operatGr{
		margin-top:28px;
		padding-top:28px;
	}
	.pageContent .operatTtl{font-size:18px;}
	.pageContent .operatSttl{font-size:13px;}
	.operatTtl+.operatSttl{margin-top:20px;}
	.operatList+.operatSttl{margin-top:28px;}
	.operatList{
		grid-template-columns:repeat(2,49%);		
		gap:24px 2%;
		margin-top:24px;
	}
	.operatSttl+.operatList{margin-top:18px;}
	.operatList li{
		min-height:14.8453vw;
		padding-left:39%;
	}
	.operatList img{
		width:35%;
		border-radius:8px;
	}
	.operaItemName{
		margin-bottom:10px;
		font-size:13px;
	}
	.operatList+.operatList{margin-top:8px;}
	.operatList *[data-link]+*[data-link]{margin-top:4px;}
	.operatList a{font-size:12px;}
}
@media screen and (min-width:1024px){
	.pageContent{
		width:min(1200px,100%);
		margin-top:min(60px,5vw);
	}
	.leadSec{margin-bottom:min(60px,5vw);}
	.leadTtl{font-size:min(30px,2.5vw);}
	.leadTxt{
		margin-top:min(24px,2vw);
		font-size:min(15px,1.25vw);
	}
	.operatGr{
		margin-top:min(32px,2.667vw);
		padding-top:min(32px,2.667vw);
	}
	.pageContent .operatTtl{font-size:min(24px,2vw);}
	.pageContent .operatSttl{font-size:min(16px,1.333vw);}
	.operatTtl+.operatSttl{margin-top:min(28px,2.333vw);}
	.operatList+.operatSttl{margin-top:min(40px,3.333vw);}
	.operatList{
		grid-template-columns:repeat(4,23.5%);
		gap:24px 2%;
		margin-top:min(32px,2.667vw);
	}
	.operatSttl+.operatList{margin-top:min(22px,1.833vw);}
	.operatList li{
		min-height:5.40156vw;
		padding-left:32%;
	}
	.operatList img{
		width:27%;
		border-radius:min(10px,0.833vw);
	}
	.operaItemName{
		margin-bottom:min(14px,1.167vw);
		font-size:min(16px,1.333vw);
	}
	.operatList+.operatList{margin-top:min(10px,0.833vw);}
	.operatList *[data-link]+*[data-link]{margin-top:min(10px,0.833vw);}
	.operatList a{font-size:min(14px,1.167vw);}
}