@charset "utf-8";

.footer {
	text-align: center;
	padding: 40px 20px;
	background: #f9f9f9;
}

.footer__logo img {
	width: 150px;
	margin-bottom: 20px;
}

.footer__menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	margin-bottom: 20px;
	list-style: none;
	padding: 0;
}

.footer__menu li {
	transition: 0.2s ease-in-out;
}

.footer__menu:hover > li {
	opacity: 0.7;
}

.footer__menu:hover > li:hover {
	opacity: 1;
}

.footer__menu li a {
	color: #333;
	text-decoration: none;
}

.footer__sns {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin: 20px 0;
	list-style: none;
	padding: 0;
}

.footer__sns-link {
	display: inline-block;
	width: 50px;
	height: 50px;
	padding: 10px;
	border-radius: 50%;
}

.footer__sns img {
	width: 100%;
	height: 100%;
}

.footer__sublink {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-bottom: 10px;
	list-style: none;
	padding: 0;
}

.footer__sublink li a {
	font-size: 12px;
	color: #666;
	text-decoration: none;
}

.footer__copyright {
	font-size: 12px;
	color: #999;
}

.footer__note {
	transform: scale(1.5);
}


@media (hover: hover) {

}

@media screen and (max-width: 479px) {

	.footer__sns {
		gap: 10px;
	}
}