@charset "utf-8";
footer{
	padding: 60px 0 70px 0;
	background-color: #efcb91;
}

.footerWrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footerInW{
	flex-basis: 85%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto;
}

.footerIn.logo{
	flex-basis: 256px;
}

.footerIn.logo > a, .footerIn.logo > a >img{
	width: 100%;
}

.footerIn.company{
	flex-basis: auto;
}

.footerIn.company > h2{
	font-size: 30px;
	line-height: 33.8px;
	letter-spacing: 0.05em;
	color: #4d2b07;
	font-family: "kozukaR";
	display: block;
	margin-bottom: 20px;
}

.footerIn.company > p{
	display: block;
	font-size: 17px;
	letter-spacing: 0.18em;
	color: #4d2b07;
	line-height: 20px;
	margin-bottom: 10px;
}

.footerIn.link{
	flex-basis: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.footerIn.link .footerInLinkCol a{
	display: block;
	font-size: 17px;
	letter-spacing: 0.18em;
	color: #4d2b07;
	line-height: 20px;
	margin-bottom: 10px;
	font-family: "Noto Sans JP";
}
.footerInLinkCol{
	margin: 0 0px;
}

.footerInLinkCol:nth-child(n+2):nth-last-child(n+2){
	margin: 0 30px;
}













@media screen and (max-width: 1481px) {
	.footerInW{
		flex-basis: 98%;
	}
}

@media screen and (max-width: 767px) {
	.footerWrap{
		flex-wrap: wrap;
	}
	.footerIn, .footerInW{
		flex-basis: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}

	.footerIn.logo{
		margin: 0 auto 50px auto;
	}

	.footerIn.logo > a >img{
		margin: 0 auto;
	}
	.footerInLinkCol{
		flex-basis: 100%;
	}
	.footerIn.company{
		order: 2;
	}
	.footerIn.logo{
		order: 3;
	}

	.footerIn .link{
		order: 1;
		margin: 0 0 30px 0;
	}

	.footerInLinkCol:nth-child(n+2):nth-last-child(n+2) {
	    margin: 0px;
	}

	.footerIn.link .footerInLinkCol a {
	    margin-bottom: 30px;
	}

	.link, .company{
		width: 80%;
	}

	.company{
		margin: 50px 0 0 0;
	}

}