@charset "UTF-8";
/* =====================================================================================================================
=
= なにわ歯科衛生専門学校
= access
=
===================================================================================================================== */

/*
- About 共通
--------------------------------------------------------------------------------------------------------------------- */
#about{}
#about #content-header h1{
	background-image:url('/_assets/img/pc/about/main_image.jpg');
}

/*
- About アクセス
--------------------------------------------------------------------------------------------------------------------- */
#about.access{}

#map-01{
	width:800px;
	margin:0 auto 64px auto;
}
#map-02{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;

}

#map-02 span{
	width:40%;
}

#map-02 ul{
	flex:1;
	margin-left:20px;
}
#map-02 ul li::before{
	content: "\025a0";
	color: #EE87B4;
}
#map-02 ul li{
	padding-left: 1em;
	text-indent: -1em;
}

#gmap{}

/* 案内MAP */
#about.access #umekita h2.headline-2{
	color: #666666;
}

#about.access #osaka span,
#about.access #nakatsu-1 span,
#about.access #nakatsu-2 span,
#about.access #umekita span{
	display:block;
	width:620px;
	margin:0 auto;
}

#gmap .map-links{
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;
}

#gmap .map-links li{
	margin:0 5px;
}
/*
- media query (tablet)
--------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:963px){/*-add190605-*/
#map-01{
	width:auto;
	margin:0 auto 64px auto;
}
	#gmap iframe{
		width: 100%;
	}
}/*-tablet END-*/
/*
- media query (smart phone)
--------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:767px){
	#map-01{
		width:100%;
		margin:0 auto 32px auto;
	}

	#map-02{
		flex-flow:column wrap;
	}

	#map-02 span{
		width:100%;

	}

	#map-02 ul{
		margin-left:0px;
	}

	#gmap,
	#gmap iframe{
		width:100%;
		height:auto;
	}

	/* 案内MAP */
	#about.access #osaka span,
	#about.access #nakatsu-1 span,
	#about.access #nakatsu-2 span,
	#about.access #umekita span{
		display:block;
		width:100%;
		margin:0 auto;
	}

	#gmap .map-links{
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		align-items:center;
	}

	#gmap .map-links li{
		width:32%;
		margin:0 2px;
	}


}