@charset "utf-8";

/* --------------------------------------------------------- */
/* /career/support.css */
/* --------------------------------------------------------- */

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

/* support --------------------------- */
#support{}
#support h2{margin-bottom:2%;padding-bottom:0.5em;font-size:24px;line-height:150%;border-bottom:2px solid #ad1e23;}
#support h3{margin-top:4.445%;margin-bottom:1.334%;font-size:18px;line-height:200%;}
#support h3 span{display:inline;color:#ad1e23;}
#support .txt,
#popupMain .txt{font-size:15px;line-height:186%;}

/*ページ内アンカー*/
.anchor{display:flex;flex-wrap:wrap;justify-content:center;margin:8% auto;}
.anchor li{width:31.111%;font-size:15px;margin-left:3.3335%;}
.anchor li:nth-child(3n+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:hover{opacity:0.7;}

/*タブ切り替え*/
.tab{margin-top:4%;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%);}

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


#employment li.txt{text-indent:-1em;padding-left:1em;}

#program .images{display:flex;flex-wrap:wrap;}
#program .images li{width:31.111%;margin-left:3.3335%;margin-bottom:70px;}
#program .images li:nth-child(3n+1){margin-left:0;}
#program .images .title{font-size:18px;font-weight:700;margin-top:15px;margin-bottom:12px;line-height:150%;}
#program .images .txt{color:#005ca9;}


#schedule table{width:100%;margin-bottom:25px;}
#schedule th,#schedule td{border:1px solid #ccc;padding:5px 35px;box-sizing:border-box;}
#schedule th{font-size:18px;width:150px;font-weight:700;vertical-align:middle;text-align:center;}
#schedule th em{font-family:"Maven Pro",sans-serif;font-weight:700;font-size:28px;font-style:normal;}
#schedule td{font-size:15px;padding-top:11px;padding-bottom:11px;line-height:186%;}
#schedule tr:nth-child(2n) td{background:#f5f5f5;}
#schedule td span{color:#ad1e23;}
#schedule li.txt{text-indent:-1em;padding-left:1em;}


/* popup ------------------------------ */
#popupWrapper{position:relative;}
#popupWrapper.scriptOn{position:fixed;left:0;width:100%;top:-100%;height:100%;margin-top:0%;z-index:20;}
#popupWrapper.opened{top:0%;}

#popupWrapper.scriptOn #popupMain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;}

.popupContents{position:relative;margin:0 auto;z-index:1;}

.popupBg{position:fixed;left:0;width:100%;top:0;height:0%;background-color:rgba(51,51,51,0.8);z-index:1;}
#popupWrapper.opened #popupMain .popupBg{height:100%;}

.ps-scrollbar-y-rail{z-index:2;}
.popupContents .popupBg{opacity:0;}
#popupWrapper.scriptOn .perfectScroll{position:absolute;left:0;width:100%;top:0;height:100%;z-index:2;overflow:hidden;}

.popup{width:100%;max-width:900px;margin:100px auto;background:#fff;position:relative;z-index:2;}
#popupWrapper.scriptOn .popup{display:none;}

.program-popup{padding-top:40px;padding-bottom:130px;}
.program-popup h3{font-size:24px;border-bottom:2px solid #ad1e23;padding-bottom:10px;padding-left:40px;padding-right:40px;margin-bottom:60px;}
.program-popup .inner{max-width:560px;margin-left:auto;margin-right:auto;}
.program-popup .img{margin-bottom:25px;}
.program-popup .tag{color:#005ca9;margin-top:30px;}


body.popupOpen{position:fixed;width:100%;}
#popupMain .ps-container>.ps-scrollbar-y-rail{opacity:0.2;}

/* 以下はポップアップの内容に合わせて追記・修正してください。 */
.popup .close{position:absolute;width:110px;height:110px;color:#fff;right:-1px;bottom:-1px;z-index:9;background:#ad1e23;clip-path:polygon(100% 0,100% 100%,0 100%);cursor:pointer;}
.popup .close:before{position:absolute;right:15px;bottom:25px;content:"Close";font-family:"Noto Serif JP",serif;}

.popup{}
/* ---------------------------------------------------------- */






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

#support h2{font-size:1.936vw;border-width:0.162vw;}
#support h3{font-size:1.452vw;}
#support .txt,
#popupMain .txt{font-size:1.21vw;}

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

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


/* popup ------------------------------ */
.popup{width:72.581%;margin:8.065% auto;}

/* 以下はポップアップの内容に合わせて追記・修正してください。 */
.popup{}
/* ---------------------------------------------------------- */

}



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

#title{width:86.133%;}
#mv{width:110.295%;margin-left:-5.1475%;margin-bottom:25px;}

.block{margin-bottom:45px;}

/* support --------------------------- */
#support h2{padding-bottom:2.942%;font-size:4.267vw;line-height:100%;border-width:0.267vw;}
#support h3{font-size:3.734vw;line-height:128%;margin-top:5.882%;margin-bottom:1.471%;}
#support .txt,
#popupMain .txt{font-size:3.2vw;line-height:175%;}

/*ページ内アンカー*/
.anchor{display:block;margin-top:5.883%;width:88.235%;margin-left:auto;margin-right:auto;}
.anchor li{width:100%;font-size:3.2vw;margin:2.942% 0 0;}
.anchor a{padding:6px;padding-left:2.292em;border-width:0.134vw;}
.anchor a:before{width:3.333em;}
.anchor a:hover{opacity:1;}

/*タブ切り替え*/
.tab{justify-content:space-between;}
.tab li{width:30.882%;margin:0;font-size:3.2vw;height:55px;border-width:0.134vw;line-height:150%;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;}


#program .images li{width:47.059%;margin-left:5.882%;margin-bottom:25px;}
#program .images li:nth-child(3n+1){margin-left:5.882%;}
#program .images li:nth-child(2n+1){margin-left:0;}
#program .images .title{font-size:3.467vw;margin-top:5px;margin-bottom:5px;}

#schedule th,#schedule td{padding-top:5px;padding-bottom:5px;}
#schedule th{width:65px;font-size:3.2vw;padding-left:1.333vw;padding-right:1.333vw;}
#schedule th em{font-size:4.8vw;}
#schedule td{font-size:3.2vw;padding-left:4vw;padding-right:4vw;}


/* popup ------------------------------ */
.popup{width:90.666%;max-width:640px;height:auto;margin:24vw auto;}

/* 以下はポップアップの内容に合わせて追記・修正してください。 */
.popup .close{margin-top:40px;font-size:4vw;max-width:26.667vw;padding:10px;}

.popup{}
.program-popup{padding-top:25px;padding-bottom:50px;}
.program-popup h3{font-size:4vw;padding-left:20px;padding-right:20px;margin-bottom:17px;}
.program-popup .inner{margin-left:20px;margin-right:20px;}
.program-popup .img{margin-bottom:15px;}
.program-popup .tag{margin-top:15px;}

.popup .close{width:70px;height:70px;}
.popup .close:before{right:8px;bottom:12px;font-size:3.2vw;}
/* ---------------------------------------------------------- */


}