@charset "utf-8";

/* PREF GUIDEMAP
------------------------------------------------------*/
.prefguidemap{
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.prefguidemap__img{
}
.prefguidemap__access{
	flex: 1;
}
.prefguidemap__access-ttl{
	font-size: 1.8rem;
	font-weight: bold;
}
.prefguidemap__access-block{
	margin-top: 8px;
	line-height: 1.5;
}
.prefguidemap__access-block dt{
	display: flex;
	align-items: center;
	font-weight: bold;
}
.prefguidemap__access-block dt .m-ico{
	transform: translateY(-2px);
	line-height: 1;
	color: var(--color);
	font-size: 2.0rem;
}
.prefguidemap__access-link{
	color: var(--color) !important;
	font-weight: bold;
	text-decoration: underline!important;
	transition:opacity .2s ease-out;
}
.prefguidemap__access-block dd{
	font-size: 1.2rem;
}
@media screen and (max-width:959px) {
	.prefguidemap__access-block{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}
}
@media print, screen and (min-width:960px) {
	.prefguidemap{
		flex-direction: row;
		gap: 32px;
	}
	.prefguidemap__img{
		width: 50%;
		max-width: 600px;
	}
	.prefguidemap__access{
		flex: 1;
	}
	.prefguidemap__access-ttl{
		font-size: 2.1rem;
		font-weight: bold;
	}
	.prefguidemap__access-block{
		margin-top: 16px;
		line-height: 1.7;
	}
	.prefguidemap__access-item:not(:first-of-type){
		margin-top: 16px;
	}
	.prefguidemap__access-block dt{
		display: flex;
		align-items: center;
		font-size: 1.8rem;
		font-weight: bold;
	}
	.prefguidemap__access-block dt .m-ico{
		margin-right: 4px;
		line-height: 1;
		color: var(--color);
		font-size: 2.5rem;
	}
	.prefguidemap__access-link:hover{
		opacity: .6;
	}
	.prefguidemap__access-block dd{
		margin-left: calc(2.5rem + 4px);
		font-size: 100%;
	}
}