@charset "EUC-JP";
/* CSS Document */

/*==============================*/
/*  */
/*==============================*/
div.school_box.areaList div.school_title{ position: relative;}
div.school_box.areaList div.school_title h2{
	margin-bottom: 12px;
	padding-left: 72px;
}
div.school_box.areaList div.school_title h2 a{
	font-size: 19px;
	font-weight: 400;
}
div.school_box.areaList div.school_title div.pref{
	position: absolute; top: 2px; left: 160px;
	width: 100%;
	max-width: 64px;
	background: #0284C0;
	color: #fff;
	text-align: center;
	font-size: 13px;
}

	/* ======= PC =======*/
	@media (min-width: 600px) {
		div.school_box.areaList > div:first-child img{ height: 75px;}
	}
	/* ======= SP =======*/
	@media (max-width: 600px) {
		
		div.school_box.allList{ position: relative;}
		div.school_box.allList div.school_title p.prefectures{ position: absolute; top: 16px; left: 16px!important;}
		div.school_box.allList div.school_title h3{ padding-left: 64px;}
		
		
		
		div.school_box.areaList{
			position: relative;
			min-height: 184px;
		}
		div.school_box.areaList div.school_title h2{
			position: absolute; top: -52px; left: 0px;
			width: 100%;
		}
		div.school_box.areaList div.school_title h2 a{
			font-size: 18px;
			line-height: 1.2em;
		}
		div.school_box.areaList div.school_title div.pref{
			position: absolute; top: -50px; left: 0;
			width: 100%;
			max-width: 64px;
		}
		ul.licence{
			display: flex; display: -webkit-flex;
			flex-wrap: wrap; -webkit-flex-wrap: wrap;
			gap: 4px;
			max-width: 160px;
		}
		ul.licence li{ width: calc(calc(100% - 8px) / 3);}
		ul.licence li img{ width: 100%;}


		/*-- common：上書き設定
		------------------------- */
		div.school_box.areaList div.school_title ul{ margin-right: 0;}
		div.school_box.areaList div.school_title ul li {
			padding-bottom: 0px;
			border-bottom: none;
		}


	}