/* 全角スペース使用NG */
/* border: 1px solid #333; */					/* 動作確認用ボーダー */


/* ヘッダー */
.header{
	width: 100%;						/* ヘッダー横幅 */
	height: 90px;						/* ヘッダー高さ */
	background-color: rgba(64,64,64,1);			/* ヘッダー色 */
}
/* 【フレックスボックス１】ヘッダー　社名部分 */
.box_1_header {
	width: 100%;						/* 画面横幅 */
	height: 40px;						/* 表示部分の縦幅 */
	align-self: top;					/* 配置指定 */
}
/* 【フレックスボックス１】ヘッダー　メニュー部分 */
.box_1_header_menu {
	width: 100%;						/* 画面横幅 */
	height: 40px;						/* 表示部分の縦幅 */
	text-overflow: ellipsis;				/* 画面に入りきらない部分を隠す */
	overflow: hidden;					/* 画面に入りきらない部分を隠す */
	white-space: nowrap;					/* 改行させない */
	text-align:center;					/* 中央に寄せる */
}
nav ul li{
	padding: 5;						/* メニュー間の余白 */
	margin:10px;						/* メニューの周り余白 */
	list-style: none;					/* リストの・を消す */
	display:inline-block;					/* メニューを横並びにする */
}
nav ul li a{
	text-decoration: none;					/* メニューの文字から下線を消す */
	color: #fff;						/* メニューの文字色 */
	font-size: 13px;					/* 文字サイズ */
}
.top_logo{
	float: left;						/* 横並びにする */
	font-size: 26px;					/* 会社名文字サイズ */
	color: #fff;						/* メニューの文字色 */
	padding: 3px;						/* 余白 */

}
.top_logo_mini{
	font-size: 12px;					/* 文字サイズ */
	color: #fff;						/* メニューの文字色 */
}
.logopic{
	width:30px;						/* 画像横幅 */
	height:30px;						/* 画像高さ */
	object-fit: scale-down;					/* 画像自動縮尺 */
}