@charset "UTF-8";

/* --- ヒーローエリア ---*/
section.hero_loc {
	background: url(../img/hero_loc.jpg) no-repeat center center;
}

/* --- LOCAION-INFO ---*/
section.location_info {
	padding: 80px 0px 100px;
}
section.location_info h2,
section.location_info h3,
section.location_info div.text {
	padding-left: 30px;
	padding-right: 30px;
}

section.location_info h2 {
	letter-spacing: 0.6em;
}

section.location_info article {
	margin-bottom: 70px;
}

section.location_info article h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 30px;
}

section.location_info article h3 span {
	display: block;
}

section.location_info article h3 span:first-child {
	margin-bottom: 10px;
}

section.location_info article div.image {
	max-width: 900px;
	margin: 0 auto 35px;
}

section.location_info article div.image img {
	display: block;
	width: 100%;
	height: auto;
}

section.location_info article div.text p {
	font-size: 16px;
	margin-bottom: 1em;
}

section.location_info ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 30px;
}

section.location_info ul li a {
	display: block;
	font-size: 16px;
}

section.location_info ul li a {
	padding: 6px 8px 6px 8px;
}

section.location_info ul li:last-child a {
	background: url(../img/icon_tri.png) no-repeat left center;
	padding: 6px 8px 6px 20px;
}

/* デスクトップ用 */
@media(min-width:1067px) {
	/* --- LOCAION-INFO ---*/
	section.location_info {
	padding: 70px 0px 75px;
	}
	section.location_info h2,
	section.location_info h3,
	section.location_info div.text {
	padding-left: 0px;
	padding-right: 0px;
	}
	section.location_info h2 {
	letter-spacing: 1em;
	}
	section.location_info article {
	margin-bottom: 100px;
	}
	section.location_info article h3 {
	font-size: 16px;
	margin-bottom: 60px;
	display: flex;
	}
	section.location_info article h3 span:first-child {
	margin-bottom: 0px;
	}
	section.location_info article h3 span:last-child {
	padding-left: 30px;
	}
	section.location_info article div.image {
	margin-bottom: 60px;
	}
	section.location_info article div.text p {
	font-size: 14px;
	}
	section.location_info ul {
	padding: 0px;
	}
}