@charset "UTF-8";
/* CSS Document */
/*PC*/
@media print, screen and (min-width: 769px) {

.headArea {
background: url("../images/recruit/hed_img.jpg") center center no-repeat;
background-size: cover;
}



/*------------index-------------*/
.recruit_wrap{
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
margin: 60px 0 0;
}

.recruit_wrap_box{
width: 23%;
position: relative;
}

.recruit_wrap_box h3{
font-size: 24px;
letter-spacing: .5px;
margin:15px 0 15px;
font-weight: 400;
}

.recruit_wrap_box h3 span{
display: block;
font-family: 'Lato', sans-serif;
font-size: 12px;
letter-spacing: 1.2px;
line-height: 1.2;
font-weight: 500;
}


/*message
------------------------------------*/
.message_wrap {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
}

.message_wrap_box1 {
width: 50%;
position: relative;
}

.message_wrap_box2 {
width: 50%;
position: relative;
padding: 30px 60px 30px 0;
box-sizing: border-box;
}

.message_wrap_box2 h5{
font-size: 1em;
text-align: right;
margin: 50px 0 0;
}


}


/*sp*/
@media only screen and (max-width: 768px) {

.headArea {
background: url("../images/recruit/hed_img.jpg") center center no-repeat;
background-size: cover;
}




/*------------index-------------*/
.recruit_wrap{
margin: 30px 0 0;
}

.recruit_wrap_box{
width: 100%;
position: relative;
margin-bottom: 40px;
}

.recruit_wrap_box:last-child{
margin-bottom: 0;
}

.recruit_wrap_box h3{
font-size: 16px;
letter-spacing: .5px;
margin:15px 0 15px;
font-weight: 400;
}

.recruit_wrap_box h3 span{
display: block;
font-family: 'Lato', sans-serif;
font-size: 10px;
letter-spacing: 1.2px;
line-height: 1.2;
font-weight: 500;
}


/*message
------------------------------------*/
.message_wrap {
width: 100%;
flex-direction: row-reverse;
}

.message_wrap_box1 {
width: 100%;
position: relative;
margin: 0 auto 30px;
}

.message_wrap_box2 {
width: 90%;
position: relative;
margin: auto;
}

.message_wrap_box2 h5{
font-size: 1em;
text-align: right;
margin: 50px 0 0;
}





}