@charset "utf-8";

/* --------------------------------------------------------- */
/* /career/placement.css */
/* --------------------------------------------------------- */

#title{width:48%;}
#mv{margin-bottom:15px;}
.block{margin-bottom:86px;}

/* placement --------------------------- */
#placement{}
#placement h2{margin-bottom:2%;padding-bottom:0.5em;font-size:24px;line-height:150%;border-bottom:2px solid #ad1e23;}
#placement h3{margin-bottom:25px;color:#fff;background:#ad1e23;font-weight:700;font-size:18px;padding:8px 20px;}
#placement h3 small{font-size:15px;}
#placement h4{margin-bottom:2%;font-size:18px;line-height:200%;font-weight:400;}
#placement h4 span{display:inline;color:#ad1e23;}
#placement .txt{font-size:15px;line-height:186%;}

#placement .wrap{position:relative;border:1px solid;padding:70px;}
#placement .title{position:absolute;top:-25px;left:-20px;z-index:1;}
#placement .rate{text-align:center;width:65.831%;margin-bottom:45px;margin-left:auto;margin-right:auto;}
#placement .table{margin-bottom:80px;}
#placement .table:last-child{margin-bottom:0;}
#placement .table table{width:100%;}
#placement .table th,#placement .table td{vertical-align:middle;font-size:15px;padding:30px 30px;box-sizing:border-box;border:1px solid #ccc;line-height:186%;}
#placement .table th{background:#f5f5f5;width:200px;text-align:center;}
#placement #tab1 .wrap{border-color:#0e357f;}
#placement #tab1 h4 span{color:#0e357f;}
#placement #tab2 .wrap{border-color:#8b272b;}
#placement #tab2 h3{background-color:#8b272b;}
#placement #tab2 h4 span{color:#8b272b;}
#placement #tab3 .wrap{border-color:#ca4772;}
#placement #tab3 h3{background-color:#ca4772;}
#placement #tab3 h4 span{color:#ca4772;}
#placement #tab3 h3.green{background-color:#13ae67;}
#placement #tab3 h4.green span{color:#13ae67;}

/*タブ切り替え*/
.tab{margin-top:4%;margin-bottom:90px;display:flex;flex-wrap:wrap;justify-content:center;}
.tab li{width:31.111%;margin-left:3.3335%;font-size:15px;line-height:400%;text-align:center;border:1px solid #ccc;background:#f5f5f5;box-sizing:border-box;position:relative;cursor:pointer;transition:background ease 0.3s;}
.tab li:nth-child(3n+1){margin-left:0;}
.tab li:hover,
.tab li.select{background:#fff;}
.tab li.select:before{content:'';display:block;width:0.667em;padding-top:2em;background:#ad1e23;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.tab li:nth-child(1).select:before{background-color:#0e357f;}
.tab li:nth-child(2).select:before{background-color:#8b272b;}
.tab li:nth-child(3).select:before{background-color:#ca4772;}

.tabwrap{margin-top:5%;}
.tabwrap > div{display:none;}
.tabwrap > div.show{display:block;}





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

#placement h2{font-size:1.936vw;border-width:0.162vw;}
#placement h3{font-size:1.613vw;}
#placement h4{font-size:1.452vw;}
#placement .txt{font-size:1.21vw;}

/*タブ切り替え*/
.tab{}
.tab li{font-size:1.21vw;border-width:0.081vw;}

}



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

#title{width:81.176%;}
#mv{}

/* placement --------------------------- */
#placement h2{padding-bottom:2.942%;font-size:4.267vw;line-height:100%;border-width:0.267vw;}
#placement h3{font-size:3.734vw;line-height:180%;}
#placement h3 small{font-size:3.2vw;}
#placement h4{font-size:3.734vw;line-height:128%;margin-top:20px;}
#placement .txt{font-size:3.2vw;line-height:175%;}

#placement .wrap{padding:35px 15px 15px;}
#placement .tab{margin-top:8.667vw;margin-bottom:55px;}
#placement .title{top:-4.667vw;left:-2.667vw;width:34.779%;}
#placement .rate{width:83.334%;margin-bottom:20px;}
#placement .table{margin-bottom:25px;}
#placement .table table,
#placement .table tbody,
#placement .table tr,
#placement .table th,
#placement .table td{display:block;width:100%;box-sizing:border-box;}
#placement .table tr{position:relative;margin-top:-1px;}
#placement .table th{border-bottom:0;padding:3px 10px;text-align:left;}
#placement .table td{border-top:0;padding:20px 20px;}
#placement .table th,
#placement .table td{font-size:3.2vw;line-height:175%;}


/*タブ切り替え*/
.tab{justify-content:space-between;}
.tab li{width:30.882%;margin:0;font-size:3.2vw;/*height:55px;*/border-width:0.134vw;line-height:400%;display:flex;align-items:center;justify-content:center;}
.tab li:hover{background:#f5f5f5;}
.tab li.select{background:#fff;}
.tab li.select:before{width:0.417em;padding-top:2.084em;}



}