/* =========================================================
   ガイドブックリンク（コンパクト）
   ========================================================= */

.guidebook-link {
	display: flex;
	align-items: center;
	gap: 12rem;
	margin: 40rem 20rem 0;
	padding: 16rem 20rem;
	background: linear-gradient(170deg, #0c0f1a 0%, #111936 100%);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 12rem;
	text-decoration: none;
	transition: border-color .25s ease;
}

.guidebook-link:hover {
	border-color: var(--Color-6, #ffac3d);
}

.guidebook-link__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40rem;
	height: 40rem;
	color: var(--Color-6, #ffac3d);
}

.guidebook-link__icon svg {
	width: 24rem;
	height: 24rem;
}

.guidebook-link__text {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	min-width: 0;
}

.guidebook-link__title {
	font: var(--font-title);
	color: var(--white, #FFF);
}

.guidebook-link__sub {
	font: 600 10rem/1 "Bebas Neue", var(--Barlow), sans-serif;
	letter-spacing: .12em;
	color: rgba(255, 255, 255, .4);
}

.guidebook-link__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-left: auto;
	color: rgba(255, 255, 255, .4);
	transition: transform .25s ease, color .25s ease;
}

.guidebook-link__arrow svg {
	width: 18rem;
	height: 18rem;
}

.guidebook-link:hover .guidebook-link__arrow {
	transform: translateX(4rem);
	color: var(--Color-6, #ffac3d);
}

/* PC -------------------------------------------------------- */
@media (min-width: 768px) {
	.guidebook-link {
		max-width: 1068rem;
		margin: 48rem auto 0;
		padding: 20rem 28rem;
		gap: 16rem;
		border-radius: 14rem;
	}

	.guidebook-link__icon {
		width: 44rem;
		height: 44rem;
	}

	.guidebook-link__icon svg {
		width: 28rem;
		height: 28rem;
	}

	.guidebook-link__arrow svg {
		width: 20rem;
		height: 20rem;
	}
}