/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
} /* end 600-959 */

@media (min-width: 960px) {
} /* 960- */


/* ---------------------------------------- alacarte */

/* #alacarte { background: #f5f5f5; }
#alacarte .inner { padding: 7em 0; } */

#alacarte ul {
	display: -webkit-box;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
#alacarte ul a { display: inline-block; }

@media (max-width: 599px) {
	#alacarte li { 
		text-align:center;
		margin: 0 0 1em;
	}
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
	#alacarte li {
		width: 40%;
		max-width: 300px;
		margin: 0 0 3em;
	}
	#alacarte li:nth-child(2n+1) { margin: 0 10% 3em 0; }
} /* end 600-959 */

@media (min-width: 960px) {
	#alacarte li {
/*		width: 30%; */
		margin: 0 0 3em;
		text-align: center;
	}
	#alacarte li:nth-child(3n+2) { margin: 0 5% 3em; }
} /* 960- */

/* ---------------------------------------- common */

section .inside + .inside { margin: 4em 0 0; }
section h2 {
	color: #ba9423;
	text-align: center;
	margin: 0 0 1em;
}

/* section h2 + .inside {
	text-align: center;
}*/

section h3 { 
	position: relative;
	line-height: 1.2;
	padding: 0 0 .5em;
	margin: 0 0 .5em;
}
section h3 small { display: block; }
section h3::after {
	content: "";
	display: block;
	width: 2em;
	height: 2px;
	background: #e0ca82;
	position: absolute;
	bottom: 0;
	left: 0;
}

@media (max-width: 599px) {
	#intro p { font-size: 1.4rem; }
	#newgrads, #careers { height: 240px; }
	section .detail { width: 80%; }
	section .detail h3 { font-size: 1.8rem; }
	section .detail h3 small { font-size: 1.6rem; }
	#newgrads, #careers { background-size: cover; }
	#newgrads a {
		padding: 1em;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	#careers a {
		padding: 1em;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
	#intro p { font-size: 1.6rem; }
	#newgrads, #careers { height: 300px; }
	section .detail { width: 50%; }
	section .detail h3 { font-size: 2.0rem; }
	section .detail h3 small { font-size: 1.8rem; }
	#newgrads, #careers { background-size: 80%; }
	#newgrads a {
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#careers a {
		position: absolute;
		top: 50%;
		left: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

} /* end 600-959 */

@media (min-width: 960px) {
	#intro p { font-size: 1.8rem; }
	#newgrads, #careers { height: 350px; }
	section .detail { width: 40%; }
	section .detail h3 { font-size: 2.4rem; }
	section .detail h3 small { font-size: 2.0rem; }
	#newgrads, #careers { background-size: 60%; }
	#newgrads a {
		position: absolute;
		top: 50%;
		left: 45%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#careers a {
		position: absolute;
		top: 50%;
		left: 15%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
} /* 960- */