@charset "UTF-8";


/*PC*/
@media print, screen and (min-width: 768px) {
#recruiters_message{
margin: 0 auto 160px;
}

#recruiters_message .block{
width:95%;
margin:0 0 120px auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row-reverse;
}

#recruiters_message .block:nth-child(even){
flex-direction: row;
margin: 0 auto 0 0;
}

#recruiters_message .block .img{
width: 45%;
position: relative;
}

#recruiters_message .block .img img{
border-radius: 1rem;
}

#recruiters_message .block .txt_box{
width:55%;
position: relative;
}

#recruiters_message .block:nth-child(even) .txt_box p{
padding-left:10%;
box-sizing: border-box;
font-size: 1rem;
padding-right: 0;
}
#recruiters_message .block .txt_box p{
padding-right:10%;
box-sizing: border-box;
font-size: 1rem;
}

#recruiters_message .block .txt_box .name_box{
background: #0000d9;
padding:6.5% 10%;
box-sizing: border-box;
margin: 60px 0 0;
color: #FFF;
text-align: right;
}

#recruiters_message .block:nth-child(even) .txt_box .name_box{
text-align: left;
}

#recruiters_message .block .txt_box .name_box p{
font-size: 1.2rem;
line-height: 1;
font-weight: 800;
margin-bottom: 30px;
padding: 0;
}

#recruiters_message .block .txt_box .name_box h3{
font-size:2.4rem;
font-weight: 800;
line-height: 1;
}


}
/*sp*/
@media only screen and (max-width: 767px) {
#recruiters_message{
margin: 0 auto 60px;
}

#recruiters_message .block{
width:90%;
margin:0 auto 40px;
}

#recruiters_message .block .img{
width: 80%;
position: relative;
margin: 0 auto 20px;
}

#recruiters_message .block .img img{
border-radius: .6rem;
}

#recruiters_message .block .txt_box{
width:100%;
position: relative;
}

#recruiters_message .block:nth-child(even) .txt_box p{
box-sizing: border-box;
font-size:.9rem;
padding-right: 0;
}
#recruiters_message .block .txt_box p{
padding-right:10%;
box-sizing: border-box;
font-size: 1rem;
}

#recruiters_message .block .txt_box .name_box{
background: #0000d9;
padding:5%;
box-sizing: border-box;
margin: 10px 0 0;
color: #FFF;
text-align:center;
}

#recruiters_message .block .txt_box .name_box p{
font-size: .8rem;
line-height: 1;
font-weight: 800;
margin-bottom: 10px;
padding: 0;
}

#recruiters_message .block .txt_box .name_box h3{
font-size:1.2rem;
font-weight: 800;
line-height: 1;
}


}