@charset "UTF-8";

/* career_artist（活躍するESP学園出身生 アーティスト）専用スタイル */

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

.mb0{ margin-bottom:0 !important; }
.mb8{ margin-bottom:2.13vw !important; }
.mb16{ margin-bottom:4.27vw !important; }
.mb24{ margin-bottom:6.40vw !important; }
.mb32{ margin-bottom:8.53vw !important; }
.mb40{ margin-bottom:10.67vw !important; }


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



.page-content{
width:87.20vw;
margin:0 auto;
padding:6.40vw 0 10.67vw;
}

.career-list{
display:flex;
flex-wrap:wrap;
gap:10.67vw;
}
.career-list li{
width:100%;
}

.artist-thumb{
margin:0 0 2.13vw;
}

.artist-txt{
font-size:3.20vw;
line-height:1.75;
}

.artist-name{
font-size:4.80vw;
font-weight:normal;
line-height:1.35;
}
.artist-affi{
color:#057BA2;
font-weight:bold;
}



@media (min-width: 768px) {

.mb0{ margin-bottom:0 !important; }
.mb8{ margin-bottom:8px !important; }
.mb16{ margin-bottom:16px !important; }
.mb24{ margin-bottom:24px !important; }
.mb32{ margin-bottom:32px !important; }
.mb40{ margin-bottom:40px !important; }
.mb80{ margin-bottom:80px !important; }


.mv-career-artist{
background:url(../../img/mv-career-artist.jpg) no-repeat center;
background-size:cover;
width:100%;
height:372px;
}

.page-content{
width:1260px;
margin:0 auto;
padding:40px 0 56px;
}

.career-list{
display:flex;
flex-wrap:wrap;
gap:40px;
}
.career-list li{
width:calc((100% - 80px) / 3);
}

.artist-thumb{
margin:0 0 12px;
}

.artist-txt{
font-size:16px;
line-height:1.75;
}

.artist-name{
font-size:28px;
font-weight:normal;
line-height:1.35;
}
.artist-affi{
color:#057BA2;
font-weight:bold;
}



/* END PC CSS */
}