/* head */
#head_outer {
	width: 100%;
	background-color: #11aaee;
}

h1 { font-size: 120%; /*calc( 40 / 30 * 100%)*/ line-height: 130%;  font-weight: normal; }
h1 span { /*font-size: calc( 30 / 30 * 100%);*/ font-size: 0.8em;  font-weight: normal; display: block; }
#head ul#navi li { font-size: 100%; /*calc( 30 / 30 * 100%)*/ }

#head {
	width: 100%;
	
}
	#head_inner {
		position: relative;	
	}

	#head h1 {
		width: 92.7%;
		margin: 0;
		padding: 5% 3.3% 5% 4%;
	}

	#head h1 a {
		color: #fff;
	}

	#head #menu_btn {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 3.3%;
		width: 8.53%;
		background: url(/recruit/expert_common/img/menu_btn_sp.png) right center no-repeat;
		background-size: 100% auto;
	}

	#head ul#navi {
		display:none;
		overflow: hidden;
	}

	#head ul#navi li {	
		border-bottom: 2px solid #adc4d2;
		background-color: #ddeeff;
		float: left;
		width: 100%;
	}

	#head ul#navi li a {
		display: block;
		padding: 5.3% 4%;
	}

	#head ul#navi li:last-child {
		border: none;
	}
	#head ul#navi li.short {	
		width: calc( (100% - 2px) / 2);
	}

	#head ul#navi li.short a {	
		padding: 10.6% 8%;
	}

	#head ul#navi li.short:nth-child(odd) {	
		border-right: 2px solid #adc4d2;
	}

	#head ul#navi li.inactive a {
		color: rgba(51,51,51,0.3);
	}