@charset "utf-8";

.access-carinfo-container{
	display:flex;
	margin:90px auto;
	width:90%;
	max-width:1300px;
	justify-content: space-between;
	align-items: center;
	}
.access-car-info{
	text-align:center;
	font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	}
.access-car-info > h3{
	margin:15px 0px 10px 0px;
	border-bottom:solid 1px #666;
	font-size:1.1em;
	}
.access-car-info > p{
	margin-top:5px;
	}
.access-how-container{
	display:flex;
	justify-content: space-between;
	width:100%;
	margin:auto;
	}
.access-how{
	margin-bottom:20px;
	width: 100%;
	padding:20px;
	}
.access-how > h3{
	background-color:#000;
	padding:4px 15px;
	border-radius:16px;
	color:#FFF;
	letter-spacing:2px;
	font-size:1.0em;
	}
.access-how >h3 > i{
	color:#CBEDEC;
	}
.access-how p{
	padding:0px 10px;
	margin:10px  3px 10px 3px;
	border-bottom:dotted 1px #666;
	}
	
.font-awe-s{
	font-size:0.9em;
	}
.ggmap {
position: relative;
padding-bottom: 30%;/*高さ調整*/
padding-top: 25px;
height: 0;
overflow: hidden;
margin:80px auto 60px auto;
max-width:1300px;
width:90%;
z-index:-50;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.ggg-map 
{
height: auto;
overflow: hidden;
margin:80px auto 60px auto;
max-width:1300px;
width:90%;
z-index:-50;
}
 
.ggg-map iframe,
.ggg-map object,
.ggg-map embed {
width: 100%;
}

@media screen and (max-width: 768px) {
	 /*　画面サイズが768px以下はここを読み込む　*/
.access-how-container{
		display:block;
		}
.access-carinfo-container{
	display:block;
	margin:50px auto;
	}
.ggmap {
	padding-bottom: 70%;/*高さ調整*/
	}
.access-how{
	padding:0px;
	}
.access-how > h3{
	font-size:0.9em;
	}
.access-car-info{
	width:85%;
	margin:auto;
	}
.access-car-info > p{
	margin-bottom:50px;
	font-size:0.8em;
	}
}