@charset "UTF-8";

#accessArea {
	margin-bottom: 60px;
}
.access_container {
	margin: 0 auto 60px auto;
	width: 60%;
	height: 100%;
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-template-areas: 'g0 g1' 'g2 g3' 'g4 g5' 'g6 g7';
}
.access_container div {
	height: 60px;
	line-height: 60px;
	border-bottom: solid 1px #ccc;
}
.access_area-g0 {
	grid-area: g0;
}
.access_area-g1 {
	grid-area: g1;
}
.access_area-g2 {
	grid-area: g2;
}
.access_area-g3 {
	grid-area: g3;
}
.access_area-g4 {
	grid-area: g4;
}
.access_area-g5 {
	grid-area: g5;
}
.access_area-g6 {
	grid-area: g6;
}
.access_area-g7 {
	grid-area: g7;
}
#my_map {
	border:solid 1px #ccc;
	background: #fff;
	height:500px;
	width: 60%;
	margin: 0 auto;
}

@media screen and (max-width: 1320px) {
	.access_container {
		width: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas:
        'g0'
        'g1'
        'g2'
        'g3'
        'g4'
        'g5'
        'g6'
        'g7';
	}
	.access_container div {
    height: 30px;
    line-height: 30px;
	}
	.access_container div:nth-child(odd) {
    border-bottom: none;
		margin-top: 10px;
	}
	#my_map {
    width: 100%;
}