/* ==========================================================================
   course/teacher（講師一覧）専用CSS
   ========================================================================== */
[data-pagename="course/teacher"] #gradient-bg-img {
    background-image: none;
    background-color: #f4f4f4;
}


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


button{
-webkit-appearance:none;
border:0;
background:none;
display:block;
}




.c-header{
padding:6.40vw 0 8.53vw;
}
.c-header h1{
width:87.20vw;
font-size:6.93vw;
font-weight:900;
margin:0 auto 10.67vw;
line-height:1;
text-align:center;
}
.c-header h1 span{
display:block;
font-size:3.20vw;
line-height:1.5;
font-weight:normal;
letter-spacing:.2em;
color:#057BA2;
}

.dept-list{
width:87.20vw;
margin:0 auto;
display:flex;
gap:0.27vw;
flex-wrap:wrap;
}
.dept-list li{
width:calc((100% - 2px) / 2);
}
.dept-list li a{
width:100%;
height:5.87vw;
background:#fff;
text-align:center;
font-size:2.67vw;
font-weight:normal;
color:#000;
text-decoration:none;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
.dept-list li a::after{
content:'';
width:2.67vw;
height:2.67vw;
background:url(../../img/icon-arrow-down.svg) no-repeat;
background-size:2.67vw;
position:absolute;
top:calc(50% - 1.33vw);
right:4.00vw;
}

.dept-list li[data-department=artist] a{ color:#008DCB; }
.dept-list li[data-department=soundcreator] a{ color:#00CDCD; }
.dept-list li[data-department=talent] a{ color:#EB6d8E; }
.dept-list li[data-department=staff] a{ color:#FF6C0C; }
.dept-list li[data-department=tuning] a{ color:#E6A722; }
.dept-list li[data-department=repair] a{ color:#9070AF; }
.dept-list li[data-department=craft] a{ color:#00A273; }


.teacher{
width:100%;
margin:0 auto;
padding:0 0 14.93vw;
}

.content-wrap{
width:87.20vw;
margin:0 auto;
font-weight:normal;
}


h2.dept-name{
font-size:6.40vw;
line-height:1;
margin:0 0 6.40vw;
font-weight:normal;
}
h2.dept-name[data-department=artist]{ color:#008DCB; }
h2.dept-name[data-department=soundcreator]{ color:#00CDCD; }
h2.dept-name[data-department=talent]{ color:#EB6d8E; }
h2.dept-name[data-department=staff]{ color:#FF6C0C; }
h2.dept-name[data-department=tuning]{ color:#E6A722; }
h2.dept-name[data-department=repair]{ color:#9070AF; }
h2.dept-name[data-department=craft]{ color:#00A273; }

.teachers-list{
display:flex;
flex-wrap:wrap;
gap:4.27vw 2.40vw;
margin:0 0 10.67vw;
align-items:start;
}
.teachers-list button{
width:42.40vw;
}
.teachers-list button .image{
width:42.40vw;
height:32.00vw;
object-fit:cover;
}



.t-name{
text-align:left;
font-size:4.80vw;
line-height:1.388;
position:relative;
margin:1.33vw 0;
font-weight:normal;
}
.t-name::after{
content:'';
width:4.27vw;
height:4.27vw;
background:url(../../img/icon-arrow-db.svg) no-repeat;
background-size:4.27vw;
position:absolute;
top:0.27vw;
right:1.07vw;
}

.affiliation{
border:0.27vw solid #057BA2;
color:#057BA2;
font-size:2.67vw;
line-height:1.25;
padding:1.07vw;
font-weight:500;
}

.m-affiliation{
color:#fff;
font-size:2.67vw;
display:inline-block;
padding-left:4.27vw;
}




@media (min-width: 768px) {

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



.c-header{
padding:32px 0;
}
.c-header h1{
width:1260px;
font-size:58px;
font-weight:900;
margin:0 auto 40px;
text-align:left;
}
.c-header h1 span{
display:block;
font-size:24px;
line-height:1.5;
font-weight:normal;
letter-spacing:.2em;
color:#057BA2;
}

.dept-list{
width:1260px;
margin:0 auto;
display:flex;
gap:1px;
flex-wrap:wrap;
}
.dept-list li{
width:calc((100% - 3px) / 4);
}
.dept-list li a{
width:100%;
height:40px;
background:#fff;
text-align:center;
font-size:16px;
font-weight:normal;
color:#000;
text-decoration:none;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
.dept-list li a::after{
content:'';
width:18px;
height:18px;
background:url(../../img/icon-arrow-down.svg) no-repeat;
background-size:18px;
position:absolute;
top:calc(50% - 9px);
right:16px;
}


.teacher{
width:100%;
margin:0 auto;
padding:32px 0 65px;
}

.content-wrap{
width:1260px;
margin:0 auto;
font-weight:normal;
}


h2.dept-name{
font-size:32px;
line-height:1;
margin:0 0 24px;
font-weight:normal;
}

.teachers-list{
display:flex;
flex-wrap:wrap;
gap:40px;
margin:0 0 40px;
}
.teachers-list button{
width:285px;
}
.teachers-list button .image{
width:285px;
height:218px;
object-fit:cover;
}



.t-name{
text-align:left;
font-size:22px;
line-height:1.363;
position:relative;
margin:8px 0;
font-weight:normal;
}
.t-name::after{
content:'';
width:27px;
height:27px;
background:url(../../img/icon-arrow-db.svg) no-repeat;
background-size:27px;
position:absolute;
top:1px;
right:24px;
}

.affiliation{
border:1px solid #057BA2;
color:#057BA2;
font-size:16px;
line-height:1.25;
padding:8px;
font-weight:500;
}

.m-affiliation{
color:#fff;
font-size:13px;
display:inline-block;
padding-left:16px;
}






/* END PC CSS */
}