@charset "utf-8";
#wcfront_parts-9-111 .parts--image img{
width:100%;
}
.wcfront_body_wrap{
background:url(/common2/upload/files/benefits/pixta_90644117_M.png) no-repeat bottom center;
    background-size: 100% 100%;
}
#wcfront_parts-9-114{
    position: relative;
}
#wcfront_parts-9-114:before{
    position: absolute;
content: "";
top:0;
    left: -25px;
background:url(/common2/upload/files/benefits/benefits.png) no-repeat;
width: 100%;
    height: 774px;
}
.image{
  display:flex;
}
.image div{
width:50%;
text-align: center;
}
.image div img{
    width:95%;
    height: 95%;
    object-fit: cover;
}
.list{
  display:flex;
flex-wrap:wrap;
    justify-content: space-between;
}
.list .list_detail{
width:32%;
box-shadow: 1px 1px 4px #00000021;
    border-radius: 5px;
padding: 20px 30px 60px 30px;
margin-bottom: 60px;
background-color: #FFFFFF;
}
.list .list_detail h3{
    font-size: 1.5em;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
}
.list .list_detail p{
text-align: justify;
}
.list .list_image{
text-align:center;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .recruit_btn a{
display:flex;
border:1px solid #E5E5E5;
width:250px;
    margin: 0px auto 100px auto;
color: #333333 !important;
 text-decoration: none !important;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
position:relative;
    border-radius: 50px;
font-weight:bold;
    background-color: #FFFFFF;
}
.recruit_btn a::before{
position:absolute;
top:50%;
left:20px;
content:'';
transform: translateY(-50%);
background:url(/common2/upload/files/icon/arrow2-l-g.png) no-repeat;
width:13px;
height:14px;
    background-size: 13px 14px;
}
@media(max-width:1024px){
.list .list_detail{
    padding: 20px 15px 30px 15px;
    margin-bottom: 45px;
}
.list .list_detail h3{
font-size:1.2em;
}
.list .list_detail p{
font-size:0.9em;
}
}
@media (max-width: 767px) {
.list .list_detail {
        padding: 0px 10px 30px 10px;
        margin-bottom: 35px;
    }
.list .list_detail h3{
font-size:1.1em;
}
.list .list_detail p{
font-size:0.8em;
}
#wcfront_parts-9-114:before{
background-size: 100px auto;
}
.list .list_detail{
width:48%;
}
}
@media (max-width: 425px) {
    .list .list_detail {
        width: 100%;
    }
}
