@charset "utf-8";

/* --------------------------------------
■Jikei Group Colleges
#colleges
--------------------------------------- */
#colleges{
	position:relative;
	overflow:hidden;
	}
#colleges hgroup{
	padding-top:15px;
	}
#colleges hgroup h2{
	position:relative;
	margin-bottom:50px;
	z-index:10;
	}
#colleges p{
	width:50%;
	margin:20px 0 50px;
	}
#colleges #groupMap{
	position:absolute;
	top:0;
	right:0;
	width:389px;
	height:364px;
	background:url(../images/colleges/bg_map.png) no-repeat center center;
	}
#colleges #groupMap li a{
	position:absolute;
	}
#colleges #groupMap li a[href="#hokkaido"]{
	left:289px;
	top:92px;
	}
#colleges #groupMap li a[href="#miyagi"]{
	left:287px;
	top:154px;
	}
#colleges #groupMap li a[href="#saitama"]{
	left:287px;
	top:210px;
	}
#colleges #groupMap li a[href="#tokyo"]{
	left:287px;
	top:255px;
	}
#colleges #groupMap li a[href="#aichi"]{
	left:197px;
	top:328px;
	}
#colleges #groupMap li a[href="#osaka"]{
	left:78px;
	top:328px;
	}
#colleges #groupMap li a[href="#kyoto"]{
	left:80px;
	top:112px;
	}
#colleges #groupMap li a[href="#hyogo"]{
	left:20px;
	top:147px;
	}
#colleges #groupMap li a[href="#tottori"]{
	left:0px;
	top:182px;
	}
#colleges #groupMap li a[href="#shimane"]{
	left:-20px;
	top:217px;
	}
#colleges #groupMap li a[href="#fukuoka"]{
	left:-55px;
	top:250px;
	}
#colleges > div{
	width:46.67%;
	margin:0 1.66% 50px;
	}
#colleges section h1{
	padding-top:20px;
	margin-top:30px;
	margin-bottom:20px;
	background:url(../images/colleges/bg_bar.jpg) no-repeat left top;
	background-size:contain;
	}
#colleges section li{
	position:relative;
	padding:7px 63px 7px 10px;
	color:#348CCC;
	font-size:14px;
	font-weight:bold;
	}
#colleges section li a{
	position:absolute;
	top:7px;
	right:5px;
	}
#colleges section li:nth-child(odd){
	background:#F5FCFA;
	}
#colleges section li.odd{
	background:#F5FCFA;
	}

@media (max-width: 960px) {
#colleges #groupMap{
	position: inherit;
	margin:0 auto;
	}
#colleges p{
	width:100%;
	margin:20px auto 0;
	}
}
@media (max-width: 700px) {
#colleges div{
	float:none !important;
	width:auto;
	margin:0;
	}
}
@media (max-width: 600px) {
#colleges #groupMap {
	display:none;
}
}