@charset "utf-8";


/**************************************************50
 * access
 **************************************************/
#access{
	color: #4D4D4D;
}
#about{
}
#about table{
}
#about table th{
}
#about table td{
	border-bottom: 1px solid #4D4D4D;
}
@media screen and (max-width:767px){
	#access{
		margin-bottom: 12.5%;
	}
	#about{
		margin-top: 6.25%;
	}
	#about table,
	#about table tbody,
	#about table tr,
	#about table th,
	#about table td{
		display: block;
	}
	#about table{
	}
	#about table th{
		margin-left: auto;
		margin-right: auto;
		padding: 1.5625% 3.125% 0;
		width: 93.75%;
	}
	#about table td{
		margin-left: auto;
		margin-right: auto;
		padding: 0 3.125% 1.5625%;
		width: 93.75%;
	}
	#about #gmap{
		margin: 6.25% auto 0;
		width: 93.75%;
	}
}
@media screen and (min-width:768px){
	#access{
		margin-bottom: 100px;
	}
	#about{
		margin-top: 50px;
	}
	#about table{
		border-collapse: separate;
		border-spacing: 0;
		table-layout: fixed;
		width: 100%;
	}
	#about table th{
		border-bottom: 1px solid #4D4D4D;
		padding: 1.5em 2em;
		width: 10em;
	}
	#about table td{
		padding: 1.5em 2em 1.5em 0;
	}
}
@media screen and (min-width:768px) and (max-width:1023px){
	#about table{
		margin-bottom: 50px;
	}
}
@media screen and (min-width:1024px){
	#about{
		padding-right: -webkit-calc(50% + 1em);
		padding-right: calc(50% + 1em);
		position: relative;
	}
	#about #gmap{
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		width: -webkit-calc(50% - 1em);
		width: calc(50% - 1em);
	}
}