@charset "UTF-8";
/* ==========================================================
Recruit Page
========================================================== */

.page-recruit{
padding-top:80px;
}

.recruit-wrapper{
margin-top:50px;
}
	.contact-description{
		margin:0;
	}
.recruit-message{
max-width:900px;
/* margin:0 auto 60px; */
padding:50px;
background:#fff;
border-radius:12px;
box-shadow:var(--shadow);
text-align:center;
}

.recruit-message h3{
margin-bottom:20px;
font-size:2rem;
color:var(--color-primary);
}

.recruit-message p{
margin-bottom:20px;
line-height:2;
}

.recruit-message p:last-child{
margin-bottom:0;
}

.recruit-table{
max-width:1000px;
margin:0 auto 60px;
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:var(--shadow);
}

.recruit-table table{
width:100%;
border-collapse:collapse;
}

.recruit-table th,
.recruit-table td{
padding:20px 24px;
border-bottom:1px solid var(--color-border);
vertical-align:top;
}

.recruit-table tr:last-child th,
.recruit-table tr:last-child td{
border-bottom:none;
}

.recruit-table th{
width:220px;
background:var(--color-bg);
font-weight:700;
color:var(--color-primary);
}

.recruit-contact{
max-width:900px;
margin:0 auto;
padding:60px 40px;
background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));
border-radius:16px;
box-shadow:var(--shadow);
text-align:center;
color:#fff;
}

.recruit-contact h2{
margin-bottom:20px;
font-size:2rem;
color:#fff;
}

.recruit-contact p{
margin-bottom:30px;
line-height:2;
}

.recruit-contact .btn-primary{
display:inline-flex;
justify-content:center;
align-items:center;
min-width:260px;
}

/* ==========================================================
Responsive
========================================================== */

@media (max-width:767px){

.page-recruit{
padding:50px 0px 20px;
}
	.contact-description{
		font-size:14px;
	}
	.recruit-entry-title{
		font-size:18px !important;
}
.recruit-message{
padding:30px 24px;
}

.recruit-message h3{
font-size:1.6rem;
}

.recruit-table,
.recruit-table table,
.recruit-table tbody,
.recruit-table tr,
.recruit-table th,
.recruit-table td{
display:block;
width:100%;
}

.recruit-table th{
padding:16px;
border-bottom:none;
}

.recruit-table td{
padding:0 16px 20px;
}
/* 
.recruit-contact{
padding:40px 24px;
} */

.recruit-contact h2{
font-size:1.6rem;
}

.recruit-contact .btn-primary{
width:100%;
max-width:320px;
}

}