@charset "utf-8";

.u-mv:before {
	background: url(../../img/access/pc/bg-mv.jpg) no-repeat center;
	background-size: cover;
}



/*  #accessTop
--------------------------------------------------*/

#accessTop{
	padding-top: 90px;
	margin-bottom: 65px;
}
	#accessTop .logo{
		width: 220px;
		margin: 0 auto 60px; 
	}
	#accessTop .infoBox{
		text-align: center;
		font-size: 16px;
		line-height: 2.1875;
	}
		#accessTop .infoBox .a-address{
			margin-bottom: 6px;
		}
		#accessTop .infoBox .a-tel{
			margin-bottom: 20px;
		}
			#accessTop .infoBox .a-tel a{
				display: inline-block;
				width: 188px;
				margin-bottom: 6px;
			}
			#accessTop .infoBox .a-tel .a-accept{

			}
		#accessTop .infoBox .a-openInfo{

		}

@media screen and (max-width: 768px){
	#accessTop{
		padding-top: 50px;
		margin-bottom: 90px;
	}
		#accessTop .logo{
			width: 198px;
			margin: 0 auto 72px;
		}
		#accessTop .infoBox{
			font-size: 14px;
			line-height: 2.5;
		}
			#accessTop .infoBox .a-address{
				line-height: 2.5;
			}
			#accessTop .infoBox .a-tel {
			    margin-bottom: 25px;
			}
				#accessTop .infoBox .a-tel a {
				    width: 214px;
				    margin-bottom: 8px;
				}
}


/*  #maps
--------------------------------------------------*/

#maps{
	margin-bottom: 95px;
}
	#mapWrap{
		height: 390px;
		margin-bottom: 65px;
	}
		#mapWrap iframe{
			width: 100%;
			height: 390px;
			/*-webkit-filter: grayscale(1);*/
			/*filter: grayscale(1);*/
		}
	
		
	#maps .root{

	}

@media screen and (max-width: 768px){
	#maps{
		margin-bottom: 90px;
	}
		#mapWrap{
			margin-bottom: 50px;
		}
}


/*  #transportation
--------------------------------------------------*/


#transportation{
	padding-bottom: 100px;
}
	#transportation li{
		max-width: 333px;
		width: 33.3%;
		float: left;
		box-sizing: border-box;
		text-align: center;
		padding-top: 6px;
	}
	#transportation li:nth-child(2){
		max-width: 334px;
		width: 33.4%;
		border-left: solid 1px #ccc;
		border-right: solid 1px #ccc;
		padding-top: 26px;
	}
	#transportation li:nth-child(3){
		padding-top: 20px;
	}
		#transportation li img{
			width: 54px;
		}
		#transportation li .howTo{
			font-size: 23px;
			margin-top: 5px;
			margin-bottom: 9px;
		}
		#transportation li .desc{
			font-size: 16px;
			line-height: 1.75;
		}


@media screen and (max-width: 768px){
	#transportation{
	}
		#transportation li{
			max-width: 560px;
			width: 100%;
			float: none;
		}
		#transportation li:nth-child(2){
		    max-width: 560px;
		    width: 100%;
		    border: none;
		    border-top: solid 1px #ccc;
		    border-bottom: solid 1px #ccc;
		    padding-top: 40px;
		    padding-bottom: 34px;
		    margin: 34px 0 19px;
		}
		#transportation li:nth-child(3){
		}
			#transportation li img{
			}
			#transportation li .howTo{
				font-size: 23px;
			}
			#transportation li .desc{
				font-size: 14px;
				line-height: 2;
			}
}