/*- mediaクエリー
------------------------------------------------*/
@media screen and (max-width:480px) {
	body ol#contents {
		margin-top: 0;
	}

	body ol#contents li {
		line-height: 150%;
	}
	
	body ol#contents li#title {
		background-image: url("../images/recruitment_information_top.png");
		background-size	: cover;
		height			: 180px;
		padding			: 20px 0 0 0;
		width			: 100%;
	}
	
	body ol#contents li#title img {
		width: 40%;
	}
	
	body ol#contents li#title p {
		font-size	: 25px;
		text-align	: center;
	}
	
	body ol#contents li#message {
		margin	: 20px auto 40px auto;
		width	: 90%;
	}
	
	body ol#contents li#table {
		width: 100%;
	}
	
	body ol#contents li#table p {
		position: relative;
	}
	
	body ol#contents li#table p.th {
		background-color: #B4C7E7;
		border-top		: none;
		float			: none;
		margin			: 0 auto;
		padding			: 5px 0;
		text-align		: center;
		width			: 90%;
	}
	
	body ol#contents li#table p.td {
		border-top	: none;
		float		: none;
		margin		: 0 auto;
		padding		: 10px 0 20px 0;
		width		: 75%;
	}
	
	body ol#contents li#table p.td::before {
		display: none;
	}
	
	body ol#contents li#table p.two_lines::before {
		display: none;
	}
	
	body ol#contents li#table p.three_lines::before {
		display: none;
	}
	
	body ol#contents li#table p#last_th {
		border-bottom	: none;
		padding-bottom	: 5px;
	}
	
	body ol#contents li#table p#last_td {
		border-bottom	: none;
		margin			: 0 auto;
	}
	
	body ol#contents li#table p#last_td::before {
		top		: 2%;
		height	: 315px;
	}
	
	body ol#contents li#flow {
		clear: both;
	}
	
	body ol#contents li#flow p#title {
		border-bottom	: 0.5px solid #B4C7E7;
		font-size		: 25px;
		text-align		: center;
		margin			: 70px auto 50px auto;
		padding			: 0 0 5px 0;
		width			: 60%;
	}
	
	body ol#contents li#flow div {
		display		: flex;
		width		: 100%;
		font-size	: 15px;
	}
	
	body ol#contents li#flow div.block p.th {
		border-bottom	: solid 5px #B4C7E7;
		border-left		: solid 5px #B4C7E7;
		border-top		: solid 5px #B4C7E7;
		border-radius	: 30px 0 0 30px;
		float			: left;
		margin			: 20px 0 20px 5px;
		padding			: 30px 0 30px 10px;
		width			: 22%;
	}
	
	body ol#contents li#flow div.block p#once {
		padding: 6px 0 6px 10px;
	}
	
	body ol#contents li#flow div.block p.td {
		background-color: #B4C7E7;
		border-bottom	: solid 5px  #B4C7E7;
		border-top		: solid 5px  #B4C7E7;
		border-radius	: 0 30px 30px 0;
		border-right	: solid 5px  #B4C7E7;
		float			: left;
		margin			: 20px 0;
		padding			: 30px 0 30px 10px;
		width			: 65%;
	}
	
	body ol#contents li#application {
		background-image: none;
		background-size	: cover;
		clear			: both;
		text-align		: center;
		height			: auto;
	}
	
	body ol#contents li#application p#message {
		font-size	: 25px;
		padding		: 80px 0;
	}
	
	body ol#contents li#application p#button a {
		background	: rgba(255,192,0,0.8); /* #FFC000を透過 */
		border		: solid 1px #FFFFFF;
		color		: #FFFFFF;
		font-size	: 20px;
		padding		: 15px 40px;
		position	: relative;
		width		: auto;
	}
	
	body ol#contents li#application p#button a::before {
		content	: '＞';
		left	: 5%;
		position: absolute;
		top		: 30%;
	}
}
/*- 通常設定
------------------------------------------------*/
ol#contents {
	margin-top: 40px;
}

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

ol#contents li#title {
	background-image: url("../images/recruitment_information_top.png");
	background-size	: cover;
	height			: 180px;
	padding			: 20px 0 0 0;
	width			: 100%;
}

ol#contents li#title img {
	width: 20%;
}

ol#contents li#title p {
	font-size	: 25px;
	text-align	: center;
}

ol#contents li#message {
	margin	: 20px auto 40px auto;
	width	: 90%;
}

ol#contents li#table {
	width: 100%;
}

ol#contents li#table p {
	position: relative;
}

ol#contents li#table p.th {
	border-top	: solid 0.5px #B4C7E7;
	float		: left;
	margin		: 0 0 0 50px ;
	padding		: 20px 70px 0 70px;
	text-align	: center;
	width		: 10%;
}

ol#contents li#table p.td {
	border-top	: solid 0.5px #B4C7E7;
	float		: left;
	padding		: 20px 0px 20px 50px;
	width		: 60%;
}

ol#contents li#table p.td::before {
	background-color: #B4C7E7;
	content			: '';
	height			: 58px;
	left			: 0%;
	position		: absolute;
	top				: 5%;
	width			: 1px;
}

ol#contents li#table p.two_lines::before {
	height: 80px;
}

ol#contents li#table p.three_lines::before {
	height: 102px;
}

ol#contents li#table p#last_th {
	border-bottom	: solid 0.5px #B4C7E7;
	padding-bottom	: 284px;
}

ol#contents li#table p#last_td {
	border-bottom	: solid 0.5px #B4C7E7;
	margin			: 0 0 100px 0;
}

ol#contents li#table p#last_td::before {
	top		: 2%;
	height	: 315px;
}

ol#contents li#flow {
	clear: both;
}

ol#contents li#flow p#title {
	border-bottom	: 0.5px solid #B4C7E7;
	font-size		: 25px;
	text-align		: center;
	margin			: 0 350px;
	padding			: 0 0 5px 0;
}

ol#contents li#flow div {
	width		: 100%;
	font-size	: 15px;
}

ol#contents li#flow div.block p.th {
	border-bottom	: solid 5px #B4C7E7;
	border-left		: solid 5px #B4C7E7;
	border-top		: solid 5px #B4C7E7;
	border-radius	: 30px 0 0 30px;
	float			: left;
	margin			: 20px 0 20px 150px;
	padding			: 30px 0 30px 60px;
	width			: 15%;
}

ol#contents li#flow div.block p#once {
	padding: 18px 0 18px 50px;
}

ol#contents li#flow div.block p.td {
	background-color: #B4C7E7;
	border-bottom	: solid 5px  #B4C7E7;
	border-top		: solid 5px  #B4C7E7;
	border-radius	: 0 30px 30px 0;
	border-right	: solid 5px  #B4C7E7;
	float			: left;
	margin			: 20px 50px 20px 0;
	padding			: 30px 0 30px 50px;
	width			: 40%;
}

ol#contents li#application {
	background-image: url("../images/recruitment_information.png");
	background-size	: cover;
	clear			: both;
	text-align		: center;
	height			: 650px;
}

ol#contents li#application p#message {
	font-size	: 30px;
	padding		: 100px 0 350px 0;
}

ol#contents li#application p#button a {
	background	: rgba(255,192,0,0.5); /* #FFC000を透過 */
	border		: solid 1px #FFFFFF;
	color		: #FFFFFF;
	font-size	: 20px;
	padding		: 15px 200px;
	position	: relative;
	width		: 400px;
}

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