/******************** message & interview ********************/

.voice #mv{
    padding:100px 0;
}


.message #mv{
    background:url(/recruit/message/img/mv.jpg) center right / cover no-repeat;
}
.interview #mv{
    background:url(/recruit/interview/img/mv.jpg) center right / cover no-repeat;
}

.voice #mv h1{
    font-weight: 700;
    font-style: italic;
    font-size:10rem;
    color:rgba(77, 196, 255, 0.8);
    margin-bottom:50px;
}

.voice #mv h1 span{
    font-weight: 900;
    font-size:1.8rem;
    color:#fff;
    display:block;
    margin-top:-5em;
    -webkit-text-stroke:1px #4dc4ff;
}
.voice #mv p {
    line-height: 1em;
    font-weight:500;
}

.voice #mv p span{
    background:#fff;
    color:#4dc4ff;
    padding:3px 5px;
}

.voice section {
    margin:60px 0;   
}

.voice section h2{
    text-align:left;
    font-size:2.4rem;
    color:#000;
    border-bottom:3px  solid #f6aa00;
    line-height:1em;
}

.voice section.point{
    border:1px solid #4dc4ff;
    max-width:800px;
    width:90%;
    margin:0 auto;
    padding:30px 0;
}

.voice section.point h2{
    color:#4dc4ff;
    border:none;
    margin-top:20px;
}

.voice .images{
    display: flex;
}

.voice .images  img{
    width:50%;
}

.voice p.question{
    font-weight:700;
    margin:50px 0 10px;
    border-bottom:2px  solid #f6aa00;
}

.voice p.answer:before{
    content:”―――”;
    letter-spacing: -0.2em;
    width: 2em;
    margin-right: 0.5em;
}
  


/******************** workstyle ********************/
.workstyle .inner2{
    padding:60px 0;
}

.workstyle h2{
    color:#000;
    margin-bottom:2rem;
}

.workstyle #work h2,
.workstyle #assist h2{
    color:#fff;
}

.workstyle section ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.workstyle section ul li{
    background:#fff;
    padding:30px 20px;
    width:48%;
    margin:15px  0;
}

.workstyle ul li h3{
    text-align:center;
    font-size:1.8rem;
}

.workstyle ul li img{
    display: block;
    margin:0 auto 10px;
    width:60px;
}

/********* sp *********/
@media only screen and (max-width: 767px) {
    
    .voice #mv h1{
        font-size:7rem;
    }
    
    .voice #mv h1 span{
        margin-top:-3.5em;
        margin-bottom:-1em;
    }

    .voice .images{
        display: block;
    }
    
    .voice .images  img{
        width:100%;
    }

    .voice section.point{
        margin-top:60px;
    }

    .message #mv{
        background:url(/recruit/message/img/sp_mv.jpg) center right / cover no-repeat;
        padding:250px 0 50px;
    }
    
    .interview #mv{
        background:url(/recruit/interview/img/sp_mv.jpg) center right / cover no-repeat;
        padding:250px 0 50px;
    }

    .workstyle section ul {
        display:block;
    }

    .workstyle section ul li{
        width:100%;
        margin:25px  0;
    }

    

}



/****************** thanks ******************/
#thanks .inner2{
    max-width:750px;
    margin:80px auto 0;
}

#thanks h2{
    text-align:left;
}