@charset "utf-8";

.research-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;}
.research-list > li{border-radius:3px;background:var(--color68);font-weight:var(--font-weight-semibold);font-size:1.6rem;color:var(--black03);}
.research-list > li > a{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:1rem 1rem 1rem 8%;}
.research-list > li > a .research-link-in{display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;border-radius:50%;background:var(--white100);}
.research-list > li > a .research-link-in:before{content:'';width:1.3rem;height:1.6rem;background:url(../../_share/img/sj-common/ico-research-link-in.png) no-repeat center/100%;transition:0.3s ease;}
.research-list > li > a .research-link-newtab{display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;border-radius:50%;background:var(--color54);transition:0.3s ease;}
.research-list > li > a .research-link-newtab:before{content:'';width:1.6rem;height:1.4rem;background:url(../../_share/img/sj-common/ico-research-link-newtab.png) no-repeat center/100%;transition:0.3s ease;}
.research-list > li:has(span){display:flex;align-items:center;}
.research-list > li > span{display:inline-block;padding:2.1rem 1rem 2rem 8%;}
.research-list > li:has(.research-link-in):hover .research-link-in:before{background:url(../../_share/img/sj-common/ico-research-link-in-hover.png) no-repeat center/100%;}
.research-list > li:has(.research-link-newtab):hover .research-link-newtab{background:var(--color01);}

@media screen and (max-width:1024px) {		
	.research-list{grid-template-columns:repeat(3, 1fr);}
	.research-list > li > a{padding:1rem 1rem 1rem 6%;}
		.research-list > li > span{padding:2.1rem 1rem 2rem 6%;}
}

@media screen and (max-width:768px) {		
	.research-list{grid-template-columns:repeat(1, 1fr);}
	.research-list > li{font-size:1.4rem;}
	.research-list > li > a{padding:5px 1.6rem 5px;}
	.research-list > li > span{padding:1.7rem 1.6rem 1.7rem;}
}