/* header
========================================================================== */
/* 共通部分 */
.logo-background {
	background: #fff;
	border-bottom: 1px solid #cc0022;
	width: 100%;
	height: 82px;
	display: flex;
	align-items: center;
}
.logo-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1020px;
	padding-inline: 15px;
	margin: 0 auto;
}
.left-logo {
	max-width: 211px;
	height: auto;
	display: block;
}
.right-logo {
	height: 18px;
	display: block;
}
/* SP専用ロゴの初期設定（PCでは非表示） */
.sp-logo {
	display: none;
}

/* レスポンシブデザイン（SP用） */
@media screen and (max-width: 767px) {
	.logo-background {
		height: 65px;
		display: none;
	}
	.sp-logo {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 65px;
		background: #fff;
		border-bottom: 1px solid #cc0022;
	}
	.sp-logo img {
		height: auto;
		max-height: 50px;
		width: auto;
	}
}
/* PCのフッター設定 */
.footer-copy {
	background: #cc0022;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.copy-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1020px;
	padding-inline: 15px;
}
.footer-logo {
	height: auto;
	max-height: 12px;
	width: auto;
}
#current-year {
	color: #fff;
	font-size: 10px;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}
.copyright {
	color: #fff;
	font-size: 10px;
	white-space: nowrap;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}
.br-sp {
	display: none;
}

/* SP時のフッター設定 */
@media screen and (max-width: 767px) {
	.footer-copy {
		height: 65px;
	}
	/* ロゴを非表示 */
	.footer-logo {
		display: none;
	}
	.copy-inner {
		justify-content: center;
	}
	.copyright {
		text-align: center;
		line-height: 1.2;
	}
	.br-sp {
		display: inline-block;
	}
}