a.contact{
background-color:#67CAE5;
color:white;
font-weight:bold;
font-size:18px;
width:200px;
text-align:center;
padding:15px 0;
display:block;
margin:0px auto;
margin-top:15px;
border-radius:5px;
line-height:1;

}


.top-pick-box {
border:1px solid #e66686;

margin-top:20px;
background-color:white;
position:relative;
}

.top-pick-box a{
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
display:block;
}

.top-pick-box .title{
font-size:16px;
color:white;
padding:7px 20px;
  background-image: -moz-linear-gradient(0deg, #e66587 0%, #f09458 100%);
  background-image: -webkit-linear-gradient(0deg, #e66587 0%, #f09458 100%);
  background-image: -ms-linear-gradient(0deg, #e66587 0%, #f09458 100%);
font-weight:bold;
letter-spacing:2px;
}



.top-pick-box .content{
    background-image: url(../img/elements/arrow.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 97% center;
    min-height:130px;
    padding:20px;
    padding-right:calc(3% + 40px);
}


.top-pick-box .content .content-title{
    color:#222222;
    font-weight:bold;
    font-size:15px;
    border-bottom:1px dotted #222222;
    line-height:1.7;
    padding-bottom:7px;
}

.top-pick-box .content .content-title span{
background-color:#e66686;
color:white;
border-radius:3px;
font-size:11px;
padding:1px 5px;
line-height:1;
margin-right:6px;
vertical-align:middle;
}


.top-pick-box .content .text{
    color:#222222;
    letter-spacing:1px;
    font-size:14px;
    padding-top:7px;
    line-height:1.6;
    text-align:justify;
}

.top-pick-box .content .text span{

}





.job-box {


margin-bottom:20px;
background-color:white;
position:relative;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}


.job-box a{
background-color:#67CAE5;
color:white;
font-weight:bold;
font-size:18px;
width:200px;
text-align:center;
padding:15px 0;
display:block;
margin:0px auto;
margin-top:15px;
border-radius:5px;
line-height:1;

}


.job-box .title{
color:white;
padding:5px 20px;
  background-image: -moz-linear-gradient(0deg, #e66587 0%, #f09458 100%);
  background-image: -webkit-linear-gradient(0deg, #e66587 0%, #f09458 100%);
  background-image: -ms-linear-gradient(0deg, #e66587 0%, #f09458 100%);
    font-weight:bold;
    font-size:20px;
    line-height:1.7;
	letter-spacing:1px;
}




.job-box .content{
    padding:30px;
    background-color:#f9f9ff;
    padding-bottom:50px;
}


.job-box .content .label{
background-color:#67A0E5;
color:white;
border-radius:2px;
font-size:13px;
padding:1px 5px;
font-weight:bold;
line-height:1;
margin-right:6px;
vertical-align:middle;
}

.job-box .content .content-title{
    color:#395a9c;
    font-weight:bold;
    font-size:23px;
    line-height:1.7;
    padding-bottom:3px;
}

.job-box .content .content-title-sub{
    color:#435896;
    font-weight:bold;
    font-size:18px;
    line-height:1.7;
    padding-top:10px;
    padding-bottom:10px;
}




.job-box .content .content-access{
    color:#e66686;
    font-weight:bold;
    font-size:14px;
    line-height:1.7;
    padding-top:5px;
}

.job-box .content .content-access span{
color:#e66686;
border-radius:4px;
font-size:11px;
padding:1px 5px;
font-weight:bold;
line-height:1;
border:1px solid #e66686;
margin-right:10px;
vertical-align:middle;
}

.job-box .content .text{
    color:#222222;
    font-size:14px;
background-color:white;
margin-top:40px;
}


.job-box .content .text .progress-table {
background-color:white;
padding:0;
}
.job-box .content .text .progress-table .table-row {
padding:10px 0;

}

.job-box .content .text .progress-table:nth-child(even) .table-row {
background:#fafafa;
}


.job-box .content .text .progress-table .serial{
padding-left:20px;
font-weight:bold;
width:150px;
color:#222222;
}

.job-box .content .contact{
text-align:center;
font-size:15px;
color:#67CAE5;
font-weight:bold;
padding-top:30px;

}




.recruit-box {

padding:5px;

margin-top:20px;
  background-image: -moz-linear-gradient(0deg, #e66587 0%, #f09458 100%);
  background-image: -webkit-linear-gradient(0deg, #e66587 0%, #f09458 100%);
  background-image: -ms-linear-gradient(0deg, #e66587 0%, #f09458 100%);

position:relative;
}

.recruit-box a{
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
display:block;
}


.recruit-box .content{
background-color:white;
text-align:center;
font-weight:bold;
color:#222222;
font-size:18px;
line-height:1.7;
padding:30px 0px;
}

.recruit-box .number {
height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
  background-image: -moz-linear-gradient(0deg, #e66587 0%, #f09458 100%);
  background-image: -webkit-linear-gradient(0deg, #e66587 0%, #f09458 100%);
  background-image: -ms-linear-gradient(0deg, #e66587 0%, #f09458 100%);
    font-size: 23px;
    color: white;
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'arial';
}

.recruit-box-2 {
width:70%;
margin:0 auto;
padding-top:20px;
}

.recruit-box-2 dl {
     background: #fff;
      margin-bottom: 35px;
      display: flex;
      align-items: center;
      
 }

.recruit-box-2 dl dt {
        position: relative;
  background-image: -moz-linear-gradient(0deg, #e66587 0%, #f09458 100%);
  background-image: -webkit-linear-gradient(0deg, #e66587 0%, #f09458 100%);
  background-image: -ms-linear-gradient(0deg, #e66587 0%, #f09458 100%);
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        width: 100%;
        text-align: center;
        padding: 15px 0;
        letter-spacing:1px;
 }

.recruit-box-2 dt::after {
         content: "";
          display: block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 15px 15px 0 15px;
          border-color: #e27d72 transparent transparent transparent;
          position: absolute;
          bottom: -25px;
          left: 50%;
          transform: translateX(-50%);
 }





.recruit-box-2 dl:last-child dt::after {
	display: none;
 }
 



input, textarea {
    padding: 10px 9px;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: none;
    -webkit-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="submit"] {
    margin: 50px auto;
    -webkit-appearance: button;
    cursor: pointer;
    display: block;
    width: 50%;
    padding: 16px 0;
    color: #fff;
    background-color: #FF758C;
    border: none;
    border-radius: 0;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 5px;
    border-radius: 5px;
}

#contact table {
	width:100%;
	margin:50px auto;
	border-collapse : collapse ;
}

#contact table .full {
	width:100%;
}

#contact table .required {
	color:white;
	padding:4px 6px;
	font-size:12px;
	background-color:#FF758C;
	letter-spacing:1px;
}

#contact table .any {
	color:white;
	padding:4px 6px;
	font-size:12px;
	background-color:#3BABAC;
	letter-spacing:1px;
}


#contact table tr {
	border-top: 1px solid #e0dbd5;
    border-bottom: 1px solid #e0dbd5;
}

#contact table td {
	font-size:14px;
	padding:20px 0;
	line-height:1.8;
}




@media (max-width: 767px) {

.recruit-box-2 {
width:100%;
margin:0 auto;
padding-top:20px;
}



.job-box {


background-color:white;
position:relative;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}


.job-box a{
background-color:#67CAE5;
color:white;
font-weight:bold;
font-size:16px;
width:90%;
text-align:center;
padding:10px 0;
display:block;
margin:0px auto;
margin-top:15px;
border-radius:5px;
line-height:1;

}


.job-box .title{
    font-size:17px;
    letter-spacing:0px;
padding:5px 10px;

}




.job-box .content{
    padding:15px 10px;
    padding-top:20px;
}


.job-box .content .label{
font-size:12px;
}



.job-box .content .content-title-sub{
    font-size:15px;
}




.job-box .content .content-access{
    font-size:13px;
}



.job-box .content .text{
    color:#222222;
    font-size:13px;
background-color:white;
margin-top:20px;
}


.job-box .content .text .progress-table {
min-width:0;
}
.job-box .content .text .progress-table .country{
padding-right:10px;
}

.job-box .content .text .progress-table .table-row {
padding:5px 0;

}

.job-box .content .text .progress-table:nth-child(even) .table-row {
background:#fafafa;
}


.job-box .content .text .progress-table .serial{
padding-left:10px;
font-weight:bold;
width:120px;
color:#222222;
}

.job-box .content .contact{
font-size:14px;
color:#67CAE5;
padding-top:20px;
padding-bottom:20px;

}



#contact table {
	margin:20px auto;
	margin-top:0;
	line-height:1;
	table-layout: fixed;
}


#contact table .full {
	width:100%;
}

#contact table .required {
	padding:2px 4px;
	font-size:10px;
	margin-left:0px;
	border-radius:3px;
	margin-top:5px;
}

#contact table .any {
	padding:2px 4px;
	font-size:10px;
	margin-left:0px;
	border-radius:3px;
	margin-top:5px;
}



#contact table td {
	padding:12px 5px 12px 0px;
	font-size:12px;
	line-height:1.7;
}

#contact .text {
	font-size:11px;
}


input[type="submit"] {
	margin:30px auto;
    width: 80%;
    padding:13px 0;
    font-size:14px;
    letter-spacing:2px;
}



}