@charset "UTF-8";

/* 既卒の方へ ページ (/for_employment) 専用スタイル */

[data-pagename="for_employment"] #gradient-bg-img {
    background-image: none;
    background-color: #fff;
}


.mb0{ margin-bottom:0 !important; }


.mv-emp{
width:100%;
height:83.20vw;
background:url(../../img/mv-emp-sp.jpg) no-repeat center center;
background-size:cover;
margin:0;
position:relative;
}



.emp-lead{
background:#14B4FF;
padding:10.67vw 0;
color:#fff;
}
.emp-lead h2{
width:87.20vw;
margin:0 auto 6.40vw;
font-size:8.00vw;
line-height:1.1;
font-weight:900;
}
.emp-lead p{
width:87.20vw;
margin:0 auto;
font-size:3.73vw;
line-height:1.75;
}


.emp{
width:87.20vw;
margin:0 auto;
padding:10.67vw 0;
}
.emp h2{
font-size:8.00vw;
line-height:1;
border-bottom:0.27vw solid #14B4FF;
margin:0 0 4.27vw;
width:fit-content;
}
.emp p{
font-size:3.20vw;
line-height:1.75;
margin:0 0 6.40vw;
}
.emp h3{
font-size:4.80vw;
line-height:1.35;
margin:0 0 4.27vw;
padding-left:2.13vw;
border-left:0.80vw solid #14B4FF;
}

.dist-bq{
background:#f4f4f4;
padding:4.27vw 2.13vw;
font-size:3.20vw;
line-height:1.75;
margin:0 0 4.27vw;
}
.dist-shape{
width:87.20vw;
margin:0 0 10.67vw;
}
.short-hr{
width:calc(100% + 12.8vw);
margin:0 auto 10.67vw;
position:relative;
left:-6.4vw;
height:0.27vw;
background:#ADADAD;
}

.voice-col{
display:flex;
flex-wrap:wrap;
gap:6.40vw;
}
.voice-col div{
width:100%px;
}
.voice-col h4{
font-size:4.80vw;
line-height:1;
margin:0 0 4.27vw;
}
.voice-thumb{
width:87.20vw;
height:47.47vw;
margin:0 0 4.27vw;
}
.voice-name{
font-size:4.80vw;
line-height:1;
margin:0 0 2.13vw;
}
.voice-name span{
display:inline-block;
font-size:3.20vw;
}
.voice-job{
font-size:3.20vw;
line-height:1.75;
}
.voice-qa dt{
font-size:4.27vw;
line-height:1.7;
color:#057BA2;
}
.voice-qa dd{
font-size:3.20vw;
line-height:1.75;
margin:0 0 4.27vw;
}











@media (min-width: 768px) {

.mv-emp{
width:100%;
height:372px;
background-image:url(../../img/mv-emp-pc.jpg);
}

.emp-lead{
background:#14B4FF;
padding:40px 0;
color:#fff;
}
.emp-lead h2{
width:1260px;
margin:0 auto 24px;
font-size:30px;
line-height:1;
font-weight:900;
}
.emp-lead p{
width:1260px;
margin:0 auto;
font-size:16px;
line-height:1.75;
}


.emp{
width:1260px;
margin:0 auto;
padding:40px 0;
}
.emp h2{
font-size:42px;
line-height:1;
border-bottom:1px solid #14B4FF;
margin:0 0 16px;
}
.emp p{
font-size:16px;
line-height:1.75;
margin:0 0 24px;
}
.emp h3{
font-size:24px;
line-height:1.35;
margin:0 0 24px;
padding-left:11px;
border-left:5px solid #14B4FF;
}

.dist{
display:grid;
grid-template-columns: 1fr 1fr;
gap:40px;
}

.dist-bq{
background:#f4f4f4;
padding:16px 8px;
font-size:16px;
line-height:1.75;
margin:0 0 16px;
width:fit-content;
height:fit-content;
}
.dist-shape{
width:610px;
margin:0 0 40px;
}
.short-hr{
width:calc(100% - 60px);
margin:0 auto 40px;
height:1px;
left:0;
background:#ADADAD;
}

.voice-col{
display:flex;
gap:40px;
}
.voice-col div{
width:610px;
}
.voice-col h4{
font-size:24px;
line-height:1;
margin:0 0 20px;
}
.voice-thumb{
width:610px;
height:332px;
margin:0 0 24px;
}
.voice-name{
font-size:28px;
line-height:1;
margin:0 0 8px;
}
.voice-name span{
display:inline-block;
font-size:16px;
}
.voice-job{
font-size:16px;
line-height:1.75;
}
.voice-qa dt{
font-size:22px;
line-height:1.7;
color:#057BA2;
}
.voice-qa dd{
font-size:16px;
line-height:1.75;
margin:0 0 24px;
}





/* END PC CSS */
}