@charset "utf-8";


/* ------------ Modal Mode ------------ */

#searchModeModalArea {}
#searchModeModalArea.show { display: block; }
#searchModeModalArea .bgLayer { position: fixed; display: inline-block; top: 0; left: 0; width: 100%; height: 100%; z-index: 9990; background: rgba(0,0,0, .4); }
#searchModeModalArea .modalBase { position: fixed; top: 50%; left: 50%; margin: -200px 0 0 -300px; display: inline-block; width: 600px; z-index: 9999; }
#searchModeModalArea .modalBase:after { position: absolute; top: -23px; right: 20px; content: ""; display: inline-block; width: 83px; height: 57px; background: url(../../imageFile/newhaken/global_modal_enta_navi.png) 0 0 no-repeat; }


#searchModeModalArea .modalBase .title { padding: 13px 0 10px; background: #f93; font-size: 17px; font-weight: bold; color: #fff; text-align: center; line-height: 1; border-radius: 8px 8px 0 0; }
#searchModeModalArea .modalBase .content { padding: 30px 20px 10px; background: #fff; border-radius: 0 0 8px 8px; }
#searchModeModalArea .modalBase .content { width: 600px; }
#searchModeModalArea .modalBase .content .copy { font-size: 15px; line-height: 1; font-weight: bold; text-align: center; }
#searchModeModalArea .modalBase .content .copy em { margin: 0 3px; font-size: 17px; color: #f00; }

#searchModeModalArea .modalBase .content .modeMerit { width: 100%; margin-top: 25px; }
#searchModeModalArea .modalBase .content .modeMerit table { width: 100%; }
#searchModeModalArea .modalBase .content .modeMerit th { padding: 10px 10px 6px; background: #fc0; font-weight: bold; line-height: 1.35; font-size: 13px; border-radius: 4px 0 0 4px; vertical-align: middle; }
#searchModeModalArea .modalBase .content .modeMerit td { display: block; padding: 10px 10px 6px; border: 2px solid #fc0; border-radius: 0 4px 4px 0; vertical-align: middle; }

#searchModeModalArea .modalBase .content .modeMerit td li { line-height: 1; }
#searchModeModalArea .modalBase .content .modeMerit td li { font-size: 13px; }
#searchModeModalArea .modalBase .content .modeMerit td li:before {
content: "\f001";
position: relative;
top: -2px;
display: inline-block;
margin-right: 8px;
font-size: 16px;
height: 20px;
line-height: 20px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
vertical-align: middle;
color: #5be;
}

#searchModeModalArea.modalForm {}

#searchModeModalArea .modalBase.jobMode { position: absolute; top: 50%; left: 50%; margin: -410px 0 0 -300px; display: inline-block; z-index: 9999; }
#searchModeModalArea .modalBase.jobMode .content .formArea { padding: 22px 0px 25px; }
#searchModeModalArea .modalBase.jobMode .content .formArea .dataSet + .dataSet .item { padding-top: inherit; }
#searchModeModalArea .modalBase.jobMode .content .formArea .dataSet.birth th,
#searchModeModalArea .modalBase.jobMode .content .formArea .dataSet.birth td { padding-top: 0;}
#searchModeModalArea .modalBase.jobMode .content .formArea .dataSet.sex th,
#searchModeModalArea .modalBase.jobMode .content .formArea .dataSet.sex td { padding-bottom: 5px;}

#searchModeModalArea .modalBase .content .modeMerit td li + li { margin-top: 1px; }
#searchModeModalArea .modalBase .content .modeMerit + .button { margin-top: 25px; }

#searchModeModalArea .modalBase .content .formArea { margin-top: 10px; padding: 22px 10px 25px; background: #fffce6; border: 1px solid #efecd6; border-radius: 4px; line-height: 1; }
#searchModeModalArea .modalBase .content .formArea .item { width: 25%; padding-right: 15px; font-size: 14px; font-weight: bold; text-align: right; }

#searchModeModalArea .modalBase .content .formArea .dataSet { }
#searchModeModalArea .modalBase .content .formArea .dataSet + .dataSet { padding-top: 20px; }
#searchModeModalArea .modalBase .content .formArea .dataSet .item,
#searchModeModalArea .modalBase .content .formArea .dataSet .data { display: table-cell; vertical-align: top; }
#searchModeModalArea .modalBase .content .formArea .dataSet .item { width: 25%; padding-right: 15px; font-size: 14px; font-weight: bold; text-align: right; }
#searchModeModalArea .modalBase .content .formArea .dataSet + .dataSet .item { padding-top: 34px; }
#searchModeModalArea .modalBase .content .formArea .dataSet + .dataSet .data { padding-top: 20px; }
#searchModeModalArea .modalBase .content .formArea .dataSet .data { font-size: 13px; }
#searchModeModalArea .modalBase .content .formArea .dataSet .data .graduateRadio { margin-left: 10px; }
#searchModeModalArea .modalBase .content .formArea .dataSet .data .radio + .radio:before { content: "/"; margin: 0 9px; }
#searchModeModalArea .modalBase .content .formArea .dataSet .data .graduate th,
#searchModeModalArea .modalBase .content .formArea .dataSet .data .graduate td { padding-top: 10px; }
#searchModeModalArea .modalBase .content .formArea .dataSet .data .label { padding-top: 14px; display: inline-block; width: 5em; text-align: right; font-weight: bold; font-size: 12px; }
#searchModeModalArea .modalBase .content .formArea .dataSet .data .label:after { content: ":"; margin: 0 3px; }
#searchModeModalArea .modalBase .content .formArea .dataSet .data a.graduateYear { display: inline-block; font-size: 13px; line-height: 15px; padding-left: 16px; background: url(../../imageFile/newhaken/jobsearch_desc_icon_popup.png) 0 1px no-repeat; }
#searchModeModalArea .modalBase .content .formArea .dataSet.birth th { vertical-align: middle; }
#searchModeModalArea .modalBase .content .formArea .dataSet.birth .base { vertical-align: middle; }
#searchModeModalArea .modalBase .content .formArea .dataSet.birth .base .year { display: inline-block; }
#searchModeModalArea .modalBase .content .formArea .dataSet.birth .base .years { display: inline; padding-right: 5px; position:relative; top: 15px; font-weight: normal;}
#searchModeModalArea .modalBase .content .formArea .dataSet.birth .base:root .year {
 display: none\0/;
}
select:not(:target) {
 padding-right: 11px\9;
}
/*select { padding-right: 11px; }
*/
#searchModeModalArea .modalBase .content .formArea .dataSet.birth .base .month { display: inline-block; }
#searchModeModalArea .modalBase .content .formArea .dataSet.birth .base .day  {  display: inline-block; }
#searchModeModalArea .modalBase .content .formArea .dataSet.birth { }


#searchModeModalArea .modalBase .content .button { position: relative; margin-top: 20px; text-align: center; line-height: 1; }
#searchModeModalArea .modalBase .content .button .free { position: absolute; left: 20px; top: -22px; z-index: 999; }
#searchModeModalArea .modalBase .content .button .buttonArea {}
#searchModeModalArea .modalBase .content .button .buttonArea .buttonOn { position: relative; display: inline-block; height: 42px; line-height: 46px; padding: 0 20px; background: #f93; font-size: 16px; font-weight: bold; color: #fff; border-radius: 50px; box-shadow: 0 3px 0 #d71; }
#searchModeModalArea .modalBase .content .button .buttonArea .buttonOn:hover { top: 3px; box-shadow: none; }
#searchModeModalArea .modalBase .content .button .buttonArea .buttonOff { position: relative; margin-left: 10px; display: inline-block; top: 1px; height: 32px; line-height: 32px; padding: 0 13px; background: #fff; font-size: 13px; font-weight: bold; color: #333; border: 1px solid #ddd; border-radius: 50px; box-shadow: 0 2px 0 #d6d4d2; }
#searchModeModalArea .modalBase .content .button .buttonArea .buttonOff:hover { top: 3px; box-shadow: none; }


#searchModeModalArea .modalBase .content .copyright { margin-top: 30px; text-align: center; font-size: 11px; color: #aaa; }


/* Index Modal */
#searchModeModalArea.index .modalBase .title { font-size: 20px; }
#searchModeModalArea.index .modalBase:after { right: 140px; }
#searchModeModalArea.index .modalBase .content { text-align: center; }
#searchModeModalArea.index .modalBase .content .main { vertical-align: top; }
#searchModeModalArea.index .modalBase .content .main img { position: relative; top: -2px; width: auto; height: 26px; }
#searchModeModalArea.index .modalBase .content .main .text { position: relative; top: 5px; display: inline-block; padding-left: 10px; font-size: 22px; font-weight: bold; color: #f80; }
#searchModeModalArea.index .modalBase .content .sub { margin-top: 20px; padding: 0 40px; font-size: 13px; line-height: 1.5; }
#searchModeModalArea.index .modalBase .content .sub img {}
#searchModeModalArea.index .modalBase .content .sub .text {}

#searchModeModalArea.index .modalBase .content .siteSet { margin-top: 15px; padding: 18px 40px 15px; background: #fffce6; border: 1px solid #efecd6; text-align: center;
border-radius: 3px;
}
#searchModeModalArea.index .modalBase .content .siteSet .base { display: inline-block; text-align: left; }
#searchModeModalArea.index .modalBase .content .siteSet .base li + li { margin-top: 10px; }
#searchModeModalArea.index .modalBase .content .siteSet .catch { display: inline-block; padding-left: 8px; font-size: 13px; }
er
#searchModeModalArea.index .modalBase .content .privacySet { text-align: center; margin-top: 20px; }
#searchModeModalArea.index .modalBase .content .privacySet { position: relative; padding-right: 45px; font-size: 13px; }
#searchModeModalArea.index .modalBase .content .privacySet:after { position: absolute; top: -10px; right: 0; content: ""; display: inline-block; width: 40px; height: 40px; background:url(../../imageFile/newhaken/index_privacyMark.gif) no-repeat 0 0; background-size: 100%; }
#searchModeModalArea .modalBase .content .privacySet .copy a { display: inline-block; margin-right: 3px; }

#searchModeModalArea.index .modalBase .content .btnList { margin-top: 15px; }
#searchModeModalArea.index .modalBase .content .btnList .copy { margin-bottom: 15px; font-size: 13px; font-weight: normal; }
#searchModeModalArea.index .modalBase .content .btnList .link { display: inline-block; position: relative; height: 42px; padding: 0 30px; line-height: 46px; background: #f93; font-size: 16px; color: #fff; border-radius: 50px; font-weight: bold; box-shadow: 0 3px 0 #d71; }
#searchModeModalArea.index .modalBase .content .btnList .link:before { content: "\f105";
position: relative;
top: -1px;
display: inline-block;
margin-right: 8px;
font-size: 18px;
height: 20px;
line-height: 20px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
vertical-align: middle;
}
#searchModeModalArea.index .modalBase .content .btnList .link:hover { top: 3px; box-shadow: none; }





/* ------------ Modal Mode ※高木くんが書いたもの（一応残しておく） ------------ */

#searchModeModal { }
#searchModeModal.show { display: block; }
#searchModeModal .bgLayer { position: fixed; display: inline-block; top: 0; left: 0; width: 100%; height: 100%; z-index: 9990; background: rgba(0,0,0, .4); }
#searchModeModal .modalBase { position: fixed; top: 50%; left: 50%; margin: -200px 0 0 -300px; display: inline-block; width: 600px; z-index: 9999; }
#searchModeModal .modalBase:after { position: absolute; top: -23px; right: 20px; content: ""; display: inline-block; width: 83px; height: 57px; background: url(../../imageFile/newhaken/global_modal_enta_navi.png) 0 0 no-repeat; }
#searchModeModal .modalBase .title { padding: 13px 0 10px; background: #f93; font-size: 17px; font-weight: bold; color: #fff; text-align: center; line-height: 1; border-radius: 8px 8px 0 0; }
#searchModeModal .modalBase .content { padding: 30px 20px 10px; background: #fff; border-radius: 0 0 8px 8px; }
#searchModeModal .modalBase .content .copySet { position: relative; padding: 0 5px 15px; }
#searchModeModal .modalBase .content .copySet .copy { font-size: 15px; line-height: 1; font-weight: bold; text-align: center; }
#searchModeModal .modalBase .content .copySet .copy em { margin: 0 3px; font-size: 17px; color: #f00; }
#searchModeModal .modalBase .content .copySet .modeMerit { display: table; width: 100%; margin-top: 25px; }
#searchModeModal .modalBase .content .copySet .modeMerit .item,
#searchModeModal .modalBase .content .copySet .modeMerit .data { display: table-cell; padding: 10px 10px 6px; vertical-align: middle; }
#searchModeModal .modalBase .content .copySet .modeMerit .item { background: #fc0; font-weight: bold; line-height: 1.35; font-size: 13px;
border-radius: 4px 0 0 4px;
}
#searchModeModal .modalBase .content .copySet .modeMerit .data { border: 2px solid #fc0;
border-radius: 0 4px 4px 0;
}

#searchModeModal .modalBase .content .copySet .modeMerit .data .meritList { line-height: 1; }
#searchModeModal .modalBase .content .copySet .modeMerit .data .meritList .merit { font-size: 13px; }
#searchModeModal .modalBase .content .copySet .modeMerit .data .meritList .merit:before {
content: "\f001";
position: relative;
top: -2px;
display: inline-block;
margin-right: 8px;
font-size: 16px;
height: 20px;
line-height: 20px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
vertical-align: middle;
color: #5be;
}
#searchModeModal .modalBase .content .copySet .modeMerit .data .meritList .merit + .merit { margin-top: 1px; }


#searchModeModal .modalBase .content .form { padding: 30px 10px 20px; background: #fffce6; border: 1px solid #efecd6; border-radius: 4px; }

#searchModeModal .modalBase .content .dataSetList { line-height: 1; }
#searchModeModal .modalBase .content .dataSetList dl.dataSet { display: table; width: 100%; }
#searchModeModal .modalBase .content .dataSetList dl.dataSet + dl.dataSet { margin-top: 20px; }
#searchModeModal .modalBase .content .dataSetList dl.dataSet dt.item,
#searchModeModal .modalBase .content .dataSetList dl.dataSet dd.data { display: table-cell; vertical-align: top; }
#searchModeModal .modalBase .content .dataSetList dl.dataSet dt.item { width: 25%; padding-right: 15px; font-size: 14px; font-weight: bold; text-align: right; }
#searchModeModal .modalBase .content .dataSetList dl.dataSet + dl.dataSet dt.item { padding-top: 12px; }
#searchModeModal .modalBase .content .dataSetList dl.dataSet dd.data { font-size: 13px; }
#searchModeModal .modalBase .content .dataSetList dl.dataSet dd.data .graduateRadio { margin-left: 10px; }
#searchModeModal .modalBase .content .dataSetList dl.dataSet dd.data .radio + .radio:before { content: "/"; margin: 0 9px; }
#searchModeModal .modalBase .content .dataSetList dl.dataSet dd.data .input + .input { margin-top: 10px; }
#searchModeModal .modalBase .content .dataSetList dl.dataSet dd.data .label { display: inline-block; width: 5em; text-align: right; font-weight: bold; font-size: 12px; }
#searchModeModal .modalBase .content .dataSetList dl.dataSet dd.data .label:after { content: ":"; margin: 0 3px; }
#searchModeModal .modalBase .content .dataSetList dl.dataSet dd.data a.graduateYear { display: inline-block; margin-left: 8px; font-size: 13px; line-height: 15px; padding-left: 16px; background: url(../../imageFile/newhaken/jobsearch_desc_icon_popup.png) 0 1px no-repeat; }

#searchModeModal .modalBase .content .btnList { margin-top: 20px; text-align: center; line-height: 1; }
#searchModeModal .modalBase .content .btnList .copy { margin-bottom: 15px; font-size: 13px; }
#searchModeModal .modalBase .content .copySet + .btnList { margin-top: 10px; }
#searchModeModal .modalBase .content .btnList .btn { position: relative; display: inline-block; vertical-align: middle; }
#searchModeModal .modalBase .content .btnList .btn + .btn { margin-left: 10px; }


#searchModeModal .modalBase .content .btnList .btn .free { position: absolute; left: -25px; top: -25px; display: inline-block; width: 44px; height: 44px; line-height: 44px; background: #f00; font-size: 13px; font-weight: bold; color: #fff; text-align: center; border-radius: 100%;
z-index: 3;
}
#searchModeModal .modalBase .content .btnList .btn .free:after {
position: absolute; bottom: 0; right: 0;
content: ""; display: inline-block; line-height: 0; border-top: 5px solid transparent; border-left: 8px solid #f00; border-bottom: 5px solid transparent;
border-top-color: rgba(255,255,255, 0);
border-bottom-color: rgba(255,255,255, 0);
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
#searchModeModal .modalBase .content .btnList .btn button { position: relative; display: inline-block; border: none; font-weight: bold; }
#searchModeModal .modalBase .content .btnList .btn button.big { height: 42px; line-height: 46px; padding: 0 20px; background: #f93; font-size: 16px; color: #fff;
border-radius: 50px;
box-shadow: 0 3px 0 #d71;
}
#searchModeModal .modalBase .content .btnList .btn button.big:hover { top: 3px; box-shadow: none; }

#searchModeModal .modalBase .content .btnList .btn button.mini { top: 1px; height: 32px; line-height: 32px; padding: 0 13px; background: #fff; font-size: 13px; color: #333; border: 1px solid #ddd;
border-radius: 50px;
box-shadow: 0 2px 0 #d6d4d2;
}
#searchModeModal .modalBase .content .btnList .btn button.mini:hover {
top: 3px; box-shadow: none;
}

#searchModeModal .modalBase .content .copyright { margin-top: 30px; text-align: center; font-size: 11px; color: #aaa; }

/* Index Modal */
#searchModeModal.index .modalBase .title { font-size: 20px; }
#searchModeModal.index .modalBase:after { right: 140px; }
#searchModeModal.index .modalBase .content .copySet { text-align: center; }
#searchModeModal.index .modalBase .content .copySet .main { vertical-align: top; }
#searchModeModal.index .modalBase .content .copySet .main img { position: relative; top: -2px; width: auto; height: 26px; }
#searchModeModal.index .modalBase .content .copySet .main .text { position: relative; top: 5px; display: inline-block; padding-left: 10px; font-size: 22px; font-weight: bold; color: #f80; }
#searchModeModal.index .modalBase .content .copySet .sub { margin-top: 20px; padding: 0 40px; font-size: 13px; line-height: 1.5; }
#searchModeModal.index .modalBase .content .copySet .sub img {}
#searchModeModal.index .modalBase .content .copySet .sub .text {}

#searchModeModal.index .modalBase .content .siteSet { margin-top: 5px; padding: 10px 40px 12px; background: #fffce6; border: 1px solid #efecd6; text-align: center;
border-radius: 3px;
}
#searchModeModal.index .modalBase .content .siteSet .base { display: inline-block; text-align: left; }
#searchModeModal.index .modalBase .content .siteSet .hataraku {}
#searchModeModal.index .modalBase .content .siteSet .hataraku img,
#searchModeModal.index .modalBase .content .siteSet .woman img {}
#searchModeModal.index .modalBase .content .siteSet .hataraku .catch,
#searchModeModal.index .modalBase .content .siteSet .woman .catch { position: relative; top: 2px;; display: inline-block; padding-left: 15px; font-size: 13px; }
#searchModeModal.index .modalBase .content .siteSet .woman { margin-top: 5px; }

#searchModeModal.index .modalBase .content .privacySet { text-align: center; margin-top: 20px; }
#searchModeModal.index .modalBase .content .privacySet .copy { position: relative; padding-right: 45px; font-size: 13px; }
#searchModeModal.index .modalBase .content .privacySet .copy:after { position: absolute; top: -10px; right: 0; content: ""; display: inline-block; width: 40px; height: 40px; background:url(../../imageFile/newhaken/index_privacyMark.gif) no-repeat 0 0; background-size: 100%; }
#searchModeModal .modalBase .content .privacySet .copy a { display: inline-block; margin-right: 3px; }

#searchModeModal.index .modalBase .content .btnList .btn button.big { position: relative; padding: 0 30px; }
#searchModeModal.index .modalBase .content .btnList .btn button.big:before { content: "\f105";
position: relative;
top: -1px;
display: inline-block;
margin-right: 8px;
font-size: 18px;
height: 20px;
line-height: 20px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
vertical-align: middle;
}