@charset "utf-8";

/* --------------------------------------------------------- */
/* /department/human/graduate-course.css */
/* --------------------------------------------------------- */


/* graduate-course --------------------------- */
.mvbox .label{padding-left:3.637%;background-image:url(/img/department/human/graduate-course/bg-label.png);}
.mvbox h2{background:#78a6ce;}


/*detail*/
.leadbox{margin-bottom:85px;}
.leadbox h3{text-align:center;font-size:28px;line-height:150%;margin-bottom:20px;}

.learn{border:3px solid #78a6ce;padding:35px 50px;margin-bottom:80px;margin-bottom:78px;}
.learn h4{font-size:24px;font-weight:700;margin-bottom:18px;}
.learn h4 span{color:#78a6ce;}
.learn .completion{margin-top:30px;margin-bottom:25px;background:#ebf2f8;text-align:center;font-size:18px;font-weight:700;padding:18px;}
.learn .detail{display:flex;justify-content:center;}
.learn .detail ul{display:flex;flex-wrap:wrap;}
.learn .detail li{font-size:18px;margin-right:18px;font-weight:500;margin-bottom:12px;}
.learn .detail li span{color:#78a6ce;}

.subject{margin-bottom:70px;}
.subject h4{background:#78a6ce;font-size:24px;font-weight:700;color:#fff;padding:12px;text-align:center;margin-bottom:30px;}
.subject .subject-wrap{display:flex;justify-content:space-between;padding-left:40px;padding-right:40px;}
.subject .subject-box{width:30.488%;margin-left:4.268%;}
.subject .subject-box:nth-child(3n+1){margin-left:0;}
.subject .subject-box .purpose{text-align:center;color:#fff;font-size:24px;line-height:158%;padding:20px;padding-bottom:60px;margin-bottom:30px;clip-path:polygon(0 0,100% 0,100% calc(100% - 45px), 50% 100%, 0 calc(100% - 45px));}
.subject .subject-box .box{width:100%!important;}
.subject .subject-box h5{background:#f5f5f5;text-align: center;font-size:15px;padding:5px;margin-top:65px;margin-bottom:12px;font-weight:400;}
.subject .subject-box h5:first-child{margin-top: ;}
.subject .subject-box ul{padding-left:15px;display:flex;flex-wrap:wrap;}
.subject .subject-box li{margin-right:15px;}
.subject .subject-box.blue .purpose{background:#0086c4;}
.subject .subject-box.blue li span{color:#0086c4;}
.subject .subject-box.orange .purpose{background:#f5a21b;}
.subject .subject-box.orange li span{color:#f5a21b;}
.subject .subject-box.green .purpose{background:#0e9e5d;}
.subject .subject-box.green li span{color:#0e9e5d;}

.common-subject h4{background:#78a6ce;font-size:24px;font-weight:700;color:#fff;padding:12px;text-align:center;margin-bottom:30px;}
.common-subject .common-subject-wrap{display:flex;flex-wrap:wrap;}
.common-subject .common-subject-box{width:48.889%;margin-left:2.222%;margin-bottom:20px;box-sizing:border-box;border:1px solid #ccc;text-align:center;padding:15px;}
.common-subject .common-subject-box:nth-child(2n+1){margin-left:0;}
.common-subject .common-subject-box .title{font-size:22px;margin-bottom:8px;text-align:center;}
.common-subject .common-subject-box ul{display:flex;flex-wrap:wrap;justify-content:center;}
.common-subject .common-subject-box li{margin-left:7px;margin-right:7px;}
.common-subject .common-subject-box li span{color:#78a6ce;}



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


.leadbox h3{font-size:2.258vw;}

}



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

.subject .subject-wrap{padding-left:3.23vw;padding-right:3.23vw;}
.subject .subject-box .purpose{font-size:1.94vw;padding-left:1.61vw;padding-right:1.61vw;}

}



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



}



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


/* graduate-course --------------------------- */
.mvbox .label{padding-left:8.267%;background-image:url(/img/department/human/graduate-course/bg-label-sp.png);}


/*detail*/
.leadbox{margin-bottom:25px;}

.learn{border-width:2px;padding:15px 25px 25px;margin-bottom:40px;}
.learn h4{font-size:4.26vw;margin-bottom:8px;}
.learn .completion{font-size:3.73vw;line-height:160%;padding:8px;font-weight:500;margin-top:20px;margin-bottom:18px;}
.learn .detail{display:block;}
.learn .detail ul{display:block;}
.learn .detail li{font-size:3.2vw;margin-bottom:7px;margin-right:0;}

.subject{margin-bottom:40px;}
.subject h4{font-size:3.73vw;padding:7px;margin-bottom:15px;}
.subject .subject-wrap{padding-left:0;padding-right:0;display:block;}
.subject .subject-box{width:auto;display:flex;justify-content:space-between;margin-right:0;margin-left:0;margin-bottom:23px;}
.subject .subject-box:last-child{margin-bottom:0;}
.subject .subject-box .purpose{width:21.33vw;padding:0.5em 6.66vw 0 3.33vw;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,calc(100% - 6.66vw) 0, 100% 50%, calc(100% - 6.66vw) 100%, 0 100%);font-size:3.466vw;text-align:left;margin-bottom:0;box-sizing:border-box;line-height:146%;}
.subject .subject-box .purpose span{writing-mode:vertical-rl;text-orientation:upright;}
.subject .subject-box .box{width:66.66vw!important;}
.subject .subject-box h5{margin-top:20px;text-align:left;font-size:2.933vw;padding:5px 7px;margin-bottom:7px;}
.subject .subject-box h5:first-child{margin-top:0;}
.subject .subject-box ul{padding-left:8px;font-size:3.2vw;}

.common-subject h4{font-size:3.73vw;padding:7px;margin-bottom:15px;}
.common-subject .common-subject-wrap{display:block;}
.common-subject .common-subject-box{width:auto;margin-left:0;margin-bottom:10px;}
.common-subject .common-subject-box .title{font-size:3.73vw;margin-bottom:8px;}


}