._nekanet{
color: #cf229b;
}

.hdg-l1._nekanet{
background-image: url("../img/nekanet-bg-01.png");
color: #fff;
}

.hdg-l1._nekanet > h1{
background-color: rgba(255, 255, 255, 0.6);
padding-top: 20px;
padding-bottom: 20px;
}

.hdg-l1._nekanet > h1 > span.hdg-l1-sub{
color: #cf229b;
}

.hdg-l2-01{
margin-top: 80px;
}

p.lead._nekanet > span.lead-txt{
color: #333;
box-shadow: inset 0 -9px #fce;
}

.jobclass{
color: #cf229b;
font-weight: bold;
font-size: 20px;
font-size: 2rem;
border-bottom: #ff99ef 2px dotted;
width: auto;
text-align: center;
}

em{
color: #fd60ab;
}

dl.mission{
display: inline-block;
font-size: 16px;
font-size: 1.6rem;
margin: 40px 0;
width: 100%;
text-align: left;
}

dl.mission._w-80{
width: 80%;
}

dl.mission > dt{
display: inline-block;
color: #cf229b;
font-weight: bold;
}

dl.mission > dt::after{
content: '：';
}

dl.mission > dd{
display: inline-block;
margin: 0 auto 30px;
padding: 0;
}

.media-lyt-02.job{
margin-bottom: 80px;
}

hr._nekanet{
border-top: 4px dotted;
border-bottom: 0;
margin: 80px auto 100px;
}

/* メンバーリスト */
.job-list{
list-style: none;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
padding: 0;
}

ul.job-list > li{
display: inline-block;
width: 33%;
margin: 0 auto 40px;
text-align: center;
vertical-align: top;
}

ul.job-list li > div.media-lyt-01 > img{
width: 60%;
text-align: center;
}

span.caption.job-list{
display: inline-block;
padding: 10px 0 0;
font-size: 16px;
font-size: 1.6rem;
color: #cf229b;
}

a.smooth{
background: #ff99ef;
}

a.smooth:hover{
background-color: #fffcfe;
border: 1px #ff99ef solid;
}

a.smooth:hover::after{
border-top: solid 2px #ff99ef;
border-right: solid 2px #ff99ef;
}



ul.job-list li > div.media-lyt-01 > span{
display: block;
text-align: center;
}

@media screen and (max-width:480px){
.wrap-1col{
display:block;
}
.job-list{
flex-wrap: wrap;
}

ul.job-list > li{
width: 100%;
}
}

@media screen and (min-width:480px) and (max-width:768px){
.job-list{
flex-wrap: wrap;
}
ul.job-list > li{
max-width: 100%;
margin: 0 auto 40px;
}

}



@media screen and (max-width:768px){

dl.mission{
display: block;
}

dl.mission._w-80{
width: 100%;
}


dl.mission > dt, dl.mission > dd{
display: block;
text-align: center;
}

dl.mission > dt::after{
content: '';
}

.media-lyt-02.job{
margin-bottom: 80px;
}

}