footer{
	padding-top: %;
	background-color: #eceae6;
	padding-bottom: px;
}

.footer-top{
	text-align: center;
	padding: 2%;
	background-color: #25b900;
}

.footer-top p{
	font-size: 20px;
	color: #fff;
	margin-bottom: 20px;
}

.footer-top img:hover{
	opacity: 75%;
}

.footer-inner{
	max-width: 1000px;
	margin: auto;
}

.footer-inner ul.first{
	display: flex;
	justify-content: space-between;
	padding: 5% 0;
}

.footer-inner ul.first li:nth-child(1){
	width: 45%;
	padding-top: 17px;
}

.footer-inner ul.first li:nth-child(2){
	width: 45%;
}

.footer-inner ul.first li:nth-child(2) p{
	text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #000;
}

.footer-inner ul.first li:nth-child(2) p.permission{
	font-size: 13px;
  margin-bottom: 2px;
  text-align: center;
}

.footer-inner .footer-logo{
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

.footer-inner .footer-tel{
	display: block;
	margin: auto;
	margin-bottom: 5px;
}

.footer-inner ul.second{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.footer-inner ul.second li{
	width: 30%;
	text-align: center;
	margin-bottom: 2%;
}

.footer-inner ul.second li:nth-child(1){
	width: 30%;
	padding-top: 0px;
}

.footer-inner ul.second li:nth-child(2){
	width: 30%;
}

.footer-inner ul.second li:nth-child(3){

}

.footer-inner ul.second li:nth-child(4){

}

.footer-inner ul.second li:nth-child(5){
	width: 60%;
	text-align: left;
}

.footer-inner ul.second li a{
	font-size: 16px;
	font-weight: bold;
	color: #000;
}






.footer-top img.pc{
	margin: auto;
}

.footer-middle-1{
	margin-bottom: 3%;
}

.footer-middle-1 ul{
	display: flex;
	justify-content: space-between;
}

.footer-middle-1 ul li{
	width: 17%;
	font-size: 16px;
	text-align: center;
	border-right: 1px solid #fff;
}

.footer-middle-1 ul li:nth-child(2){
	width: 30%;
}

.footer-middle-1 ul li:last-child{
	border: none;
}

.footer-middle-1 ul li a{
	color: #fff;
	font-size: 14px;
}

.footer-middle-2{
	margin-bottom: 3%;
}

.footer-middle-2 ul{
	display: flex;
	justify-content: space-between;
}

.footer-middle-2 ul li:nth-child(1){
	width: 10%;
	background-color: #fff;
	padding: 1%;
	padding-top: 23px;
}

.footer-middle-2 ul li:nth-child(2){
	width: 42%;
}

.footer-middle-2 ul li:nth-child(3){
	width: 42%;
}

.footer-middle-2 ul li p,
.footer-middle-2 ul li a{
	color: #fff;
	font-weight: bold;
}

.footer-middle-2 ul li p.bold{
	font-weight: bold;
	color: #796a56;
	text-align: center;
}

.footer-middle-2 .white-box{
	background-color: #fff;
	padding: 1%;
	margin-bottom: 1%;
}

.footer-bottom{
	margin-bottom: 3%;
}

.footer-bottom a{
	width: 100%;
  text-align: center;
  background-color: #604c3f;
  display: block;
  color: #fff;
  padding: 0.5% 1%;
  font-size: 14px;
}

.copyright{
	color: #fff;
	text-align: center;
	background-color: #1A1A1A;
}

.footer-fixed-menu{
	display: none;
}

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

	.footer-upper ul {
    width: 85%;
	}

}

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

}

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

}

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

}

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

	footer {
    padding-top: 0;
		padding-bottom: 0px;
	}

	.footer-fixed-menu-pc{
		display: none;
	}

	.footer-top p {
    font-size: 16px;
    margin-bottom: 10px;
	}

	.footer-top {
    text-align: center;
    margin-bottom: 0%;
    padding: 10px 10%;
	}

	.footer-top img.sp{
		margin: auto;
		width: 64%;
	}

	.footer-inner ul.first{
		flex-wrap: wrap;
	}

	.footer-inner ul.first li:nth-child(1) {
    width: 100%;
    padding-top: 0;
	}

	.footer-inner ul.first li:nth-child(2){
		width: 100%;
	}

	.footer-inner ul.second{
		padding: 0 5%;
	}

	.footer-inner ul.first li:nth-child(1){
		margin-bottom: 3%;
	}

	.footer-inner .footer-logo{
		width: 45%;
	}

	.footer-inner .footer-tel {
    width: 37%;
	}

	.footer-inner ul.first li:nth-child(2) p {
    font-size: 12px;
	}

	.footer-inner ul.first li ul.second li:nth-child(1){
		width: 30%;
	}

	.footer-inner ul.first li ul.second li:nth-child(2){
		width: 35%;
	}

	.footer-inner ul.first li ul.second li:nth-child(3){
		width: 30%;
	}

	.footer-inner ul.first li ul.second li:nth-child(4){
		width: 30%;
	}

	.footer-inner ul.first li ul.second li:nth-child(5){
		width: 61%;
	}

	.footer-inner ul.second li a{
		font-size: 14px;
	}




}

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

	.footer-inner ul.second li a{
		font-size: 13px;
	}

}