@charset "UTF-8";


/*================================================
 *  診療科・部門 TOP（dep/index.php）
 ================================================*/

/*******診療科・部門一覧*******/
/*アンカーナビ*/
section#deplist_area #nav_anchor {
	max-width: 800px;
	margin: 3em auto 3.5em;
}


/*一覧リンク*/
section#deplist_area [class*="dep_list"] {
	display: grid; 
	grid-template-columns: repeat(3, 1fr); 
	gap: 1em 1em; 
}
@media screen and (min-width: 800.1px) {
	section#deplist_area .dep_list_center {
		grid-template-columns: calc((100% - 2em) / 3) calc((100% - 2em) / 3); 
		justify-content: center 
	}
}
section#deplist_area .dep_list_center {
	margin-top: 2em;
}
section#deplist_area [class*="dep_list"] li a {
	display: flex;
	align-items: center;
	line-height: 1.5;
	height: 100%;
	min-height: 3.5em;
	padding: 0.5em 0;
	text-align: left;
}
section#deplist_area [class*="dep_list"] li a [class*="icon-"] {
	margin: 0 0.6em 0 0.9em;
}
section#deplist_area [class*="dep_list"] li a em {
	margin-top: -0.09em;
}
section#deplist_area [class*="dep_list"] li a:not(:hover) em {
	color: var(--color-normal);
}








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


/*******診療科・部門一覧*******/
/*アンカーナビ*/
section#deplist_area #nav_anchor {
	max-width: inherit;
	margin: 10vw 0 12vw;
}


/*一覧リンク*/
section#deplist_area [class*="dep_list"] {
	grid-template-columns: 1fr 1fr; 
	gap: 3vw 3vw; 
}
section#deplist_area [class*="dep_list"] li a [class*="icon-"] {
	margin-left: 0.7em;
}















}