@charset "UTF-8";

/* 
----------------------------------------*/
.inner{
	max-width: 100rem;
	margin: 0 auto;
	padding: 8rem 0 15rem;
}

.map_btn{
	display: flex;
	max-width: 100rem;
	max-width: 70rem;
	margin: 6rem auto 0;
	justify-content: space-between;
}
.map_btn li{
	width:32rem;
	height:6rem;
	/*line-height:5rem;*/
}
.map_btn li a {
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	text-align:center;
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	border-radius: 3rem;
	background: linear-gradient(to right,#e8f4fc 0%, #d7f2f6 70%, #B9F0DF 100%);
	position: relative;
	transition: .4s;
}
.map_btn li a:hover {
	opacity: .7;
}
.print_b a::before{
	content: "";
	width: 2.6rem;
	height: 2.6rem;
	background: url("../img/map/icon_pdf.svg") no-repeat left top / contain;
	position: absolute;
	top: 50%;
	left: 2.5rem;
	transform: translateY(-50%);
}
.gmap_b a{
	line-height: 1.2;
}
.gmap_b a::before{
	content: "";
	width: 2.5rem;
	height: 2.3rem;
	background: url("../img/map/icon_map.svg") no-repeat left top / contain;
	position: absolute;
	top: 50%;
	left: 2.5rem;
	transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
	.inner{
		width: 90%;
		padding: 4rem 0 8rem;
	}
	.map_btn{
		flex-direction: column;
		align-items: center;
		row-gap: 1rem;
		max-width: 100%;
		margin-top: 3rem;
	}
	.map_btn li{
		max-width:28rem;
		width:100%;
		height:4.5rem;
		line-height:4.5rem;
	}
	.map_btn li a{
		font-size:1.3rem;
	}
	.print_b a::before{
		width: 2rem;
		height: 2rem;
		left: 2.2rem;
	}
	.gmap_b a::before{
		width: 2rem;
		height: 1.8rem;
		left: 2.2rem;
	}
}