@charset "utf-8";





@media (min-width: 768px) {
/* PC用 */

#access {}
	#access iframe{float: right;}
	#access .cBox{padding-bottom: 50px; margin-top: 20px; margin-bottom: 50px; position: relative;}
	#access .cBox .map{position: absolute; top: 100px; right: 0; z-index: -10;}
	#access .blueTxt{ font-size: 18px; color:#82AE46;}
	
	#access h5{color: #fff; background-color: #82AE46; padding: 5px; font-size: 16px; margin-bottom: 10px!important; display: inline-block;}
	#access .access{ height: 800px;}
	#access .accessptn{width: 28%; float: left; border-right: 1px solid #ccc; padding:0 2% 0 2%;}
	#access .accessptn h6{ font-size: 16px;  color:#82AE46; margin-bottom: 10px;}
	#access .end{border: 0;}
	
	#access .campus{ width: 45%; float: left; font-size: 14px;}
	#access .campus dt{ display: block;width: 15%;clear: left;float: left; color:#82AE46; margin-bottom: 2%;}
	#access .campus dd{ display: block;width: 70%;float: left; color:#4d4d4d; margin-bottom: 2%;}
	
}

@media (max-width: 767px) {
/* tablet用 */
	
#access {}
	#access h3{ font-size: 30px; color:#82AE46; font-weight: normal;}	
	#access iframe{ width: 100%;}
	#access .cBox{ width: 90%; margin: auto; border-bottom: 1px solid #000; padding-bottom: 50px; margin-bottom: 50px; overflow: hidden;}
	#access .cBox .map{}
	#access .blueTxt{ font-size: 18px; color:#82AE46;}
	
	#access h5{color: #fff; background-color: #82AE46; padding: 5px; font-size: 16px; margin-bottom: 10px!important; display: inline-block;}
	#access .access{ }
	#access .accessptn{border-bottom: 1px solid #ccc; padding: 0 0 2% 0;}
	#access .accessptn h6{ font-size: 16px;  color:#82AE46; margin-bottom: 10px;}
	#access .end{border: 0;}
	
	#access .campus{ font-size: 14px;}
	#access .campus dt{ display: block;width: 15%;clear: left;float: left; color:#82AE46; margin-bottom: 2%;}
	#access .campus dd{ display: block;width: 70%;float: left; color:#4d4d4d; margin-bottom: 2%;}
	
}