@charset "UTF-8";

.mv-contents { background: var(--stone); text-align: center; padding: 52px 32px 44px; }
.mv-contents_en { font-size: .78rem; letter-spacing: .14em; color: var(--green-800); font-weight: 700; text-transform: uppercase; margin: 0; }
.mv-contents_ttl { font-size: 1.6rem; margin: .4rem 0 0; }

.contents-hub { max-width: 1000px; margin: 0 auto; padding: 48px 32px 64px; text-align: center; }
.contents-hub_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; text-align: left; margin-bottom: 2.4rem; }
.contents-hub_card_link {
	display: flex; gap: 1.2rem; align-items: center;
	background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 1rem;
	transition: box-shadow .15s;
}
.contents-hub_card_link:hover { box-shadow: 0 8px 20px rgba(20, 20, 20, .08); }
.contents-hub_card_pic { flex: 0 0 120px; aspect-ratio: 4 / 3; border-radius: 8px; overflow: hidden; background: var(--stone); }
.contents-hub_card_pic img { width: 100%; height: 100%; object-fit: cover; }
.contents-hub_card_label {
	display: inline-block; font-size: .7rem; font-weight: 700; color: var(--green-800);
	background: #EEF7F1; border-radius: 100px; padding: .2rem .7rem; margin-bottom: .5rem;
}
.contents-hub_card_title { font-size: .9rem; font-weight: 700; margin: 0; }

.contents-hub_cta {
	display: inline-block; padding: .85rem 2.4rem; border-radius: 100px;
	background: var(--green-600); color: #fff; font-size: .88rem; font-weight: 700;
}
.contents-hub_cta:hover { background: var(--green-800); }

@media (max-width: 600px) {
	.contents-hub_grid { grid-template-columns: 1fr; }
}