@charset "Shift_JIS";




.inner960{
	box-sizing: border-box;
	width : 960px ;
	margin : 0px auto ;
}



.access_mainimagebox{
	position: relative ;
	min-width : 960px ;
	width:100%;
	height : 384px ;
	background-image : url("../../images/access/access_mainimage.jpg");
	background-position: center center ;
	background-size: cover ;
	margin-bottom : 32px ;
}

.access_maincatch{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width : 960px ;
	margin : -80px 0px 0px -480px ;
	z-index :4 ;
}

.access_caption_image{
	position: absolute ;
	bottom : 4px ;
	right : 4px ;
	width : 90px ;
	z-index : 5 ;
}

.access_mainstory{
	font-size : 16px ;
}

.access_directaccess{
	width : 100% ;
	margin : 36px auto 0px ;
}

.access_railmap{
	width : 100% ;
	margin : 36px auto 0px ;
}

.access_railtitle{
	width : 480px ;
	margin : 20px 0px 0px ;
}


.access_rail_flex{
	position: relative ;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap;
	width : 100% ;
	margin : 16px auto 0px ;
}

.access_rail_item{
	width : 49% ;
	max-width : 460px ;
	margin : 0px 0px 16px ;
}
.access_rail_item img{
	width : 100% ;
}

.access_rail_item_dummy{
	width : 49% ;
	max-width : 460px ;
	height : 1px ;
	margin : 0px ;
}


.access_rail_hr{
	width : 100% ;
	height : 1px ;
	margin : 60px auto 0px ;
	border-top: 2px solid #96802D ;
	border-bottom: 1px solid #96802D ;
}


.access_approach_title{
	width : 100% ;
	max-width : 788px ;
	margin : 54px auto 0px ;
}

.access_approachstory{
	font-size : 16px ;
	margin : 20px 0px 0px;
}

.access_icon_bybus{
	width : 100% ;
	border-bottom : 1px solid #96802D ;	
	margin : 20px 0px 0px ;
}
.access_icon_bybus img{
	width :244px ;
}

.access_busmap{
	float : left ;
	width : 569px ;
	margin : 20px 0px 0px ;
}
.access_bussim{
	float : right ;
	width : 364px ;
	margin : 20px 0px 0px ;
}


.access_bus_link{
	text-align : right ;
	font-size : 12px ;
	margin-top : 10px ;
	padding-bottom : 14px ;
	/*border-bottom : 1px solid #96802D ;	*/
}
.access_bus_link a{
	text-decoration: none ;
}


.access_busttable01{
	float : left ;
	width : 49% ;
	max-width : 458px ;
	margin-top : 6px ;
}
.access_busttable02{
	float : right ;
	width : 49% ;
	max-width : 458px ;
	margin-top : 6px ;
}

.acces_bytaxibox{
	box-sizing: border-box ;
	width : 100% ;
	padding : 10px 30px ;
	border-bottom : 1px solid #96802D ;	
}
.access_taxisim01{
	float : left ;
	width : 49% ;
	max-width : 414px ;
}
.access_taxisim02{
	float : right ;
	width : 49% ;
	max-width : 434px ;
}


.acces_bytaxi_notice{
	font-size : 12px ;
	margin-top : 10px ;
}




.access_car_hr{
	width : 100% ;
	height : 1px ;
	margin : 60px auto 0px ;
	border-top: 1px solid #96802D ;
	border-bottom: 2px solid #96802D ;
}

.access_car_title{
	width : 100% ;
	padding-bottom :4px ;
	margin : 54px 0px 0px ;
	border-bottom: 1px solid #231815 ;
}
.access_car_title img{
	width : 180px ;
}


.access_car_superbox{
	width : 100% ;
	margin : 20px 0px 36px ;
	position: relative ;
	padding-bottom : 60px ;
}
.access_car_catch{
	position: relative;
	width : 100% ;
	max-width : 366px;
	margin-top : 24px ;
	z-index : 4 ;
}
.access_car_story{
	position: relative;
	width : 100% ;
	max-width : 320px;
	margin-top : 24px ;
	font-size : 17px ;
	line-height : 32px ;
	z-index : 4 ;
}
.access_car_highway{
	position: absolute ;
	bottom : 0px ;
	right : 0px ;
	width : 100% ;
	max-width : 610px ;
	z-index : 1 ;
}



/* SP Site*/
@media screen and (max-width: 640px) {
.access_maincatch,
.access_mainimagebox{
	min-width:320px;
	width:100%;
}



.subPageLogo img{
	width : 200px ;
}

.access_mainimagebox{
	height : auto ;
	padding : 40px 0px ;
	margin-bottom : 32px ;
}

.access_maincatch{
	position: relative;
	top : auto ;
	left : auto ;
	max-width : 600px ;
	margin : 0px auto ;
}

.access_railmap{
	margin : 0px auto 0px ;
}

.access_railtitle{
	/*width : 300px ;*/
	margin : 40px 0px 0px ;
}


.access_rail_flex{
	margin : 32px auto 0px ;
}

.access_rail_item{
	width : 100% ;
	max-width : 460px ;
	margin : 0px 0px 16px ;
}
.access_rail_item img{
}

.access_rail_item_dummy{
	width : 100% ;
}


.access_rail_hr{
	height : 2px ;
	border-top: 4px solid #96802D ;
	border-bottom: 2px solid #96802D ;
}


.access_approach_title{
	/*max-width : 280px ;*/
	margin : 54px auto 0px ;
}

.access_approachstory{
}

.access_icon_bybus{
	border-bottom : 2px solid #96802D ;	
	margin : 40px 0px 0px ;
}
.access_icon_bybus img{
	width :244px ;
}

.access_busmap{
	float : none ;
	width : 100% ;
	max-width : 569px ;
	margin : 20px auto 0px ;
}
.access_bussim{
	float : none ;
	width : 100% ;
	max-width : 364px ;
	margin : 20px auto 0px ;
}


.access_bus_link{
	/*border-bottom : 2px solid #96802D ;	*/
	text-align:left;
}
.access_bus_link a{
	text-decoration: none;
}


.access_busttable01{
	float : none ;
	width : 100% ;
	max-width : 458px ;
	margin-top : 12px ;
}
.access_busttable02{
	float : none ;
	width : 100% ;
	max-width : 458px ;
	margin-top : 12px ;
}

.acces_bytaxibox{
	padding : 20px 0px ;
	border-bottom : 2px solid #96802D ;	
}
.access_taxisim01{
	float : none ;
	width : 100% ;
	max-width : 414px ;
	margin : 0px auto ;
}
.access_taxisim02{
	float : none ;
	width : 100% ;
	max-width : 434px ;
	margin : 20px auto 0px;
}


.acces_bytaxi_notice{
	font-size : 12px ;
	margin-top : 10px ;
}




.access_car_hr{
	height : 2px ;
	border-top: 2px solid #96802D ;
	border-bottom: 4px solid #96802D ;
}

.access_car_title{
	border-bottom: 2px solid #231815 ;
}
.access_car_title img{
}


.access_car_superbox{
	padding-bottom : 0px ;
}
.access_car_catch{
	margin : 24px auto 0px ;
}
.access_car_story{
	max-width : 640px;
}
.access_car_highway{
	position: relative  ;
	bottom : auto ;
	right : auto ;
	width : 100% ;
	max-width : 640px ;
	margin : 0px auto 0px ;
}






















}