@charset "UTF-8";


/*================================================
 *  JA岐阜厚生連 病院一覧（group）
 ================================================*/

section#group_area .group_list {
	display: grid; 
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem 2rem;
}
section#group_area .group_list li a {
	display: block;
	position: relative;
}
section#group_area .group_list li a::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
	z-index: 2;
	transition: var(--transition);
}
section#group_area .group_list li.no_border a::after {
	opacity: 0;
}
section#group_area .group_list li a:hover::after {
	border-color: var(--color-main);
	opacity: 1;
}
section#group_area .group_list li a img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
}












/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width: 800px) {

section#group_area .group_list {
	grid-template-columns: repeat(2, 1fr);
	gap: 4vw 4vw;
}















}