@charset "utf-8";

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

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

.guide-parking{
	display: flex;
	align-items: center;
	gap: 0.25em;
	font-family: var(--font_min);
	font-size: clamp(2rem, -2.413rem + 8.718vw, 4.125rem);/*66~32(1200~810)*/
	font-weight: 700;
	margin-top: 20px;
	@media (width < 810px) {
		margin-top: 16px;
	}
}
.guide-parking__mark{
	display: inline-block;
	width: 0.93em;
	height: 0.93em;
	flex-shrink: 0;
	margin-top: 0.1em;
	img{
		vertical-align: top;
	}
}
.guide-navi{
	text-align: left;
	font-family: var(--font_min);
	font-size: clamp(1.5rem, -0.837rem + 4.615vw, 2.625rem);/*42~24(1200~810)*/
	font-weight: 500;
	margin-top: 16px;
	@media (width < 810px) {
		margin-top: 12px;
	}
}

.guide-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;
	}
}
.guide-btn__item{
	width: 352px;
	@media (width < 500px) {
		width: 100%;
	}
}
.guide-btn__link{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.4em;/*12/30*/
	background: #90d3ec;
	color: var(--main_c);
	font-family: var(--font_min);
	font-size: clamp(1.375rem, 0.337rem + 2.051vw, 1.875rem);/*30~22(1200~810)*/
	font-weight: 600;
	line-height: 1.4;
	padding: 0.8em 0.6em;/*24/30,18/30*/
	&:hover{
		text-decoration: none;
		opacity: 0.7;
	}
}
.guide-btn__icon{
	flex-shrink: 0;
	display: block;
	width: 1.33em;/*40/30*/
	height: 1.33em;
	img{
		width: 100%;
		vertical-align: top;
	}
}