@charset "UTF-8";


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

/*******診療科・部門一覧*******/
/*アンカーナビ*/
section#deplist_area #dep_top_anchor {
	max-width: 800px;
	margin: 3em auto 3.5em;
}
section#deplist_area #dep_top_anchor ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2px 2px;
	font-size: 90%;
	font-weight: 500;
	line-height: 1.25;
}
section#deplist_area #dep_top_anchor ul li {
	min-height: 3.889em;
}
section#deplist_area #dep_top_anchor ul li a {
	background-color: var(--color-gray01);
	display: flex;
	align-items: center;
	height: 100%;
	position: relative;
	padding: 0.5em 1.111em;
}
section#deplist_area #dep_top_anchor ul li a:hover {
	background-color: var(--color-main);
	opacity: 1;
}
section#deplist_area #dep_top_anchor ul li a:hover > * {
	color: #fff;
}
section#deplist_area #dep_top_anchor ul li a [class*="icon-"] {
	font-size: 112.5%;
	flex-shrink: 0;
	margin-right: 0.6em;
}
section#deplist_area #dep_top_anchor ul li a em {
	padding-bottom: 0.09em;
}





/*一覧リンク*/
section#deplist_area [class*="dep_list"] {
	display: grid; 
	grid-template-columns: repeat(3, 1fr); 
	gap: 1em 1em; 
}
section#deplist_area .dep_list_center {
	grid-template-columns: calc((100% - 2em) / 3); 
	justify-content: 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 #dep_top_anchor {
	max-width: inherit;
	margin: 10vw 0 12vw;
}
section#deplist_area #dep_top_anchor ul {
	grid-template-columns: 1fr 1fr;
	gap: 2px 2px;
	font-size: 3.5vw;
}
section#deplist_area #dep_top_anchor ul li {
	min-height: 3.6em;
}
section#deplist_area #dep_top_anchor ul li a {
	padding: 0.5em 4vw 0.5em 3vw;
}
section#deplist_area #dep_top_anchor ul li a:hover {
	background-color: var(--color-main);
	opacity: 1;
}
section#deplist_area #dep_top_anchor ul li a:hover > * {
	color: #fff;
}
section#deplist_area #dep_top_anchor ul li a [class*="icon-"] {
	font-size: 112.5%;
	flex-shrink: 0;
	margin-right: 0.6em;
}

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















}