@charset "UTF-8";
/* CSS Document */
.ttl {
	background-image: url(../img/top_recruit.jpg);
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
}
h3{
	text-align:center;
	font-size:34px;
	font-style:italic;
	color:#e58d0f;
	text-shadow:1px 1px 5px #ccc;
	}
h3 span{
	font-size:28px;
	line-height:44px;
	color:#2a095a;
	display:block;
	margin-top:10px;
	}
table {
	width:100%;
	border-collapse:collapse;
	border-top: 1px solid #ccc;
}
table th {
	font-size: 18px;
	width: 25%;
	padding: 30px 5%;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
    vertical-align: baseline;
    letter-spacing: 5px;
}

table td {
	font-size: 18px;
	width: 75%;
	padding: 30px 5%;
	border-bottom: 1px solid #ccc;
}	
table a{
	color:#e58d0f;
	}

/*
table div:first-child{
	margin-bottom:30px;
	}
*/

table div span{
	font-weight:bold;
	}		
table i{
	margin-right:5px;
	}	
table .tell{
	font-weight:bold;
	}
table .tell span{
	font-size:28px;
	font-weight:normal;
	color:#e58d0f;
	}

table tr .attention span {
    color: crimson;
}

@media screen and (min-width:700px) and ( max-width:1050px) {
h3{
	text-align:center;
	font-size:26px;
	font-style:italic;
	color:#e58d0f;
	text-shadow:1px 1px 5px #ccc;
	}
h3 span{
	font-size:24px;
	line-height:34px;
	color:#2a095a;
	display:block;
	margin-top:10px;
	}
table {
	width:100%;
	border-collapse:collapse;
	border-top: 1px solid #ccc;
}
table th {
	font-size: 14px;
	width: 100%;
	padding: 10px 0 0;
	font-weight: bold;
	border-bottom: none;
	display:block;
	text-align:left;
}
table td {
	font-size: 14px;
	width: 90%;
	padding: 10px 5%;
	border-bottom: 1px solid #ccc;
	display:block;
}
table span{
	font-weight:bold;
	}
table a{
	color:#e58d0f;
	}
table div:first-child{
	margin-bottom:30px;
	}
table div span{
	font-weight:bold;
	}		
table i{
	margin-right:5px;
	}	
table .tell{
	font-weight:bold;
	}
table .tell span{
	font-size:24px;
	font-weight:normal;
	color:#e58d0f;
	}
}

@media screen and (max-width: 700px) {
h3{
	text-align:center;
	font-size:20px;
	font-style:italic;
	color:#e58d0f;
	text-shadow:1px 1px 5px #ccc;
	}
h3 span{
	font-size:16px;
	line-height:24px;
	color:#2a095a;
	display:block;
	margin-top:5px;
	}
table {
	width:100%;
	border-collapse:collapse;
	border-top: 1px solid #ccc;
}
table th {
	font-size: 14px;
	width: 100%;
	padding: 10px 0 0;
	font-weight: bold;
	border-bottom: none;
	display:block;
	text-align:left;
}
table td {
	font-size: 14px;
	width: 90%;
	padding: 10px 5%;
	border-bottom: 1px solid #ccc;
	display:block;
}
table span{
	font-weight:bold;
	}
table a{
	color:#e58d0f;
	}
table div:first-child{
	margin-bottom:20px;
	}
table div span{
	font-weight:bold;
	}		
table i{
	margin-right:5px;
	}	
table .tell{
	font-weight:bold;
	}
table .tell span{
	font-size:20px;
	font-weight:normal;
	color:#e58d0f;
	}
}