@charset "UTF-8";
/* CSS Document */
.footer {
	background-color: #212121;
	color: #fff;
	padding: 2em;
}
.footer ul li {
		list-style: none;
	}
.footer ul li a {
	color: #fff;
}
.footer ul li a:hover, .footer ul li a:focus {
	color: #fff;
}



/* スマホ用(767px以下をスマホ想定) */
@media screen and (max-width: 767px) {
	#f_logo {
		text-align: center;
	}
	#f_logo a img {
		max-width: 25%;
	}
	#sns {
		display: none;
	}
	#link ul {
		display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    gap: 0.8em;
    margin: 1.5em 1em;
	}
	#copyright {
		font-size: 0.75rem;
	text-align: center;
	}

}

/* PC用(768px以上) */
@media screen and (min-width: 768px) {
	.footer {
		display: flex;
		justify-content: space-around;
	}
	.footer p, .footer a {
		font-size: 14px;
	}
	#f_logo {
		margin-bottom: 4%;
	}
	#f_logo a img {
		max-width: 18%;
	}
	#sns ul {
		margin-bottom: 1em
	}
	#sns ul li, #sns ul {
		display: flex;
		align-items: anchor-center;
		}
	#sns ul li p {
		margin-right: 8%;
	}
	#sns ul li a {
		width: 12%;
	}
	#sns ul li a img {
		width: 90%;
		padding-right: 25%;
		}
	#link {
		text-align: right;
		display: flex;
		flex-direction: column;
		height: 100%;
		padding-top: 3%;
	}
	#link ul {
		display: flex;
		justify-content: end;
		gap: 3em;
		}
	#copyright {
		margin-top: 15%;
		text-align: right;
	}
}