/*pc_css*/
@media screen and (min-width:751px){
	#access .main{
		width:100%;
		height:410px;
		background:url("/images/access/main.jpg") no-repeat;
		background-position: 50% bottom;
		background-size: cover;
		opacity: 0;
	}
	
	#access .contmaintl{
		text-align: center;
		line-height: 1.3em;
		font-size:6.2em;
		margin:0 0 0 0;
		color:#871b20;
		font-weight: 100;
	}
	
	#access .contmaintl2{
		text-align: center;
		line-height: 1.3em;
		font-size:1.6em;
		margin:0 0 30px 0;
		color:#000;
		font-weight: 500;
		position: relative;
		padding:0 0 35px 0;
	}
	
	#access .contmaintl2:after{
		content: "";
		height:25px;
		display: inline-block;
		border-left:1px solid #8fc31f;
		position: absolute;
		bottom:0;
		left:50%;
	}
	
	#access .contmainsub{
		text-align: center;
		line-height: 1.3em;
		font-size:1.5em;
		margin:25px 0 0 0;
		color:#871b20;
		font-weight: 500;
	}
	
	#access .contmainsub2{
		text-align: center;
		line-height: 1.5em;
		font-size:1.7em;
		margin:100px 0 30px 0;
		color:#000;
		font-weight: 500;
	}
	
	#access .contmainsub3{
		text-align: center;
		line-height: 1.8em;
		font-size:1.25em;
		margin:40px 0 0 0;
		color:#000;
		font-weight: 500;
	}
	
	#access .accessbox{
		width:800px;
		margin:0 auto;
		padding:100px 0;
		line-height: 1.8em;
	}
	
	#access .accessbox .tx{
		margin:0 0 40px 0;
		text-align:justify;
	}
	
	#access .accessbox .mapbox{
		width:100%;
		height:525px;
		position:relative;
		margin:0 0 40px 0;
	}
	
	#access .accessbox .mapbox iframe{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
	}
	
	#access .accessbox table{
		width:100%;
	}
	
	#access .accessbox table tr{
		padding:0 0 20px 0;
		display: block;
	}
	
	#access .accessbox table tr th{
		width:80px;
		border-right:1px solid #0f4f2b;
		text-align: left;
		color:#0f4f2b;
	}
	
	#access .accessbox table tr td{
		padding:0 0 0 20px;
	}
	
}

@media screen and (max-width:750px){
	#access .main{
		width:100%;
		height:30vh;
		background:url("/images/access/main.jpg") no-repeat;
		background-position: 50% bottom;
		background-size: cover;
		opacity: 0;
	}
	
	
	#access .contmaintl{
		text-align: center;
		line-height: 1.3em;
		font-size:3.5em;
		margin:0 auto;
		color:#871b20;
		font-weight: 100;
		width:90%;
	}
	
	#access .contmaintl2{
		text-align: center;
		line-height: 1.3em;
		font-size:1.6em;
		margin:0 auto 30px ;
		color:#000;
		font-weight: 500;
		position: relative;
		padding:0 0 35px 0;
		width:90%;
	}
	
	#access .contmaintl2:after{
		content: "";
		height:25px;
		display: inline-block;
		border-left:1px solid #8fc31f;
		position: absolute;
		bottom:0;
		left:50%;
	}
	
	#access .contmainsub{
		text-align: center;
		line-height: 1.3em;
		font-size:1.5em;
		margin:20px auto 0;
		color:#871b20;
		font-weight: 500;
		width:90%;
	}
	
	#access .contmainsub2{
		text-align: center;
		line-height: 1.5em;
		font-size:1.7em;
		margin:30px auto 30px;
		color:#000;
		font-weight: 500;
		width:90%;
	}
	
	#access .contmainsub3{
		text-align: center;
		line-height: 1.5em;
		font-size:1.1em;
		margin:30px auto 0;
		color:#000;
		font-weight: 500;
		width:90%;
	}
	
	#access .accessbox{
		width:90%;
		margin:0 auto;
		padding:50px 0;
		line-height: 1.8em;
	}
	
	#access .accessbox .tx{
		margin:0 0 30px 0;
		text-align:justify;
	}
	
	#access .accessbox .mapbox{
		width:100%;
		padding-top:75%;
		position:relative;
		margin:0 0 30px 0;
	}
	
	#access .accessbox .mapbox iframe{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
	}
	
	#access .accessbox table{
		width:100%;
	}
	
	#access .accessbox table tr{
		padding:0 0 20px 0;
		display: block;
	}
	
	#access .accessbox table tr th{
		width:80px;
		border-right:1px solid #0f4f2b;
		text-align: left;
		color:#0f4f2b;
	}
	
	#access .accessbox table tr td{
		padding:0 0 0 20px;
	}
}