@charset "utf-8";

/* --------------------------------------------------------- */
/* /about/faculty-members.css */
/* --------------------------------------------------------- */

#title{width:48.273%;}
.block{margin-bottom:95px;}

.txt{font-size:15px;line-height:186%;}

/*ページ内アンカー*/
.anchor{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:80px;}
.anchor li{width:23.333%;font-size:15px;margin-left:2.2226%;}
.anchor li:nth-child(4n+1){margin-left:0;}
.anchor a{display:block;padding:2px;padding-left:2.667em;line-height:223%;text-align:center;text-decoration:none;border:1px solid #ad1e23;box-sizing:border-box;position:relative;}
.anchor a:before{content:'';display:block;width:2.667em;height:100%;background:url(/img/icon/icon-anchorarrow.png) no-repeat left center;background-size:auto 100%;position:absolute;top:0;left:0;}
.anchor a.blue{border-color:#0e357f;}
.anchor a.blue:before{background-image:url(/img/campuslife/exam/icon-arrow-blue.png);}
.anchor a.yellow{border-color:#c99509;}
.anchor a.yellow:before{background-image:url(/img/campuslife/exam/icon-arrow-yellow.png);}
.anchor a.red{border-color:#8b272b;}
.anchor a.red:before{background-image:url(/img/campuslife/exam/icon-arrow-red.png);}
.anchor a.pink{border-color:#ca4772;}
.anchor a.pink:before{background-image:url(/img/campuslife/exam/icon-arrow-pink.png);}
.anchor a:hover{opacity:0.7;}

/* faculty-members --------------------------- */
#faculty-members{margin-bottom:80px;}
#faculty-members h2{margin-bottom:2%;padding-bottom:0.5em;font-size:24px;line-height:150%;border-bottom:2px solid #ad1e23;}
#faculty-members h2 small{font-size:15px;}
#faculty-members h3{font-size:18px;font-weight:700;margin-bottom:15px;}
#faculty-members h3 .blue{color:#0086c4;}
#faculty-members h3 .blue2{color:#518da9;}
#faculty-members h3 .yellow{color:#f5a21b;}
#faculty-members h3 .green{color:#00a041;}
#faculty-members h3 .red{color:#8b272b;}
#faculty-members h3 .pink{color:#ca4772;}

.faculty{margin-bottom:90px;}
.faculty .course{margin-bottom:15px;}
.faculty .list{display:flex;flex-wrap:wrap;}
.faculty .list.blue li{background:#e5f3f9;border-color:#0086c4;}
.faculty .list.yellow li{background:#fef6e8;border-color:#f5a21b;}
.faculty .list.blue2 li{background:#edf3f6;border-color:#518da9;}
.faculty .list.green li{background:#e5f5ec;border-color:#00a041;}
.faculty .list.red li{background:#f3e9e9;border-color:#8b272b;}
.faculty .list.pink li{background:#faecf1;border-color:#ca4772;}
.faculty .list li{width:48.889%;margin-left:2.222%;margin-bottom:30px;box-sizing:border-box;border:1px solid;padding-top:20px;padding-bottom:28px;position:relative;}
.faculty .list li:nth-child(2n+1){margin-left:0;}
.faculty .list .name-box{background:#fff;padding:13px 30px;margin-bottom:16px;}
.faculty .list .name{font-size:22px;font-weight:700;margin-bottom:3px;}
.faculty .list .name.l{padding-top:10px;padding-bottom:9px;}
.faculty .list .name .post{font-size:15px;}
.faculty .list .furi{font-size:13px;}
.faculty .list .field-box{padding-left:30px;padding-right:30px;min-height:3.72em;line-height:160%;}
.faculty .list .btn a{display:block;border:1px solid #AD1E23;border-radius:30px;background:#fff;position:absolute;width:200px;left:0;right:0;bottom:-15px;margin-left:auto;margin-right:auto;box-shadow:4px 4px rgba(51,51,51,.45);color:#333;text-decoration:none;padding:0 15px;text-align:center;box-sizing:border-box;font-weight:500px;font-size:15px;}
.faculty .list .btn span{display:block;background:url(/common/img/icon-indexarrow.png) no-repeat left center;background-size:9px 10px;padding:5px 12px 7px;}
.faculty .list .btn span:after{display:block;content:"";position:absolute;right:14px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;background:url(/img/about/faculty-members/icon-blank.png) no-repeat center;background-size:contain;width:13px;height:13px;}




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

.txt{font-size:1.21vw;}
#faculty-members h3{font-size:1.37vw;}

/*ページ内アンカー*/
.anchor li{font-size:1.21vw;}
.anchor a{border-width:1px;}

}



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

#title{width:73.866%;}

.block{margin-bottom:45px;}
.txt{font-size:3.2vw;line-height:175%;}

/*ページ内アンカー*/
.anchor{margin-top:5.883%;margin-bottom:30px;}
.anchor li{width:48.5294%;font-size:3.2vw;margin:0 0 2.942% 2.9412%;}
.anchor li:nth-child(2n+1){margin-left:0;}
.anchor a{padding:3px;padding-left:2.292em;border-width:0.134vw;}
.anchor a:before{width:3.333em;}
.anchor a:hover{opacity:1;}


/* faculty-members --------------------------- */
#faculty-members h2{padding-bottom:2.942%;font-size:4.267vw;line-height:120%;border-width:0.267vw;margin-bottom:4%;display:flex;align-items:center;}
#faculty-members h2 small{font-size:3.2vw;}
#faculty-members h3{font-size:3.73vw;margin-bottom:6px;}
#faculty-members .txt{font-size:3.2vw;line-height:175%;}

.faculty{margin-bottom:85px;}
.faculty .course{margin-bottom:50px;}
.faculty .list{display:block;}
.faculty .list li{width:auto;margin-left:0;margin-bottom:35px;padding-top:15px;padding-bottom:37px;}
.faculty .list li:last-child{margin-bottom:0;}
.faculty .list .name-box{padding:7px 15px;margin-bottom:7px;}
.faculty .list .name{font-size:4.26vw;margin-bottom:0;}
.faculty .list .name.l{padding-top:8px;padding-bottom:8px;}
.faculty .list .name .post{font-size:3.2vw;}
.faculty .list .furi{font-size:2.93vw;}
.faculty .list .field-box{padding-left:15px;padding-right:15px;min-height:3.5em;}
.faculty .list .btn a{width:44.27vw;font-size:3.2vw;box-shadow:2px 2px 0 rgba(51,51,51,.45);}



}