/*	IMPORT RESET	*/
@import url("reset.css");
/*	IMPORT BASIC	*/
@import url("basic.css");
/*	<header><footer><nav>ｿｰｽのｲﾝﾎﾟｰﾄ	*/
@import url("nav.css");
/*	ﾌﾚｯｸｽﾎﾞｯｸｽのｲﾝﾎﾟｰﾄ	*/
@import url("co-flexbox.css");

body {
	position: relative;
}
/*--------------------------------------------------------
	ﾒｲﾝｺﾝﾃﾝﾂ部分の領域設定
----------------------------------------------------------*/
header {
	max-width: 74%;
	margin-left: 25%;	/*　外側の余白(左）　*/
}
footer {
	max-width: 74%;
	margin-left: 25%;	/*　外側の余白(左）　*/
}
#engo-container {
	width: 74%;
	max-width: 74%;
	top: 2px;		/*　外側の余白(上)　*/
	margin-left: 25%;	/*　外側の余白(左）　*/
	min-width: 246px;
	padding: 0px;			/*　内側の余白なし　*/
	overflow: hidden;	/*要素ボックス からはみ出た部分は表示しない。スクロールを禁止*/
	background: rgba(255,255,255,0.90);	/*　背景色(白色透過)　*/
}
/*--ﾃﾞﾊﾞｲｽ縦向きの表示--*/
@media screen and (max-width: 1040px) {
header {
	max-width: 100%;
	margin: auto;			/*　外側の余白(自動)　*/
}
footer {
	max-width: 100%;
	margin: auto;			/*　外側の余白(自動)　*/
}
#engo-container {
	width: 100%;
	max-width: 100%;
	margin: auto;			/*　外側の余白(自動)　*/
	margin-top: 2px;		/*　外側の余白(上)　*/
	padding: 0px;			/*　内側の余白なし　*/
}}
img {
	max-width: 100%;
}
/*--------------------------------------------------------
	自衛隊の退職制度コンテンツ部分の設定
----------------------------------------------------------*/
li.kaikyu {
	width: 40%;			/*　幅を40％で固定　*/
	margin: 0 auto;
	padding: 2px;
}
li.kaikyu table {
	text-align: center;		/*　ﾃｷｽﾄ位置　*/
	font-weight: bold;		/*　文字の太さ　*/
}
table.kanbu th {
	width: 30%;
	background: red;
	color: white;
}
table.kanbu td:nth-of-type(1) {
	width: 35%;
	background: lightgray;
}
table.kanbu td:nth-of-type(2) {
	background: white;
}
table.jyuni {
	margin-bottom: 5px;
}
table.jyuni td:nth-of-type(1) {
	width: 65%;
	background: lightgray;
}
table.jyuni td:nth-of-type(2) {
	background: white;
}
table.sou th {
	width: 30%;
	background: yellow;
}
table.sou td:nth-of-type(1) {
	width: 35%;
	background: lightblue;
}
table.sou td:nth-of-type(2) {
	background: white;
}
table.ninki {
	width: 60%;			/*　幅を50％で固定　*/
	text-align: center;		/*　ﾃｷｽﾄ位置　*/
}
table.ninki th {
	width: 50%;
	background: lightblue;
}
table.ninki td {
	width: 50%;
	color: red;
	background: white;
}
/*	ﾃﾞﾊﾞｲｽ縦向きの表示	 */
@media screen and (orientation:portrait){
li.kaikyu {
	width: 80%;			/*　幅を80％で固定　*/
}
table.ninki {
	width: 100%;			/*　幅を50％で固定　*/
	text-align: center;		/*　ﾃｷｽﾄ位置　*/
}}
/*--------------------------------------------------------
	合同企業説明会コンテンツ部分の設定
----------------------------------------------------------*/
table.briefing th:nth-of-type(1) {
	width: 5%;
}
table.briefing th:nth-of-type(2) {
	width: 15%;
}
table.briefing th:nth-of-type(3) {
	width: 80%;
}
table.briefing td:nth-of-type(1) {
	width: 15%;
	text-align:center;
}
table.briefing td:nth-of-type(2) {
	width: 80%;
}
/*--------------------------------------------------------
	矢印の設定
----------------------------------------------------------*/
.arrow2 {
	width:0px;
	height:0;
	border-color:#d9534f;
	border-style: solid;
	border-width: 30px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
}
.arrow {
	width:0px;
	height:0px;
	border:50px solid transparent;
	border-top:10px solid #5dc0de;
	left:10px;
	bottom:-37px;
	margin:0 auto;
}
/*--------------------------------------------------------
	画面左サイドメニューの設定
----------------------------------------------------------*/
#engo-menu {
	position: fixed;		/*　位置固定　*/
	Z-index: 0;			/*　前面、背面位置指定　*/
	top: 0px;			/*　上からの位置　*/
	left: 0px;			/*　左からの位置　*/
	width: 24%;			/*　幅　*/
	height: 100%;			/*　高さ　*/
	text-align: center;		/*　ﾃｷｽﾄ位置　*/
	line-height: 1.2;		/*　行間の調整　*/
	margin: 0px 0px 0px 0px;	/*　外側の余白（上、右、下、左）　*/
	padding: 0px 0px 0px 0px;	/*　内側の余白（上、右、下、左）　*/
	background: linear-gradient(90deg,rgba(2,0,36,1)0%,
	rgba(9,9,121,1)35%,
	rgba(0,212,255,1)100%);		/*　青色（ｸﾞﾗﾃﾞｰｼｮﾝ）　*/
	border: solid 2px rgba(255,255,255,0.80);	/*　囲み線の幅と色（赤、緑、青、濃度）　*/
}
#engo-menu p.emt {
	color: white; 			/*　文字の色　*/
	font-weight: bold;		/*　文字の太さ　*/
	font-size: 22px;		/*　文字のｻｲｽﾞ　*/
	margin: 0 auto;			/*　外側余白なし（ｲﾒｰｼﾞ中央）　*/
}
#engo-menu a {
	color: white; 			/*　文字の色　*/
	display: block;			/* 項目内全域をリンク可能にする */
	margin: 0 auto;			/*　外側余白なし（ｲﾒｰｼﾞ中央）　*/
}
#engo-menu a:hover {
	color: yellow;			/* マウスが載ったときの文字色(黄色) */
	background: blue;		/* マウスが載ったときの背景色(青色) */
}
#engo-menu img {
	max-width: 400px;
	width: 95%;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0 auto;			/*　ｲﾒｰｼﾞの位置　*/
}
#engo-menu ul li.sub {
	margin-left: 10px;		/*　左外側の余白　*/
	width: 95%;
	display: none;			/* 項目内全域をリンク可能にする */
}
/*--画面サイズが1040px以下の場合に可変--*/
@media screen and (max-width: 1040px) {
#engo-menu {
	position: static;		/*　位置初期値　*/
	width: 100%;			/*　幅　*/
	height: auto;			/*　高さ　*/
}
#menu-btn {
	position: fixed;	/*--位置を固定(fixed)する--*/
	top: 5px;		/*--上からの位置を指定--*/
	left: 10px;		/*--右からの位置を指定--*/
	max-width: 50px;	/*--画像を挿入するＢＯＸの横幅を指定--*/
	background: rgba(0,0,0,0.60);		/*　背景色(透過)　*/
	border-radius: 15px;	/*　角を丸くする　*/
	padding: 2px;
}
#menu-btn img{
	width: 100%;	/*--画像の横幅を指定--*/
}}
/*--画面サイズが767px以下の場合に可変--*/
@media screen and (max-width: 767px) {
#engo-menu p {
	font-size: 20px;		/*　文字のｻｲｽﾞ　*/
}}