@charset "UTF-8";

header {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 0;
}

.header-container {
	background-color: #23345a;
	width: 1024px;
	height: 78px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.header-title {
	color: #fff;
	font-size: 25px;
	font-weight: 400;
	padding: 25px;
	line-height: 1;
	float: left;
	width: 550px;
	height: 100%;
	display: flex;
	align-items: center;
}

.header-menu {
	float: right;
	position: relative;
	height: 78px;
	width: 450px;
	text-align: start;
	line-height: 1;
}

.header-menu-top {
	position: absolute;
	top: 12px;
	right: 22px;
}

.header-color {
	width: 20px;
	float: left;
	height: 100%;
	background-color: #49b06d;
}

.menu-area {
	float: left;
	color: #93a1c1;
	font-size: 16px;
	line-height: 18px;
	width: 300px;
}

.logout-area {
	max-width: 100px;
}

.logout-link {
	text-decoration: underline;
	color: #93a1c1;
	/* ログアウト見出しの省略対応 */
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100px;
	display: block;
	padding-left: 20px;
}

.copyright-img-logo {
	width: 9%;
}