@charset "UTF-8";

/*--------------------------------------------------
   Local Module
-------------------------------------------------- */


/*--------------------------------------------------
   Style
-------------------------------------------------- */

/* ---------- descDescription ----------*/

#descDescription .discription { float: none; text-align: right; }



/* ---------- Sorry ----------*/

.endDescSorryArea { width: 875px; margin: 20px auto 0; padding: 15px; background: #fff; border-radius: 6px;}
.endDescSorryArea .icon { display: inline-block; width: 90px; height: 90px; background: #eee; border-radius: 4px; font-size: 15px; vertical-align: middle; text-align: center; line-height: 90px; color: #c00;}
.endDescSorryArea .comment { display: inline-block; width: 770px; margin-left: 15px; vertical-align: middle; font-size: 15px; line-height: 1.75;}
.endDescSorryArea .comment .sorryCatch { font-weight: normal;}
.endDescSorryArea .comment .sorryCatch .companyName,
.endDescSorryArea .comment .sorryCatch .jobName { font-weight: bold; }
.endDescSorryArea .comment .sorryCatch .jobName { margin: 0 5px; }


/* ---------- Alert ----------*/

.endDescAlertArea { margin: 20px auto 0; }
.endDescAlertArea .errorList { width: 905px; margin: 0 auto; padding: 15px; background: #ffe9e9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 6px; border: 2px solid #f33;}
.endDescAlertArea .errorList .error { font-size: 14px; color: #e00;}


/* ---------- Btn ----------*/

.endDescBtnArea { display: table; width: 905px; margin: 20px auto 0; border-top: 15px solid  #ffd; border-bottom: 15px solid  #ffd; background: #ffd; }
.endDescBtnArea .catchArea,
.endDescBtnArea .btnArea { display: table-cell; vertical-align: middle; padding: 0 20px; }
.endDescBtnArea .catchArea { display: table-cell; vertical-align: middle; }
.endDescBtnArea .catchArea .catch { font-weight: bold; font-size: 18px; text-align: center; color: #f60; }
.endDescBtnArea .catchArea .textSet { margin-top: 10px; padding: 10px; background: #fff; border: 1px solid  #eec; text-align: center; }
.endDescBtnArea .catchArea .textSet .textList { display: inline-block; text-align: left; }
.endDescBtnArea .catchArea .textSet .textList .text:before {
content: "\f0a4";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
margin-right: 5px;
}
.endDescBtnArea .catchArea .textSet .textList .text + .text { margin-top: 5px; }
.endDescBtnArea .btnArea { width: 1%; white-space: nowrap; padding-top: 10px; padding-bottom: 10px; background: url(../../imageFile/user/line_dot_1px_888_pitch2_vertical.png) left top repeat-y; }
.endDescBtnArea .btnArea .copy em { display: block; }
.endDescBtnArea .btnArea .btn { margin-top: 5px; }
.endDescBtnArea .btnArea .btn .toSignUp { position: relative; display: inline-block; padding: 11px 40px 8px; font-size: 18px; background: #f60; color: #fff; border-radius: 3px; text-align: center; font-weight: bold;
box-shadow: 0 3px 0 #d60
}
.endDescBtnArea .btnArea .btn .toSignUp:before {
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
margin-right: 5px;  
}
.endDescBtnArea .btnArea .btn .toSignUp:hover { opacity: .8; }
.endDescBtnArea .btnArea .btn .toSignUp:active { top: 2px;
box-shadow: none;
}


/* ---------- Now Job List ----------*/

#endDescCompanyJob { width: 905px; margin: 20px auto 0; padding-bottom: 15px; background: #fff; border: 1px solid #d6e9ea; border-radius: 6px;}
#endDescCompanyJob .title { background: #68b; margin: -1px -1px 0; padding: 17px 15px 15px; border-radius: 6px 6px 0 0; line-height: 1; font-size: 14px; font-weight: normal; color: #fff; }
#endDescCompanyJob .title em { margin-right: 5px; font-size: 16px; }
#endDescCompanyJob .companyInfoList { background: #fff; }
#endDescCompanyJob .companyInfoList .companyInfoUnit { }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitName { }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitName a { color: #222; font-weight: bold; font-size: 15px; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitName a:hover { color: #f90; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData { display: table; margin-top: 15px; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .img,
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .text,
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .button { display: table-cell; vertical-align: middle; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .img { vertical-align: top; padding-right: 15px; width: 1%; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .text { }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .button { width: 1%; white-space: nowrap; padding-left: 15px; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .button .btn { background-color: #6fccff; background: -webkit-linear-gradient( right, #53c5f8 0%, #85d8fb 100% ); background: linear-gradient( to left, #85d8fb 0%, #53c5f8 100% ); position: relative; display: inline-block; width: 130px; height: 30px; line-height: 30px; font-size: 13px; color: #fff; border-radius: 3px; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .button .btn:before { content: "\f105"; display: inline-block; position: absolute; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; right: 7px;}
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .button .btn:hover { opacity: .8; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .button .btn:active { top: 2px;
box-shadow: none;
}

/* companyDataUnit */
#endDescCompanyJob .companyInfoListCompany { padding: 20px 20px 0; }
#endDescCompanyJob .companyInfoListCompany .companyInfoUnit .unitData .text .catch {}
#endDescCompanyJob .companyInfoListCompany .companyInfoUnit .unitData .text .catch em { display: inline-block; margin-right: 5px; border-bottom: 2px solid  #fc9911; line-height: 1; }
#endDescCompanyJob .companyInfoListCompany .companyInfoUnit .unitData .text .dataSet { position: relative; padding-left: 5.25em; }
#endDescCompanyJob .companyInfoListCompany .companyInfoUnit .unitData .text .dataSet .item { position: absolute;top: 0; left: 0; width: 6em; font-size: 11px; text-align: center; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .text .dataSet .data { line-height: 1.5; font-size: 12px; }

/* jobDataUnit */
#endDescCompanyJob .companyInfoListJob { margin: 15px 15px 0; padding: 15px 10px; border: 1px solid #e5e5e5; background: #f0f0f0; border-radius: 4px;}
#endDescCompanyJob .companyInfoListJob .companyInfoUnit { padding: 0 10px; }
#endDescCompanyJob .companyInfoListJob .companyInfoUnit + .companyInfoUnit { margin-top: 15px; padding-top: 15px; background: url(../../imageFile/user/line_dot_1px_888_pitch2.png) left top repeat-x; }
#endDescCompanyJob .companyInfoListJob .companyInfoUnit .unitData .text { font-size: 12px; }
#endDescCompanyJob .companyInfoListJob .companyInfoUnit .unitData .text .catch { margin-bottom: 7px; font-weight: bold; font-size: 13px; }
#endDescCompanyJob .companyInfoListJob .nothing { text-align: center; color: #777; line-height: 1; }

/* ---------- Now Job List ----------*/

#endDescNowJobList { background: #fff; width: 905px; margin: 20px auto 20px; border: 1px solid #d6e9ea; border-radius: 6px;}
#endDescNowJobList .title { background: #68b; margin: -1px -1px 0; padding: 17px 15px 15px; border-radius: 6px 6px 0 0; line-height: 1; font-size: 14px; font-weight: normal; color: #fff; }
#endDescNowJobList .title em { margin-right: 6px; font-size: 16px;}
#endDescNowJobList .jobList { padding: 15px 17px;}
#endDescNowJobList .jobList .job { padding: 0 3px; }
#endDescNowJobList .jobList .job + .job { margin-top: 10px; }
#endDescNowJobList .jobList .job a { }
#endDescNowJobList .jobList .job a:before{
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
margin-right: 7px;
}
#endDescNowJobList .jobList .job .num { margin-left: 7px; font-size: 12px; color: #888; }
#endDescNowJobList .jobList .toAllSearch { padding-top: 10px; background: url(../../imageFile/user/line_dot_1px_ccc_pitch2.png) 0 0 repeat-x; }


/* ---------- End Title ----------*/

#descEndtitle { margin: 0 -21px; padding: 17px 15px 15px; background: #68b; border-radius: 6px 6px 0 0; font-size: 14px; font-weight: normal; color: #fff; }
#descEndtitle em { margin-right: 6px; line-height: 1; font-size: 16px;}


/* ---------- Job Name ----------*/

#descJobName { padding-top: 20px; border-top: none; }
#descJobName .base .item { color: #555; } 
#descJobName .base .typeIcon { background: #bbb; } 


/* ---------- IconArea ----------*/

#descsStrongIconArea { padding: 10px 0 3px; border-bottom: none; }
#descsStrongIconArea .syaIcon { background: #aaa; color: #fff; }
#descsStrongIconArea .keiiSyaIcon { }
#descsStrongIconArea .strongIcon {}
#descsStrongIconArea .strongIcon:before { background-image: url(../../imageFile/user/global_icon_strongIcon_gray.png); background-color: #f0f0f0 !important; }


/* ---------- Article ----------*/

.descArticleArea { padding: 0 20px 20px; }
.descArticleArea + .descArticleArea { margin-top: 30px;}

/* Article Unit */
.descArticleUnit .title { background: #aaa; }
.descArticleUnit .title .text { color: #fff; }
.descArticleUnit .contents .dataTable .item { color: #888;}
.descArticleUnit .contents .dataTable .data .catch { color: #888; }
.descArticleUnit .contents .dataTable .data .categorySet .categoryIcon:after { border-left-color: #aaa; }
.descArticleUnit .contents .dataTable .item:before { background: #aaa;}

.descArticleUnit.dataCompanyInfoSummary .title { background: #68b;}

#descJobName .listTitleMark .md_mark.listTitleMark--employ { background: #aaa; border: 1px solid #aaa;}
#descJobName .listTitleMark .md_mark.icon_inexperience { border: 1px solid #aaa; color: #999;}
#descJobName .listTitleMark .md_mark.icon_inexperience:before { color: #aaa;}
#descJobName .listTitleMark .md_mark.icon_time { border: 1px solid #aaa; color: #999;}
#descJobName .listTitleMark .md_mark.icon_time:before { color: #aaa;}
#descJobName .listTitleMark .md_mark.icon_home { border: 1px solid #aaa; color: #999;}
#descJobName .listTitleMark .md_mark.icon_home:before { color: #aaa;}
#descJobName .listTitleMark .md_mark.icon_second { border: 1px solid #aaa; color: #999;}
#descJobName .listTitleMark .md_mark.icon_second:before { color: #aaa;}
#descJobName .listTitleMark .md_mark.icon_birth { border: 1px solid #aaa; color: #999;}
#descJobName .listTitleMark .md_mark.icon_birth:before { color: #aaa;}
#descJobName .listTitleMark .md_mark.icon_school { border: 1px solid #aaa; color: #999;}
#descJobName .listTitleMark .md_mark.icon_school:before { color: #aaa;}
#descJobName .listTitleMark .md_mark.icon_holiday { border: 1px solid #aaa; color: #999;}
#descJobName .listTitleMark .md_mark.icon_holiday:before { color: #aaa;}
#descJobName .listTitleMark .md_mark.icon_moon { border: 1px solid #aaa; color: #999;}
#descJobName .listTitleMark .md_mark.icon_moon:before { color: #aaa;}
#descJobName .listTitleMark .md_mark.icon_area { border: 1px solid #aaa; color: #999;}
#descJobName .listTitleMark .md_mark.icon_area:before { color: #aaa;}
#descJobName .listTitleMark .md_mark.icon_one { border: 1px solid #aaa; color: #999;}
#descJobName .listTitleMark .md_mark.icon_one:before { color: #aaa;}
#descJobName .listTitleMark .md_mark.icon_term { border: 1px solid #aaa; color: #999;}
#descJobName .listTitleMark .md_mark.icon_term:before { color: #aaa;}
#descJobName .listTitleMark .md_mark.icon_company { border: 1px solid #aaa; color: #999;}
#descJobName .listTitleMark .md_mark.icon_company:before { color: #aaa;}

#descCatchArea .copyArea { float: none; width: auto;}
#descCatchArea .copyArea .catch { color: #888;}

.descArticleUnit .contents .dataTable .data .jobName { color: #888;}

.engageLink .photoSlider a.btn.prv:before { color: #aaa;}
.engageLink .photoSlider a.btn.next:before { color: #aaa;}
.engageLink .swiper-active-switch { background: #aaa;}

#descButton .hyobanButtonCopy { margin: 0 20px 20px; padding: 0 5px 10px; text-align: center;}

#descButton .base .buttonAreaUnit .detailCopy { color: #f33;}

#descButton .fn_interest_send { bottom: 75px;}