@charset "utf-8";
/* ---------------------------------------------------
	activity_nav
------------------------------------------------------ */
.activity_nav {
	display: flex;
	gap: 0 1.6%;
	padding: 30px 0 120px;
}
.activity_nav svg.icon-ux {
	width: 40px;
    height: 42px;
}
.activity_nav svg.icon-cutlery {
	width: 36px;
    height: 42px;
}
.activity_nav svg.icon-beer {
	width: 36px;
    height: 42px;
}
.activity_nav svg.icon-camera {
	width: 42px;
    height: 32px;
}
.activity_nav svg.icon-fun {
	width: 42px;
    height: 42px;
}
.activity_nav svg.icon-stay {
	width: 40px;
    height: 30px;
}
.activity_nav .item {
	width: 100%;
}
.activity_nav a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 12px;
	line-height: 80px;
	border-radius: var(--border-radius);
	color: var(--color);
	background-color: #fff;
	font-size: 20px;
}
.activity_nav a span {
	line-height: 1;
}
.activity_nav a.active  {
	background-color: var(--color);
	color: #fff;
}

@media screen and (hover:hover) and (min-width: 601px) {
	.activity_nav a:hover {
		opacity: 1;
	}
	.activity_nav a:hover svg {
        animation: Bounce 2s infinite forwards ease;
    }
}
@media screen and (max-width: 600px) {
	.activity_nav {
		display: flex;
		flex-wrap: wrap;
		gap: 12px 5%;
		padding: 20px 0 40px;
	}
	.activity_nav .item {
		width: 47.5%;
	}
	.activity_nav a {
		gap: 0 8px;
		line-height: 65px;
		font-size: min(5vw,18px);
	}
	.activity_nav svg[class^="icon-"] {
		width: 2em;
        height: 2em;
	}
}