@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
***                                                     会社説明会エントリー 
----------------------------------------------------------------------------*/
/*modal-01*/
#modal-01 .esBox { border-top: 1px solid #ccc; padding-top: 2em;margin-top: 1em;}
#modal-01{width: 578px;height: auto!important;margin:0;padding: 20px 0 0 0;border:7px solid #E6E6E6;background:#fff;position:fixed;display:none;font-size: 74%;z-index: 999999;/*margin-top:40px;*/}
#modal-01 #modalInner{padding:10px 30px;max-height: 80vh;overflow-x: hidden;overflow-y: auto;}
#modal-01 #modal-overlay { z-index:1; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba( 0,0,0, 0.75 );}
#modal-01 .button-link { color:#00f; text-decoration:underline;}
#modal-01 .button-link:hover { cursor:pointer; color:#f00;}
#modal-01 h2{ text-align:center; font-size:16px; border-bottom:1px solid #333333; margin-bottom:8px;}
#modal-01 h2 span{ font-size:22px; color:#ED1E79;}
#modal-01 ul{ width:465px; margin:0 auto; overflow: hidden;}
#modal-01 li{ float:left;}
#modal-01 li:first-child{}
#modal-01 #closeButton{ position:absolute; right:-15px; top:-20px;}
#modal-01 #recuitText{font-size:20px;text-align:center;color:#333;}
#modal-01 #youtubeNova iframe{width:444px;padding:0px 8px; background-color:#000; display: block; margin: 0 auto;}
#modal-01 #recruitNova li{/*margin:15px 0px 15px 12px;*/}
#modal-01 .entysheetBtn, #modal-01 .entryBtn{text-align:center;font-size:110%;max-width:700px;width:100%;margin:0 auto;padding: 0;}
#modal-01 .entysheetBtn a{ color:#fff; background-color:#00A1C9; padding:0.5em 1em; margin:0.5em auto; display:inline-block; text-decoration:none;}
#modal-01 .entryBtn a{ color:#fff; background-color:#E3007F; padding:0.5em 1em; margin:0.5em auto; display:inline-block; text-decoration:none;}
#modal-01 .entryBtn.rikunavi {width: 48%;}
#modal-01 .entryBtn.mynavi {width: 48%;}
#modal-01 .entryBtn.rikunavi a {display: block; width: 100%; background-color:#5d8ee8; font-size: 110%; padding: 1em;}
#modal-01 .entryBtn.mynavi a {display: block; width: 100%; background-color:#44b2ed; font-size: 110%; padding: 1em;}

/*modal-02*/
#modal-02 .esBox {border-top: 1px solid #ccc;padding-top: 2em;margin-top: 2em;}
#modal-02{width: 578px;height: auto!important;margin:0;padding: 20px 0 0 0;border:7px solid #E6E6E6;background:#fff;position:fixed;display:none;font-size: 74%;z-index: 999999;/*margin-top:40px;*/}
#modal-02 #modalInner{padding:10px 30px;max-height: 80vh;overflow-x: hidden;overflow-y: auto;}
#modal-02 #modal-overlay { z-index:1; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba( 0,0,0, 0.75 );}
#modal-02 .button-link { color:#00f; text-decoration:underline;}
#modal-02 .button-link:hover { cursor:pointer; color:#f00;}
#modal-02 h2{ text-align:center; font-size:16px; border-bottom:1px solid #333333; margin-bottom:8px;}
#modal-02 h2 span{ font-size:22px; color:#ED1E79;}
#modal-02 ul{ width:465px; margin:0 auto; overflow: hidden;}
#modal-02 li{ float:left;}
#modal-02 li:first-child{}
#modal-02 #closeButton{ position:absolute; right:-15px; top:-20px;}
#modal-02 #recuitText{font-size:20px;text-align:center;color:#333;}
#modal-02 #youtubeNova iframe{width:444px;padding:0px 8px; background-color:#000; display: block; margin: 0 auto;}
#modal-02 #recruitNova li{margin:15px 0px 15px 12px;}
#modal-02 .entysheetBtn, #modal-02 .entryBtn{text-align:center;font-size:110%;max-width:700px;width:100%;margin: 0.5em auto;padding: 0;}
#modal-02 .entysheetBtn a{ color:#fff; background-color:#00A1C9; padding:0.5em 1em; margin:0.5em auto; display:inline-block; text-decoration:none;}
#modal-02 .entryBtn a{color:#fff;background-color:#E3007F;padding:0.5em 1em;/* margin:0.5em auto; */display: block;text-decoration:none;width: 100%;}
#modal-02 .entryBtn.rikunavi,
#modal-02 .entryBtn.mynavi,
#modal-02 .entryBtn.kyaritasu{width: 96%;margin: 0;line-height: 1.3;}
#modal-02 .entryBtn.rikunavi {margin-right:2%;width: 100%;}
#modal-02 .entryBtn.mynavi {}
#modal-02 .entryBtn.kyaritasu{margin-left: 2%;}
#modal-02 .entryBtn.intern.mynavi {width: 50%;margin: 0.5em auto 0;}
#modal-02 .entryBtn.rikunavi a {background-color:#5d8ee8;}
#modal-02 .entryBtn.mynavi a {background-color:#44b2ed;font-size: 100%;}
#modal-02 .entryBtn.kyaritasu a{background-color:#2dc1c1;}