/*- mediaクエリー
------------------------------------------------*/
@media screen and (max-width: 480px) {
	body ol#contents {
		background-image: url("../images/recruit_index.png");
		height			: 100%;
		margin-top		: 0;
		padding-bottom	: 10px;
		text-align		: center;
	}
	
	body ol#contents li {
		line-height: 150%;
	}
	
	body ol#contents li a {
		display: block;
	}
	
	body ol#contents li#message_1 {
		font-size	: 25px;
		padding		: 30px 0 30px 0;
	}
	
	body ol#contents li#message_2 {
		font-size	: 20px;
		padding		: 0 0 30px 0;
	}
	
	body ol#contents li#message_3 {
		font-size	: 15px;
		font-weight	: bold;
		margin		: 0 auto;
		padding		: 0 0 30px 0;
		text-align	: center;
		width		: 95%;
	}
	
	body ol#contents li#message_4 {
		font-size	: 19px;
		margin		: 0 auto;
		width		: 95%;
	}
	
	body ol#contents li p.button a {
		background		: rgba(0,112,192,0.5); /* #0070C0を透過 */
		border			: solid 1px #FFFFFF;
		color			: #FFFFFF;
		float			: none;
		font-size		: 25px;
		padding			: 20px 0;
		position		: relative;
		width			: 90%;
	}
	
	body ol#contents li p.button a::before {
		content	: '＞';
		left	: 5%;
		position: absolute;
		top		: 30%;
	}
	
	body ol#contents li p#new_graduate a {
		margin: 30px auto 20px auto;
	}
	
	body ol#contents li p#career a{
		margin: 0 auto 20px auto;
	}

	body ol#contents li p#application a {
		background-color: rgba(255,255,255,0.3); /*#FFFFFFを透過*/
		border			: solid 4px #FFFFFF;
		border-radius	: 50%;
		color			: #FFFFFF;
		display			: inline-block;
		font-size		: 25px;
		font-weight		: bold;
		height			: 145px;
		line-height		: 200%;
		padding			: 30px 0 0 0;
		position		: relative;
		text-align		: center;
		text-decoration	: none;
		width			: 180px;
	}
	
	body ol#contents li p#application a::after {
		content		: '＞';
		font-weight	: normal;
		left		: 42%;
		position	: absolute;
		transform	: rotate( 90deg );
	}
}
/*- 通常設定
------------------------------------------------*/
ol#contents {
	background-image: url("../images/recruit_index.png");
	height			: 960px;
	margin-top		: 0;
	text-align		: center;
}

ol#contents li {
	line-height: 150%;
}

ol#contents li#message_1 {
	font-size	: 30px;
	padding		: 90px 0 40px 0;
}

ol#contents li#message_2 {
	font-size	: 25px;
	padding		: 0 0 40px 0;
}

ol#contents li#message_3 {
	font-size	: 19px;
	font-weight	: bold;
	margin		: 0 80px 0 70px;
	padding		: 0 0 40px 0;
	text-align	: right;
	width		: 70%;
}

ol#contents li#message_4 {
	font-size: 19px;
}

ol#contents li p.button a {
	background		: rgba(0,112,192,0.5); /* #0070C0を透過 */
	border			: solid 1px #FFFFFF;
	color			: #FFFFFF;
	float			: left;
	font-size		: 25px;
	padding			: 20px 0;
	position		: relative;
	width			: 400px;
}

ol#contents li p.button a::before {
	content	: '＞';
	left	: 5%;
	position: absolute;
	top		: 30%;
}

ol#contents li p#new_graduate a {
	margin: 140px 55px 90px 50px;
}

ol#contents li p#career a{
	margin: 140px 50px 90px 0px;
}

ol#contents li p#application a {
	background-color: rgba(255,255,255,0.3); /*#FFFFFFを透過*/
	border			: solid 4px #FFFFFF;
	border-radius	: 50%;
	color			: #FFFFFF;
	display			: inline-block;
	font-size		: 25px;
	font-weight		: bold;
	height			: 145px;
	line-height		: 200%;
	padding			: 30px 0 0 0;
	position		: relative;
	text-align		: center;
	width			: 180px;
}

ol#contents li p#application a::after {
	content		: '＞';
	font-weight	: normal;
	left		: 42%;
	position	: absolute;
	transform	: rotate( 90deg );
}