@charset "UTF-8";

body {
	font-size: 1.6rem;
	overflow-x: hidden;
	 -webkit-text-size-adjust: 100%;
}

@media (max-width : 768px) {
	body {
		font-size: 1.4rem;
	}
}

a.default_btn {
	font-weight: bold;
	border-radius: 4px;
	border: 0.2rem solid #585858;
	padding: 1.0rem 0rem;
	color: #585858;
	width: 100%;
}

a {
	font-size: inherit;
}

a::after {
	font-family: "FontAwesome";
	font-size: 1.4rem;
	right: 1rem;
	top: 1rem;
}

::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

h4.conditions-of-commitment {
	border-left: 0.4rem solid #375a89;
	padding-left: 0.5rem;
	font-size: 1.6rem;
	font-weight: 800;
	display: block;
}

.job_view {
	margin: 0 0 4rem 0;
}

.search_list_header h2 span {
	font-size: 3rem;
	color: #31578b;
}

.search_list_header .form_view {
	text-align: right;
}

.search_list_header div {
	display: table-cell;
}

.nav >li {
	display: block;
}
/*
.nav >li >a {
	display: block;
}
*/

/*
.nav-tabs {
	border-bottom: 0.1rem solid #dddddd;
}
*/
.nav-tabs .nav-item {
	/* width: 15%; */
	border: 0.1rem solid #dddddd;
	border-bottom: 0;
	margin-left: 1rem;
	padding-left: 0;
	padding-right: 0;
}

.nav-tabs .nav-item>a {
	display: block;
	width: 100%;
	border-radius: 0;
	font-size: 1.6rem;
	font-weight: 800;
	color: black;
	padding-top: 1rem;
	padding-left: 1rem;
}

.nav-tabs>li.nav-item-recruit {
	width: 25%;
}

.nav-tabs>li.nav-item-profile, .nav-pills>li.nav-item-profile,
	.nav-justified>li.nav-item-profile {
	width: 20%;
}

@media ( max-width : 768px) {
	.nav-pills {
		text-align: center;
		font-size: 0;
	}
	.nav-pills>li, .nav-justified>li {
		float: none;
		display: inline-block;
		*display: inline; /* ie7 fix */
		/* width: 25%; */
		font-size: 1.4rem;
	}
	.nav-pills>li>a, .nav-justified>li>a {
		border: 0.1rem solid #dddddd;
		color: black;
		border-radius: 0;
		padding: 1rem 0.5rem;
		background-color: #dfdfdf;
	}
	.nav-pills>li>a.first, .nav-justified>li>a.first {
		border-radius: 1rem 0 0 1rem;
	}
	.nav-pills>li>a.end, .nav-justified>li>a.end {
		border-radius: 0 1rem 1rem 0;
	}
	.nav-pills>li+li, .nav-justified>li+li {
		margin-left: 0;
	}
	.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus,
		.nav-justified>li.active>a, .nav-justified>li.active>a:hover,
		.nav-justified>li.active>a:focus {
		color: #ffffff;
		/* background-color: #2196f3; */
		background-color: #004f9d;
	}
	.nav-pills>li.nav-item-recruit, .nav-justified>li.nav-item-recruit {
		width: 45%;
	}
	.nav-tabs>li.nav-item-profile, .nav-pills>li.nav-item-profile,
		.nav-justified>li.nav-item-profile {
		width: 25%;
	}
}

.staffing-row {
	margin: 2rem;
	display: grid;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th,
	.table>thead>tr>td, .table>thead>tr>th {
	padding: 1.5rem;
}

.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th {
	width: 30%;
}

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
	width: 70%;
}

@media ( max-width : 768px) {
	.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th {
		width: 100%;
		background-color: #dddddd;
	}
	.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
		width: 100%;
	}
}

div.working-skill-table {
	margin-bottom: 1.5rem;
}

div.working-skill-table>div.working-skill-title {
	border: 0.1rem solid #dddddd;
}

div.working-skill-table>div.working-skill-contents {
	border: 0.1rem solid #dddddd;
	border-top: 0;
	padding-bottom: 1rem;
}

div.working-skill-group-title {
	border: 0.1rem solid #dddddd;
}

div.working-skill-item-contents {
	border: 0.1rem solid #dddddd;
	border-top: 0;
	padding: 0;
}

.card-header .job_number {
	margin-right: 0;
	font-size: 1.2rem;
}

a .card-header {
	color: #333333;
}

.card-primary > .card-header {
	color: #ffffff;
    background-color: #337ab7;
    border-color: #337ab7;

}

.card-default > .card-header {
	color: #333333;
	background-color: #f5f5f5;
	border-color: #dddddd;	
}

.view-footer {
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100vw;
	padding: 1rem;
	color: #000000;
	background-color: rgba(192, 192, 192, 0.8);
	z-index: 1000;
}

div.table-group-title {
	background-color: #eeeeee;
	font-size: 1.6rem;
	padding: 1rem;
	margin: 0;
}

div.table-group-detail {
	padding: 0;
	border-left: 0.1rem solid #dddddd;
	border-right: 0.1rem solid #dddddd;
}

div.table-group-edit-row {
	padding: 0;
	border-left: 0.1rem solid #dddddd;
	border-right: 0.1rem solid #dddddd;
}

div.table-group-detail:first-child {
	margin-top: 1.5rem;
}

div.table-group-detail:last-child {
	border-bottom: 0.1rem solid #dddddd;
}

div.table-group-edit-row:first-child {
	margin-top: 1.5rem;
}

div.table-group-edit-row:last-child {
	border-bottom: 0.1rem solid #dddddd;
}

div.table-group-detail>div.table-group-header, div.table-group-edit-row>div.table-group-header,
	div.table-group-edit-row>div>div.table-group-header {
	padding: 1.3rem;
	border-top: 0.1rem solid #dddddd;
}

div.table-group-detail>div.table-group-contents, div.table-group-edit-row>div.table-group-contents,
	div.table-group-edit-row>div>div.table-group-contents {
	padding: 1.5rem;
	border-top: 0.1rem solid #dddddd;
	border-left: 0.1rem solid #dddddd;
	min-height: 5rem;
}

div.table-group-detail>div.table-group-contents>div.table-group-contents-row,
	div.table-group-edit-row>div.table-group-contents>div.table-group-contents-row
	{
	margin-bottom: 1rem;
}

div.table-group-detail>div.table-group-contents>div.table-group-contents-row:last-child,
	div.table-group-edit-row>div.table-group-contents>div.table-group-contents-row:last-child
	{
	margin-bottom: 0;
}

.multi-line {
	white-space: pre-wrap;
	line-height: 1.6px;
	word-break: break-all;
	width: 100%;
}

div.table-group-list-item-group {
	margin-bottom: 1.5rem;
}

div.table-group-list-item-group:last-child {
	margin-bottom: 0;
}

div.table-group-list-item {
	margin-left: 2rem;
	margin-bottom: 0.3rem;
}

@media ( max-width : 768px) {
	div.table-group-title {
		background-color: #eeeeee;
		padding: 1rem;
		font-size: 1.6rem;
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}
	div.table-group-detail {
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 0.1rem solid #dddddd;
	}
	div.table-group-detail:first-child {
		margin-top: 0;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 0.1rem solid #dddddd;
	}
	div.table-group-detail>div.table-group-header {
		margin: 1rem;
		padding: 0;
		border-top: 0;
	}
	div.table-group-detail>div.table-group-contents {
		margin: 1rem;
		padding: 0;
		border-top: 0;
		border-left: 0;
		min-height: 0;
	}
	div.table-group-edit-row:first-child {
		margin-top: 0.5rem;
	}
	div.table-group-edit-row {
		padding: 0;
		padding-left: 1rem;
		padding-right: 1rem;
		padding-bottom: 1rem;
		border: 0;
		margin-top: 0.7rem;
	}
	div.table-group-edit-row>div.table-group-header, div.table-group-edit-row>div>div.table-group-header
		{
		padding: 0;
		border-top: 0;
	}
	div.table-group-edit-row>div.table-group-contents, div.table-group-edit-row>div>div.table-group-contents
		{
		padding: 0;
		border-top: 0;
		border-left: 0;
		min-height: 0;
	}
	div.table-group-edit-row:last-child {
		border-bottom: none;
	}
}

.label {
	border-radius: 0;
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}

h2 > label {
	border-radius: 0;
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}

.label-default {
	font-weight: 400;
	display: inline-block;
	margin: 0 0 0.4rem 0.4rem;
	padding: 0.6rem 0.6rem 0.4rem 0.6rem;
	background: #ffffff;
	color: #333333;
	border: 0.11rem solid #dddddd;
	border-radius: 0.4rem;
}

.label-memo {
	font-size: 1.2rem;
}

ul.condition-feature {
	padding: 0;
}

ul.condition-feature>li {
	float: left;
	list-style-type: none;
	margin-right: 0.5rem;
}

@media ( max-width : 768px) {
	.label-memo {
		font-size: 1rem;
	}
}

@media ( max-width :768px) {
	#modal-dlg-btn-word-jobs>span.selected, #modal-dlg-btn-word-pref>span.selected
		{
		position: absolute;
		display: block;
		padding: 0.3rem 0.2rem 0.2rem 0.2rem;
		font-size: 1rem;
	}
}

.header-field {
	height: 100%;
	border-bottom: solid 1px #d6d6d6;
}

@media(max-width:768px) {
	.header-field {
		height: 5rem;
		padding: 0;
		border-bottom: solid 1px #d6d6d6;
	}
}

#main-contents {
	/*max-height: 90vh;*/
	overflow-x: hidden;
	/*overflow-y: scroll;*/
}

.content-field {
	min-height: 80vh;
	padding-left: 6.4rem;
	padding-right: 6.4rem;
}

.footer-field {
	margin-top: 1.5rem;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}

@media (max-width :768px) {
	.content-field {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.footer-field {
		background-color: black;
	}
}

.btn {
	height: 4.6rem;
	font-size: inherit;
	overflow: hidden;
	line-height: 4.6rem;
	padding: 0 1.2rem;
	float: initial;
}

@media ( max-width :768px) {
	.btn {
		height: 4.4rem;
	}
}

@media ( max-width :768px) {
	.form-control {
		height: 3.6rem;
	}
}

.btn-normal {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	/* border: 1px solid transparent; */
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 13px;
	line-height: 1.23076923;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: auto;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.nav-tabs > li > a:hover {
	background-color: #dddddd;
}

.nav-tabs > li.active > a {
	border-bottom-color :#ffffff;
}

label {
	font-weight: bold;
}

.pull-right {
	float: right !important;
}