@charset "utf-8";


.access {
	background: url(../images/cont_bg2.jpg);
	padding-bottom:60px;
}
.access .ac_main {
	position:relative;
	text-align:center;
}

.access .ac_main {
	text-align: center;
	position: relative;
}


.access .ac_main img {
	width:100%;
}

.access .ac_main .page_title {
	position:absolute;
	left: 0;
  right: 0;
  margin: auto;
	font-size: 50px;
	letter-spacing: 0.1em;
	color: #FFF;
	top: 30%;
	text-shadow: 0 0 6px #000000;
}
.access .ac_main ul:after {
	content:" ";
	display:block;
	clear:both;
}
.access .ac_main ul li {
	float: left;
	width : calc(100% / 2) ;
}
.access .ac_main ul li img {
	width:100%;
}.access .ac_cont {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.access .ac_cont .title {
	font-size: 36px;
	color: #9d9d9d;
	text-align: center;
	padding:70px 0 40px;
}
.access .ac_cont .catch01 {
	margin-bottom:35px;
}
.access .ac_cont .time {
	margin-bottom: 40px;
}
.access .ac_cont .route_map {
	margin-bottom: 70px;
}
.access .ac_cont .simulation p{
	font-size:18px;
	margin-bottom:20px;
}



@media only screen and (max-width: 768px){
.access {
	background: url(../images/cont_bg2.jpg);
	padding-bottom:60px;
}
.access .ac_main {
	
}
.access .ac_main .page_title {
	position: absolute;
	left: 0;
  right: 0;
  margin: auto;
	font-size: 30px;
	letter-spacing: 0.1em;
	color: #FFF;
	top: 20%;
	text-shadow: 0 0 6px #000000;
}
.access .ac_main ul:after {
	content:" ";
	display:block;
	clear:both;
}
.access .ac_main ul li {
	float: none;
	width : 100%;
}
.access .ac_main ul li img {
	width:100%;
}
.access .ac_cont {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	padding:0 5%
}
.access .ac_cont .title {
	font-size: 26px;
	color: #9d9d9d;
	text-align: center;
	padding:50px 0 30px;
}
.access .ac_cont .catch01 {
	margin-bottom:35px;
}
.access .ac_cont .time {
	margin-bottom: 40px;
}
.access .ac_cont .route_map {
	margin-bottom: 50px;
}
.access .ac_cont .simulation p{
	font-size:14px;
	margin-bottom:15px;
}

}