@charset "UTF-8";

#recruit{
display: block;
padding-bottom: 100px;
}


#recruit h3{
display: block;
font-size: 28px;
font-weight: bold;
border-bottom: 1px solid #14429a;
padding-bottom: 10px;
}

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

#recruit .recruit_table tr:nth-child(2n){
background: #eeeeee;
}

#recruit .recruit_table th{
min-width: 120px;
text-align: center;
padding: 25px;
font-size: 18px;
font-weight: bold;
color: #14429a;
}

#recruit .recruit_table td{
padding: 25px;
font-size: 16px;
line-height: 1.8em;
}

.conversion{
text-align: center;
padding-top: 80px;
}

.conversion p{
font-size: 18px;
font-weight: bold;
margin-bottom: 40px;
}

.conversion a.btn{
min-width: 300px;
display: inline-block!important;
position: relative;
color: #fff;
padding: 15px 0;
font-size: 16px;
font-weight: bold;
text-align: center;
background: #14429a;
opacity: 1;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}

.conversion a.btn:hover{
opacity: 0.8;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}

.conversion a.btn:after{
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight:900;
font-weight: bold;
font-style: normal;
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

@media screen and (max-width: 810px) {
#recruit{
padding-bottom: 50px;
}


#recruit h3{
text-align: center;
font-size: 21px;
padding-bottom: 10px;
}

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

#recruit .recruit_table tr:nth-child(2n){
background: #ffffff;
}

#recruit .recruit_table th{
display: block;
min-width: 100%;
width: 100%;
text-align: center;
padding: 10px 0;
font-size: 18px;
border-bottom: 1px solid #14429a;
background: #eee;
}

#recruit .recruit_table td{
display: block;
width: 90%;
padding: 25px 5%; 
font-size: 14px;
}


}