.map-title {
font-size: 40px;
text-align: center;
margin-top: 70px;
}

.map01 {
line-height: 1.6em;
margin:auto;
margin-top: 20px;
margin-bottom: 40px;
max-width: 800px;
}

.map02 {
background: #EDE3D9;
padding: 10px;
color: #000;
width: 100%;
max-width: 800px;
margin:auto;
margin-bottom: 50px;
line-height: 1.8em;
letter-spacing: 0;
}

.map02 img {
width: 100%;
}

.map02-title {
text-align: center;
margin: 10px auto 30px;
font-size: 20px;
margin-bottom: 10px;
}

	 	.map02 div p:last-child {
		margin-top: 20px;
		}
		
@media screen and (min-width: 769px){
	.map-box{
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	}
	
		.map-box div {
		width: 48%;
		}

}

.mapbtn {
	border: 1px solid #333;
	max-width: 500px;
	width: 100%;
	height: auto;
	margin: auto;
	box-sizing: border-box;
	margin-top: 25px;
	background: rgba(255,255,255,0.8);
	transition: .2s;
	}
	
	.mapbtn:hover {
	background: white;
	}
	.mapbtn a {
	display:block;
	width: 100%;
	height: 100%;
	padding: 20px 0; 
	box-sizing: border-box;
	text-align: center;
	color: #171717;
	}
	
	
	.map-subtitle {
	font-size: 20px;
	text-align: center;
	margin-bottom: 15px;
	}
	
	
	.address {
	font-size: 1.35em;
	padding: 20px 0;
	}
	
	.map01 .attention {
	font-size: 0.8em;
	line-height: 1.6em;
	margin-top: 15px;
	}