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


.sec-title {
	margin-top: 64px;
}
.sec-title h3 {
	font-size: 24px;
}

.sec-title .title {
    position: relative;
    color: var(--brand-base);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.recrute-section{
	position:relative;
	padding:40px 0px 140px;
}

.recrute-section .title-box{
	position:relative;
	margin-bottom:100px;
}

.recrute-section .title-box .bold-text{
	position:relative;
	color:#222222;
	font-size:16px;
	line-height:1.6em;
	margin-top:40px;
	margin-bottom:20px;
}

.recrute-section .title-box .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.9em;
	margin-bottom:35px;
	
}

.recrute-section .pattern-layer{
	position:absolute;
	right:0px;
	bottom:0px;
	width:100%;
	height:500px;
}



table {
	border: 1px solid #d4d4d4;
}
.ta1 {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0;
}
.ta1 tr:nth-child(2n) {
 background: #f7f7f7;
}
.ta1 th {
 padding: 8px 16px;
font-size: 15px;
 background: #35485c;
 border-right: solid 1px #778ca3;
 color: #ffffff;
	width: 180px;
	text-align: center;
	border: 1px solid #d4d4d4;
}
.ta1 th:last-child {
 border-right: none;
}
.ta1 td {
 padding: 16px 24px;
border: 1px solid #d4d4d4;
 border-right: solid 1px #778ca3; 
	vertical-align: middle;
	color: #333;
}
.ta1 td:last-child {
 border-right: none;
}
/* Stack labels above their values on narrow screens. */
@media (max-width: 767px) {
 .recrute-section .ta1, .recrute-section .ta1 tbody,
 .recrute-section .ta1 tr, .recrute-section .ta1 th,
 .recrute-section .ta1 td { display: block; width: 100%; }
 .recrute-section .ta1 th { padding: 12px 16px; text-align: left; }
 .recrute-section .ta1 td { padding: 16px; }
}