@charset "utf-8";

/* css Document
*****************************************************************/
@import "../../n_common/css/_variable.css";

.access-outer{
	padding: 80px 0 160px;
	@media (width < 810px) {
		padding: 40px 0 80px;
	}
}

.access-exp{
	display: none;
	justify-content: center;
	align-items: center;
	gap: 0.5em;
	font-size: clamp(14px, 9.846px + 0.513vw, 16px);/*16~14(1200~810)*/
	margin-bottom: 24px;
	@media (width < 810px) {
		display: flex;
		margin-bottom: 16px;
	}
	&::before{
		content: "";
		display: inline-block;
		width: 2em;
		height: 2em;
		background: url("../../images/common/icon_exp.svg") center center/ contain no-repeat;
	}
}
.access-exp__txt{
	text-align: left;
	font-family: var(--font_min);
	font-weight: 500;
	color: #9a9a9b;
}

.access-map{
	border: 1px solid #494544;
}

.access-btn{
	margin-top: 56px;
	display: flex;
	justify-content: center;
	gap: 32px;
	@media (width < 810px) {
		margin-top: 40px;
		gap: 24px;
	}
	@media (width < 500px) {
		flex-wrap: wrap;
	}
}
.access-btn__item{
	width: 352px;
	@media (width < 500px) {
		width: 100%;
	}
}
.access-btn__link{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.4em;/*12/30*/
	background: var(--point_c);
	color: #fff;
	font-family: var(--font_min);
	font-size: clamp(1.375rem, 0.337rem + 2.051vw, 1.875rem);/*30~22(1200~810)*/
	line-height: 1.4;
	padding: 0.8em 0.6em;/*24/30,18/30*/
	&:hover{
		text-decoration: none;
		opacity: 0.7;
	}
}
.access-btn__icon{
	flex-shrink: 0;
	display: block;
	width: 1.33em;/*40/30*/
	height: 1.33em;
	img{
		width: 100%;
		vertical-align: top;
	}
}