* {
	/* リセットCSS */

 	/* マージン、パディング無し*/
 	margin:0;
 	padding:0;
}

body {
	overflow: hidden;
}

header {
	display: inline;
	position: fixed;
	width: 100%;
	height: 114px;	/* メニューの高さ */
	text-align: center;
	background-color: #ffffff; /*#cfcfcf*/;
	color: #ffffff;

	/*仮実装用アウトライン*/
	/*
	outline: 1px solid #00ff00;
	outline-offset: -1px;
	*/
}

iframe {
	border: none;
	flex: 1;		/*横幅いっぱいに伸ばすので*/
	overflow: auto;	/*スクロールします宣言*/

	margin-top: 114px;
	width: 100%;
}

.menu {
	/* 子要素を水平方向の中央に配置する */
	display: flex;
	justify-content: center; /* 中央揃え */
	align-items: flex-end; /* 下詰め */

	object-fit: cover;

	/*仮実装用アウトライン*/
	/*
	outline: 1px solid #ffaf00;
	outline-offset: -1px;
	*/
}

.menu_logo {
	width: 98px;
	height: 98px;

	display: flex;
	justify-content: center;	/* 中央揃え */
	align-items: center;		/* 中央揃え */

	margin-left: 0px;
	margin-right: 100px;

	cursor: pointer;


	/*仮実装用アウトライン*/
	/*
	outline: 1px solid #007fff;
	outline-offset: -1px;
	*/
}

.menu_group {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;

	width: 583px;
	min-width: 583px;
	height: 50px; /*60px;*/
	margin-left: 0px;

	transform-origin: left bottom;

	scale: 1.0;

	/*仮実装用アウトライン*/
	/*
	outline: 1px solid #7f0000;
	outline-offset: -1px;
	*/
}

.menu_item {
	float: left;
	margin-right: -1px;
	cursor: pointer;

	/*仮実装用アウトライン*/
	/*
	outline: 1px solid #ff0000;
	outline-offset: -1px;
	*/
}

.menu_separator_rainbow {
	/* メニュー下の虹色ライン*/
	width: auto;
	height: 8px;
	background-image: url("../image/rainbowline02.png");
	margin-top: 0pix;
}

.menu_separator_black {
	/* 下の黒ライン*/
	width: auto;
	height: 8px;
	background-color: #000000;
	margin-top: 0pix;
}

.menu_item_00_top {
	background-image: url("../image/00_topb.png");
	background-repeat: no-repeat;
}

.menu_item_01_company {
	background-image: url("../image/01_company.png");
	background-repeat: no-repeat;
}

.menu_item_02_works {
	background-image: url("../image/02_works.png");
	background-repeat: no-repeat;
}

.menu_item_03_access {
	background-image: url("../image/03_access.png");
	background-repeat: no-repeat;
}

.menu_item_04_recruit {
	background-image: url("../image/04_recruit.png");
	background-repeat: no-repeat;
}

.menu_item_rollover_none
{
	opacity: 0;
}

/* PC向けスタイル */
@media (min-width: 781px) {

	.menu_item_rollover {
		transition:opacity 0.3s;
		opacity: 0;

		&:hover {
			transition:opacity 0s;
			opacity: 1;

			animation-name: menu_item_rollover_1;
			animation-duration: 0.5s;
			animation-fill-mode: forwards;
		}
	}

	@keyframes menu_item_rollover_1 {
		0% {
		}
		10% {scale: 1.2;}
		20% {scale: 1.0;}
		30% {scale: 1.1;}
		40% {scale: 1.0;}
		100% { scale: 1.0; }
	}

}

/* モバイル向けスタイル */
@media (max-width: 780px) {
	
	.menu_item_rollover {
		opacity: 0;
	}

}