@charset "utf-8";
/* CSS Document */

/*---------------------------------------------*/
/* security.html　警備
============================================== */
.recruitBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
.recruitBox .rec-koumoku {
	width: 27%;
	border-top: 0.5px solid #333;
	padding: 10px 20px;
	color: #0653B2;
	font-weight: bold;
	display: flex;
	align-items: center;
}
.recruitBox .rec-naiyou {
	width: 73%;
	border-top: 0.5px solid #333;
	padding: 10px 20px;
}
.recruitBox .rec-support {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 15px 0;
}
.recruitBox .rec-support div {
	width: 48%;
}
.recruitBox .rec-support div img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.recruitBox .rec-koumoku.last, .recruitBox .rec-naiyou.last {
	border-bottom: 0.5px solid #333;
}
.red {
	color: #ff0000;
}
@media screen and (max-width:575.98px) {
	.recruitBox .rec-koumoku, .recruitBox .rec-naiyou {
		width: 100%;
	}
	.recruitBox .rec-naiyou {
		border-top: 0.5px solid #ccc;
	}
	.recruitBox .rec-koumoku.last {
		border-bottom: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767.98px) {
	.recruitBox .rec-koumoku {
		width: 28%;
	}
	.recruitBox .rec-naiyou {
		width: 72%;
	}
	.recruitBox .rec-support {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 15px 0;
	}
	.recruitBox .rec-support div {
		width: 100%;
	}
	.recruitBox .rec-support div img {
		height: 50%;
		width: 100%;
		object-fit: cover;
	}
}
@media screen and (min-width:1400px) {
	.recruitFrame img {
		object-fit: cover;
		height: 300px;
	}
} 
#form-table {
	width: 100%; border: 0.5px solid #aaa;
}

#form-table tr th, #form-table tr td {
	padding: 1rem;
}

#form-table tr th {
	font-weight: normal;
	background-color: #eeeeee;
	width: 20%;
	max-width: 180px;
	border-right: 1px dotted #aaa;
	vertical-align: middle;
/*	border-left: 3px solid #3b74a6;*/
}

#form-table tr {
	border: 1px solid #aaa;
	border-left: none; border-right: none;
	border-collapse: collapse;
}
@media screen and (max-width: 767.98px) {
	#form-table tr th {
		width: 20%;
		max-width: none;
		font-size: 0.9em;
	}	
}
#form-div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
#form-div .recform-koumoku {
	width: 20%;
	border-top: 0.5px solid #333;
	padding: 10px 20px;
	background-color: rgba(6,83,178,.2);
	font-weight: bold;
	display: flex;
	align-items: center;
}
#form-div .recform-naiyou {
	width: 80%;
	border-top: 0.5px solid #333;
	padding: 10px 20px;
	
}
#form-div .recform-naiyou input,  #form-div .recform-naiyou textarea {
		font-size: 18px;
		padding: 5px;
		width: 100%;
}

#form-div .recform-naiyou input::placeholder,  #form-div .recform-naiyou textarea::placeholder {
    color: #bbb;
}

#form-div .recform-naiyou:last-child {
	border-bottom: 0.5px solid #333;
}
#form-div .recform-koumoku.last {
	border-bottom: 0.5px solid #333;
}
@media screen and (max-width: 767.98px) {
	#form-div .recform-koumoku {
		width: 100%;
		padding: 10px 10px;
	}
	#form-div .recform-naiyou {
		width: 100%;
		padding: 10px 0;
	}
	#form-div .recform-naiyou input,  #form-div .recform-naiyou textarea {
		font-size: 16px;
		padding: 5px;
		width: 100%;
	}
}