@charset "UTF-8";

/* ------------------------------------------------------------------------------------------------------------------------------
 * 
 □■□■　備忘　□■□■

(最大解像度：1920×1080　分岐解像度：1280×768)
最小フォント ÷ 最小フォントの画面サイズ ✕ 100 = vw

* ------------------------------------------------------------------------------------------------------------------------------- */


footer {
	background-color: #F5F0E5;
}
.footer {
	width: 80%;
    max-width: 1150px;
	margin: 0 auto;
	padding: 2% 0;
}
.footer-wrap {
	width: 500px;
	margin: 0 auto;
}
.company-name,
.company-logo {
	text-align: center;
}
.footer-item {
	width: 100%;
	margin-top: 20px;
}
.footer-item table th,
.footer-item table td {
	border: 1px solid #626262;
	padding: 10px 30px;
}
.footer-item table td:first-child {
	text-align: center;
}
.footer-item table td:last-child {
	background-color: #fff;
}


.footer-logo img {
	width: 100%;
}



/* ------------------------------------------------------------------------------------------------------------------------------
* レスポンジブ
* ------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 599px) {
  	/* 599px以下に適用されるCSS（スマホ用） */
	.footer {
		width: 90%;
		padding-top: 20px;
	}
	.footer-wrap {
		width: 100%;
	}
	.company-logo {
		margin-top: 20px;
	}
	.footer-item {
		width: 100%;
		margin: 30px 0;
	}
	.footer-item table th,
	.footer-item table td {
		padding: 10px;
	}
	.footer-logo {
		width: 70%;
	}
}