#footer{
	background:#282828;
	padding:5rem 8rem;
	color:#999;
}
#footer .top {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:flex-end;
	justify-content:space-between;
	padding-bottom:3rem;
	border-bottom:1px solid #444;
}
#footer .top .logo-group {
	display:flex;
	align-items:center;
}
#footer .top .logo-group .img {
	margin-right:4rem;
}
#footer .top .links {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	list-style:none;
	padding-left:0;
}
#footer .top .links > li {
	margin-left:3rem;
}
#footer .top .links > li > a {
	color:#999;
	font-size:1.4rem;
}
#footer .top .links > li > a > strong {
	color:#fff;
	font-weight:400;
}
#footer .mid {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-between;
	margin-top:6rem;
}
#footer .mid .site_info {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	max-width:60%;
}
#footer .mid .site_info > p {
	margin-right:4rem;
	margin-bottom:1rem;
}
#footer .mid .site_info > p > strong {
	color:#fff;
	font-weight:400;
}
#footer .mid .side {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
#footer .mid .side .btn-down {
	position:relative;
	display:inline-block;
	width:20rem;
	height:4.8rem;
	box-sizing:border-box;
	border:1px solid #fff;
	color:#fff;
	padding:1.4rem 2rem;
}
#footer .mid .side .btn-down > i {
	position:absolute;
	right:2rem;
	top:50%;
	transform:translateY(-50%);
}
#footer .mid .side .family {
	position:relative;
	display:inline-block;
	width:20rem;
	height:4.8rem;
	color:#fff;
	background:#000;
	margin-left:1rem;
}
#footer .mid .side .family > .trigger {
	position:relative;
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:1.3rem 2rem;
	cursor:pointer;
}
#footer .mid .side .family > .trigger > i {
	position:absolute;
	right:2rem;
	top:50%;
	transform:translateY(-50%);
}
#footer .mid .side .family > .family_wrap {
	position:absolute;
	width:100%;
	height:auto;
	left:0;
	top:-9.6rem;
	display:none;
}
#footer .mid .side .family.on > .family_wrap {
	display:block;
}
#footer .mid .side .family > .family_wrap > ul > li > a {
	display:block;
	color:#000;
	background:#fff;
	box-sizing:border-box;
	padding:1.3rem 1.5rem;
	border-bottom:1px solid #eee;
}
#footer .btm {
	position:relative;
	margin-top:4rem;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
#footer .btm .copyright {
	margin-right:1rem;
	color:#666;
}
#footer .btm .sns {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
#footer .btm .sns > li > a {
	display:inline-block;
	width:3rem;
	height:3rem;
	border-radius:50%;
	text-align:center;
	line-height:3rem;
	background:#000;
	color:#999;
	margin-right:0.3rem;
	position:relative;
}
#footer .btm .sns > li:nth-of-type(3) > a {
	line-height:2.5rem;
}
#footer .btm .btn-work {
	position:absolute;
	right:0;
	display:inline-block;
	box-sizing:border-box;
	padding:0.4rem 1.6rem;
	background:#000;
	color:#ddd;
	text-align:center;
	border-radius:0.4rem;
}

@media (max-width: 991.98px) {
	#footer{
		padding:3rem 0;
	}
	#footer .top {
		display:block;
		padding-bottom:2rem;
	}
	#footer .top .logo-group {
		justify-content:center;
	}
	#footer .top .logo-group .img:last-child {
		margin-right:0;
	}
	#footer .top .logo-group .img img {
		width:13rem;
	}
	#footer .top .links {
		justify-content:center;
		margin-top:2rem;
	}
	#footer .top .links > li {
		margin-left:1rem;
	}
	#footer .top .links > li:first-child {
		margin-left:0;
	}
	#footer .mid {
		display:block;
		margin-top:2rem;
	}
	#footer .mid .site_info {
		display:block;
		max-width:100%;
	}
	#footer .mid .site_info > p {
		margin-right:0;
		margin-bottom:0.5rem;
		text-align:center;
	}
	#footer .mid .side {
		margin-top:2rem;
	}
	#footer .mid .side .btn-down {
		max-width:49%;
		flex:1;
		height:4.6rem;
		padding:1.2rem 2rem;
	}
	#footer .mid .side .family {
		max-width:49%;
		flex:1;
		height:4.6rem;
		margin-left:2%;
	}
	#footer .mid .side .family > .trigger {
		padding:1.2rem 2rem;
	}
	#footer .mid .side .family > .family_wrap {
		top:-9.2rem;
	}
	#footer .mid .side .family > .family_wrap > ul > li > a {
		padding:1.2rem 1.5rem;
	}
	#footer .btm {
		margin-top:3rem;
		display:block;
		text-align:center;
	}
	#footer .btm .copyright {
		margin-right:1rem;
		color:#666;
	}
	#footer .btm .sns {
		justify-content:center;
		margin-top:1rem;
	}
	#footer .btm .sns > li > a {
		width:4rem;
		height:4rem;
		font-size:1.8rem;
		line-height:4rem;
	}
	#footer .btm .sns > li:last-child > a {
		margin-right:0;
	}
	#footer .btm .btn-work {
		position:relative;
		right:auto;
		margin-top:1.5rem;
		display:inline-block;
		box-sizing:border-box;
		padding:0.4rem 1.6rem;
		background:#000;
		color:#ddd;
		text-align:center;
		border-radius:0.4rem;
	}
}