@charset "UTF-8";

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

body.logout:before { height: 680px; }



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

/* ---------- Base ----------*/

.indexLayoutBase { padding-bottom: 60px; }
.indexLayoutBase .indexLeftArea,
.indexLayoutBase .indexCenterArea,
.indexLayoutBase .indexRightArea { float: left; margin-top: 15px; }
.indexLayoutBase .indexLeftArea { width: 235px; margin-right: 15px; }
.indexLayoutBase .indexCenterArea { width: 485px; margin-right: 15px; }
.indexLayoutBase .indexRightArea { width: 235px; }


/* ---------- Panel ----------*/

#indexPanel { margin-top: 15px; }
#indexPanel .numArea { padding: 8px 0 5px; background: #ffe; font-size: 14px; text-align: center; font-weight: bold; border-radius: 6px; }
#indexPanel .numArea .renewDate,
#indexPanel .numArea .totalNum { display: inline-block; vertical-align: middle; }
#indexPanel .numArea .renewDate .date { margin-right: 5px; font-size: 16px; color: #f90; }
#indexPanel .numArea .totalNum { margin-left: 5px; }
#indexPanel .numArea .totalNum .label { }
#indexPanel .numArea .totalNum .num { font-size: 16px;  color: #f90; }
#indexPanel .numArea .totalNum .num .about { font-size: 14px;}


#indexPanel .numArea .totalNum .ownResearch { position: relative; display: inline-block; }
#indexPanel .numArea .totalNum .ownResearch .switch { color: #4ac0ff; font-weight: normal; font-size: 13px;}
#indexPanel .numArea .totalNum .ownResearch .switch:hover { color: #f90; cursor: pointer; }
#indexPanel .numArea .totalNum .ownResearch .tip { position: absolute; left: 50%; top: -105px; margin-left: -175px; display: inline-block; width: 320px; padding: 10px 15px; background: #fff; border-top: 3px solid #4ac0ff; border-radius: 3px; box-shadow: 0 2px 6px rgba(0,0,0, .3); display: none; z-index: 10;}
#indexPanel .numArea .totalNum .ownResearch .tip:before,
#indexPanel .numArea .totalNum .ownResearch .tip:after { position: absolute; left: 50%; bottom: -8px; margin-left: -8px; content: ""; display: inline-block; line-height: 0; border-left: 8px solid transparent; border-top: 8px solid #fcfcfc; border-right: 8px solid transparent;
  border-left-color: rgba(255,255,255, 0);
  border-right-color: rgba(255,255,255, 0);
}
#indexPanel .numArea .totalNum .ownResearch .tip:before { bottom: -9px; border-top-color: #ccc; }
#indexPanel .numArea .totalNum .ownResearch .tip .close { position: absolute; top: 3px; right: 6px; color: #888; font-weight: bold; cursor: pointer; }
#indexPanel .numArea .totalNum .ownResearch .tip .close:hover { color: #f90;  }
#indexPanel .numArea .totalNum .ownResearch .tip .item { font-weight: bold; font-size: 11px; text-align: left; }
#indexPanel .numArea .totalNum .ownResearch .tip .copy { margin-top: 4px; font-size: 11px; line-height: 1.5; text-align: left; font-weight: normal;}





#indexPanel.logout { position: relative; z-index: 2; margin-top: 0; background-image: url(../../imageFile/user/index_panel_bg.jpg); background-size: cover; overflow: hidden; }
#indexPanel.logout .panelWrap { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 985px; height: 300px; margin: 0 auto; padding: 65px 0 10px; box-sizing: border-box; justify-content: flex-end; align-items: center; }
#indexPanel.logout .panelWrap:before { content: ""; position: absolute; bottom: 0; left: -60px; width: 560px; height: 300px; background: url(../../imageFile/user/index_panel_char.png) no-repeat; background-position: left 140%; background-size: 560px auto; z-index: -1; }

#indexPanel.logout .panelNum { position: absolute; top: 20px; left: 0; right: 0; margin-bottom: 20px; font-size: 16px; font-weight: bold; text-align: center; line-height: 1; }
#indexPanel.logout .panelNum .date { color: #f55; }
#indexPanel.logout .panelNum .num { margin: 0 5px; font-size: 24px; color: #f55; }
#indexPanel.logout .panelNum .only { font-size: 12px; font-weight: normal; }
#indexPanel.logout .panelNum .only .percent { color: #f55; }

#indexPanel.logout .panelUnit.new { width: 490px; padding: 20px 20px 10px; border-radius: 6px; background: rgba(255,255,255,.5); box-sizing: border-box; }
#indexPanel.logout .panelUnit.new .title { font-size: 16px; font-weight: bold; text-align: center; }
#indexPanel.logout .panelUnit.new .title .update,
#indexPanel.logout .panelUnit.new .title .num { color: #f55; margin: 0 3px; }
#indexPanel.logout .panelUnit.new .content { margin-top: 10px; }
#indexPanel.logout .panelUnit.new .content .companyNameLink a { display: block; font-size: 13px; line-height: 1.65; color: #222; }
#indexPanel.logout .panelUnit.new .content .companyNameLink a:hover { color: #f90; }
#indexPanel.logout .panelUnit.new .content .companyNameLink.nodata { padding: 10px 0 20px; text-align: center;}
#indexPanel.logout .panelUnit.new .content .logoArea { margin-top: 8px;
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  align-items: center;
}
#indexPanel.logout .panelUnit.new .content .logoArea .logo { display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; padding: 10px; margin: 5px; border-radius: 4px; background: #fff; box-sizing: border-box; }
#indexPanel.logout .panelUnit.new .content .logoArea .logo img { max-width: 60px; height: auto; }

#indexPanel.logout .panelUnit.photo { position: absolute; bottom: 35px; left: 162px; }
#indexPanel.logout .panelUnit.photo .btn { position: relative; display: inline-block; padding: 8px 35px; font-size: 15px; border: 1px solid #fff; border-radius: 3px; background: rgba(0,0,0,.06); color: #fff; letter-spacing: 0.1em; }
#indexPanel.logout .panelUnit.photo .btn:before {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  vertical-align: middle;
  content: "\e969";
  display: inline-block;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  color: #fff;
}
#indexPanel.logout .panelUnit.photo .btn:hover { background: rgba(0,0,0,.08); }

/* ---------- Recommend ----------*/

#indexRecommendArea { margin-top: 15px; padding: 5px 5px 10px; border-radius: 6px; background: #fff; }
#indexRecommendArea .base { }
#indexRecommendArea .base .titleArea { position: relative; padding: 12px 20px 10px 45px; border-radius: 4px; background-color: #f88700; background: -webkit-linear-gradient(left, #f87600 0%, #ffa349 100%); background: linear-gradient(to right, #f87600 0%, #ffa349 100%); }
#indexRecommendArea .base .titleArea:before {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -12px;
  vertical-align: middle;
  content: "\e983";
  display: inline-block;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  color: #fff;
}
#indexRecommendArea .base .titleArea .title { color: #fff; }
#indexRecommendArea .base .titleArea .title .name,
#indexRecommendArea .base .titleArea .title .holder { display: inline-block; vertical-align: middle; line-height: 1.2; }
#indexRecommendArea .base .titleArea .title .name { max-width: 600px; margin-right: 5px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold;}
#indexRecommendArea .base .titleArea .title .holder { font-size: 12px; }

#indexRecommendArea .base .recommendUnitArea { display: table; width: 100%; margin-top: 10px; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit { display: table-cell; padding: 10px 15px; vertical-align: middle; width: 50%; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit + .recommendUnit { border-left: 1px solid #eee; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit .unitBase { position: relative; display: table; width: 100%; position: relative; padding-left: 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#indexRecommendArea .base .recommendUnitArea .recommendUnit .unitBase:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  vertical-align: middle;
  content: "\e608";
  display: inline-block;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 30px;
  color: #f66;
}
#indexRecommendArea .base .recommendUnitArea .recommendUnit.condition .unitBase:before { content: "\e94f"; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit.analyze .unitBase:before { content: "\e94b"; font-size: 28px; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit .textSet,
#indexRecommendArea .base .recommendUnitArea .recommendUnit .btn { display: table-cell; vertical-align: middle; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit .textSet .text,
#indexRecommendArea .base .recommendUnitArea .recommendUnit .textSet .counter { display: inline-block; vertical-align: middle; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit .textSet .text .shoulder { display: inline-block; padding-left: 1px; font-size: 12px; line-height: 1; color: #666; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit .textSet .text .item { font-size: 16px; font-weight: bold; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit .textSet .counter { position: relative; top: 1px; margin-left: 8px; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit .textSet .counter .new { position: relative; top: -5px; display: inline-block; margin-right: 5px; padding: 2px 8px; font-size: 11px; color: #fff;
  background: #f66; border-radius: 30px;
}



#indexRecommendArea .base .recommendUnitArea .recommendUnit .counter em.num { margin-right: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 27px; color: #f66; line-height: 1; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit .counter .holder { position: relative; top: -1px; font-size: 15px; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit.analyze .counter em.num { color: #fb0; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit .btn { position: relative; width: 1%; white-space: nowrap; padding-left: 15px; text-align: center; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit .btn .checkBtn a { position: relative; top: -2px; display: inline-block; padding: 0 25px; height: 35px; line-height: 35px; background: -webkit-linear-gradient( left, #f88700 0%, #ff8968 100% ); background: linear-gradient( to right, #ff544d 0%, #ff8968 100% ); box-shadow: 0 2px 5px rgba(0,0,0,0.1); font-size: 14px; font-weight: bold; color: #fff;
  border-radius: 3px;
}
#indexRecommendArea .base .recommendUnitArea .recommendUnit .btn .checkBtn a:before {
  position: absolute;
  right: 10px;
  top: 0;
  vertical-align: middle;
  content: "\e969";
  display: inline-block;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 10px;
  color: #fff;
}
#indexRecommendArea .base .recommendUnitArea .recommendUnit .btn .checkBtn a:hover { opacity: 0.7; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit .btn .checkBtn a:active { top: 0; box-shadow: none; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit .btn .attention { margin-bottom: 4px; font-size: 11px; font-weight: bold; color: #e00; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit .btn .settingBtn { margin-top: 3px; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit .btn .settingBtn a { padding-left: 15px; background: url(../../imageFile/user/index_icon_arrow.png) 0 3px no-repeat; font-size: 11px; color: #049; }
#indexRecommendArea .base .recommendUnitArea .recommendUnit .btn .settingBtn a:hover { color: #f90; }

/* Recommend Only */
#indexRecommendArea.conditionOnly .base { display: table; width: 100%; }
#indexRecommendArea.conditionOnly .base .titleArea,
#indexRecommendArea.conditionOnly .base .recommendUnitArea { display: table-cell; vertical-align: middle; }
#indexRecommendArea.conditionOnly .base .titleArea { width: 1%; padding: 10px 30px 10px 75px; background-position: 30px center; white-space: nowrap; line-height: 1.3; }
#indexRecommendArea.conditionOnly .base .titleArea .title .name { max-width: 180px; }
#indexRecommendArea.conditionOnly .base .recommendUnitArea { width: inherit; }
#indexRecommendArea.conditionOnly .base .recommendUnitArea .recommendUnit { padding: 0 17px 0 25px; }
#indexRecommendArea.conditionOnly .base .recommendUnitArea .recommendUnit .unitBase { padding-left: 42px; }
#indexRecommendArea.conditionOnly .base .recommendUnitArea .recommendUnit .textSet .dot { display: inline-block; margin: 0 5px; }
#indexRecommendArea.conditionOnly .base .recommendUnitArea .recommendUnit .textSet .counter { margin-left: 0; }
#indexRecommendArea.conditionOnly .base .recommendUnitArea .recommendUnit .btn { }
#indexRecommendArea.conditionOnly .base .recommendUnitArea .recommendUnit .btn a { width: 120px; }

#indexRecommendArea.conditionOnly.noSetting .base .recommendUnitArea .recommendUnit .btn { }
#indexRecommendArea.conditionOnly .base .recommendUnitArea .recommendUnit .toConditionSetting { margin-top: 3px; padding-right: 105px; }


/* ---------- searchUnit ----------*/

.searchUnit { background: #fff; }
.searchUnit .title { padding: 9px 10px 6px; font-size: 12px; font-weight: bold; color: #fff; background-color: #6fccff; background: -webkit-linear-gradient(left, #53c5f8 0%, #85d8fb 100%); background: linear-gradient(to left, #85d8fb 0%, #53c5f8 100%); }
.searchUnit .title:before {
  content: "\f105";
  position: relative;
  top: -3px;
  display: inline-block;
  margin-right: 8px;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
.searchUnit .title em { margin-right: 3px; font-size: 16px; font-weight: bold; }
.searchUnit .categoryList { padding: 15px 10px; border: 1px solid #d6e9ea; border-top: none; border-bottom: none; }
.searchUnit .categoryList .category { }
.searchUnit .categoryList .category + .category { margin-top: 9px; }
.searchUnit .categoryList .category .link { position: relative; display: inline-block; padding-left: 19px; color: #222; font-size: 13px; line-height: 1.2; }
.searchUnit .categoryList .category .link:hover { color: #f90; }
.searchUnit .categoryList .category .link:before {
  content: "\f105";
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  margin-top: -8px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  background-color: #4ac0ff;
  color: #fff;
  text-align: center;
  font-size: 10px;
  border-radius: 100%;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
.searchUnit .categoryList .category .link:hover { color: #f90; }
.searchUnit .categoryList .category .link .mini { font-size: 12px; margin-left: 3px; }
.searchUnit .categoryList .category .subCategory { margin-top: 3px; padding-left: 19px; font-size: 11px; color: #aaa; line-height: 1; }
.searchUnit .categoryList .category .subCategory .localAra { line-height: 1.5; color: #aaa; }
.searchUnit .categoryList .category .subCategory .localAra:hover { color: #f90; }
.searchUnit .categoryList .category .subCategory .localAra + .localAra:before { content: "/"; margin: 0 5px; color: #ddd; }
.searchUnit .categoryList.categoryPopular { padding-top: 5px; }
.searchUnit .categoryList.categoryPopular .subTitle { display: block; }
.searchUnit .categoryList.categoryPopular .subTitle .subBase { display: inline-block; padding: 3px 8px; font-size: 11px; background: #fc0; color: #fff; font-weight: bold; border-radius: 2px; }
.searchUnit .categoryList.categoryArea .category { display: inline-block; width: 47%; }
.searchUnit .categoryList.categoryArea .category:nth-child(2) { margin-top: 0;}
.searchUnit .categoryList.categoryPopular .category { display: inline-block; width: 49%; }
.searchUnit .categoryList.categoryPopular .category .link { font-weight: normal; }

/* Top */
.searchUnit.top { border-radius: 6px 6px 0 0; }
.searchUnit.top .title { border-radius: 6px 6px 0 0; }
/* bottom */
.searchUnit.bottom { border-radius: 0 0 6px 6px; }
.searchUnit.bottom .categoryList { border-radius: 0 0 6px 6px; border: 1px solid #d6e9ea; border-top: none; }

/* History */
.searchUnitHistory {}
.searchUnitHistory .title:before { content: "\e62f"; font-size: 22px; }
.searchUnitHistory .categoryList { padding: 5px 10px; }
.searchUnitHistory .categoryList .category { position: relative; padding: 10px 0; }
.searchUnitHistory .categoryList .category:before {
  content: "\ea06";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0,-50%);
  display: inline-block;
  background-color: transparent;
  color: #4ac0ff;
  text-align: center;
  font-size: 22px;
  border-radius: 100%;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
.searchUnitHistory .categoryList .category + .category { margin-top: 0; border-top: 1px solid #eee; }
.searchUnitHistory .categoryList .category .link { display: block; padding-left: 28px; padding-right: 13px; font-weight: bold; line-height: 1.3; }
.searchUnitHistory .categoryList .category .link:hover { color: #f90; }
.searchUnitHistory .categoryList .category .link:before { display: none; }
.searchUnitHistory .categoryList .category .link:after {
  content: "\e969";
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  margin-top: -8px;
  line-height: 14px;
  color: #aaa;
  text-align: center;
  font-size: 12px;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
.searchUnitHistory .categoryList .category .link.textOver { height: 32px; overflow: hidden; }
.searchUnitHistory .categoryList .category .link.textOver:before { display: block; width: 16px; height: 16px; content: "…"; position: absolute; right: 12px; bottom: 0; left: inherit; top: inherit; font-size: 13px; font-weight: bold; text-align: center; line-height: 16px; color: #222; background: #fff;
  border-radius: inherit;
}
.searchUnitHistory .categoryList .category .link .item {}
.searchUnitHistory .categoryList .category .link .item + .item:before { content: "/"; margin: 0 5px; color: #aaa; font-weight: normal; }


/* Job */
.searchUnitJob .title:before { content: "\e60f"; }
.searchUnitJob .categoryList .category .link { font-weight: bold; }

/* Area */
.searchUnitArea .title:before { content: "\e603"; }
.searchUnitArea .categoryList .category .link { font-weight: bold; }
.searchUnitArea .categoryListFav { margin: 10px; }
.searchUnitArea .categoryListFav .listTitle { font-weight: bold; color: #f60; font-size: 13px; }
.searchUnitArea .categoryListFav .category { width: 1%; white-space: nowrap; padding: 7px 15px 0 0; }
.searchUnitArea .categoryListFav .category .link { padding-left: 0; font-size: 16px; }
.searchUnitArea .categoryListFav .category .link:before { position: static; margin-right: 5px; }

/* Keyword */
.searchUnitKeyword .title:before { content: "\e620"; }
.searchUnitKeyword .copyArea { padding: 10px 10px 0; border: 1px solid #d6e9ea; border-top: none; border-bottom: none; }
.searchUnitKeyword .inputArea { position: relative; padding: 10px; border: 1px solid #d6e9ea; border-top: none; border-bottom: none; }
.searchUnitKeyword .inputArea input { display: block; width: 100%; vertical-align: middle; height: 42px; padding: 5px 40px 5px 15px; border: 2px solid #4ac0ff; box-shadow: 0 3px 5px rgba(0,0,0,0.1);
  border-radius: 30px;
}
.searchUnitKeyword .inputArea .submitBtn { position: absolute; right: 14px; top: 14px; display: inline-block; width: 34px; height: 34px; background: #4ac0ff; border: none; color: #fff; font-weight: bold; vertical-align: middle;
  border-radius: 100%;
}
.searchUnitKeyword .inputArea .submitBtn:before {
  content: "\ea06";
  display: inline-block;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
}
.searchUnitKeyword .inputArea .submitBtn:hover { opacity: .8; }

/* Condition */
.searchUnitCondition .title:before { content: "\e91d"; }
.searchUnitCondition .copyArea { padding: 15px 10px 0; border: 1px solid #d6e9ea; border-top: none; border-bottom: none; }
.searchUnitCondition .copyArea .copy { }
.searchUnitCondition .copyArea .copy em { margin-right: 2px; font-size: 15px; font-weight: bold; color: #f90; }
.searchUnitCondition .btnArea { padding: 15px; text-align: center; border: 1px solid #d6e9ea; border-top: none; border-bottom: none; }
.searchUnitCondition .btnArea a { position: relative; display: inline-block; vertical-align: middle; width: 150px; height: 40px; font-size: 14px; text-align: center; line-height: 40px; font-weight: bold; border-radius: 4px; color: #4ac0ff; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); border: 1px solid #e0e0e0; box-sizing: border-box; }
.searchUnitCondition .btnArea a:hover { opacity: .8; }
.searchUnitCondition .btnArea a:active { top: 2px; box-shadow: none; }
.searchUnitCondition .btnArea a:before { content: "\ea06"; position: relative; top: 2px; left: -3px; margin-top: -20px; display: inline-block; font-family: icomoon; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; font-size: 20px;}

/* Contribution */
.searchUnitContribution { border-radius: 0 0 6px 6px; }
.searchUnitContribution .title em { font-size: 17px; }
.searchUnitContribution .copyArea { height: 130px; padding: 15px 10px 6px; background: url(../../imageFile/user/index_photo_contribution.png) center bottom no-repeat; }
.searchUnitContribution .copyArea .copy { text-align: center; line-height: 1.2; }
.searchUnitContribution .copyArea .copy em { margin-right: 2px; font-size: 15px; font-weight: bold; color: #f60; }
.searchUnitContribution .btnArea { padding: 8px 15px 15px; text-align: center; }
.searchUnitContribution .btnArea a { display: inline-block; width: 175px; padding: 10px 0; background: #8ad; line-height: 1; text-align: center; color: #fff; font-weight: bold; font-size: 14px;
  border-radius: 2px;
}
.searchUnitContribution .btnArea a:hover { opacity: .8; }
.searchUnitContribution .btnArea a:before {
  content: "\f054";
  display: inline-block;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
  font-size: 11px;
}

/* Kodawari */
.searchUnitKodawari {}
.searchUnitKodawari .title:before { content: "\e91b"; }


/* Privacy */
#indexPrivacyMark { margin-top: 15px; padding: 15px; border-radius: 6px; background: #fff; }
#indexPrivacyMark .logo { display: inline-block; vertical-align: middle; }
#indexPrivacyMark .copy { width: 125px; display: inline-block; padding-left: 8px; font-size: 11px; vertical-align: middle; }
#indexPrivacyMark .copy a { color: #222; }
#indexPrivacyMark .copy a:hover { color: #f90; }


/* ---------- Conrner ----------*/

/* Base */
.centerContentUnit { position: relative; padding: 0 10px 10px; border: 1px solid #d6e9ea; border-radius: 6px; background: #fff; }
.centerContentUnit:before { position: absolute; left: 10px; right: 10px; top: -1px; content: ""; display: inline-block; height: 3px; background-color: #6fccff; background: -webkit-linear-gradient(left, #53c5f8 0%, #85d8fb 100%); background: linear-gradient(to left, #85d8fb 0%, #53c5f8 100%); }
.centerContentUnit { margin-top: 15px; }
.centerContentUnit .title { position: relative; padding: 15px 5px 0 52px; }
.centerContentUnit .title .text { display: inline-block; vertical-align: middle; font-size: 19px; font-weight: bold; }
.centerContentUnit .title .areaMark { display: inline-block; position: relative; margin-left: 4px; top: -2px; height: 16px; line-height: 17px; padding: 0 8px; vertical-align: middle; font-size: 11px; color: #4ac0ff; font-weight: bold; border: 1px solid #4ac0ff; border-radius: 100px;}
.centerContentUnit .title .areaMark.hokkaido { letter-spacing: -0.05em; padding: 0 6px;}

.centerContentUnit .title .update { position: absolute; left: 0; top: -5px; width: 45px; height: 45px; line-height: 1.1; padding-top: 13px; text-align: center; box-shadow: 1px 1px 7px rgba(0,0,0,0.2); background: #f66; color: #fff; border-radius: 50px; font-size: 11px; box-sizing: border-box; }
.centerContentUnit .title .update:after { content: ""; position: absolute; display: block; width: 0; height: 0; top: 38px; left: 29px; border-style: solid; border-width: 10px 6px 0px 6px; border-color: #f66 transparent transparent transparent; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); }
.centerContentUnit .title .update.pick { background: #fa0; }
.centerContentUnit .title .update.pick:after { border-color: #fa0 transparent transparent transparent; }

.centerContentUnit .title .shoulder { position: absolute; right: 0; bottom: 6px; font-size: 11px; color: #666; }
.centerContentUnit a { color: #222; }
.centerContentUnit a:hover { color: #f90; }
.centerContentUnit .content .toCorner { padding: 10px 5px 3px; text-align: right; font-size: 12px; border-top: 1px solid #eee; }
.centerContentUnit .content .toCorner a { position: relative; padding-left: 20px; }
.centerContentUnit .content .toCorner a:before {
  content: "\f105";
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  margin-top: -8px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  background-color: #4ac0ff;
  color: #fff;
  text-align: center;
  font-size: 10px;
  border-radius: 100%;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}


/* service */
.centerContentUnit.service { margin-top: 0; }
.centerContentUnit.service .title { padding-left: 5px; }
.centerContentUnit.service .content { margin-top: 10px; border-top: 1px solid #eee; }
.centerContentUnit.service .serviceJobList { position: relative; margin: 10px -10px 0; padding: 0 10px; height: 268px; overflow: hidden; }
.centerContentUnit.service .wordList { display: flex; flex-wrap: wrap; position: relative; width: 1000px; }
.centerContentUnit.service .wordList .word { width: 95px; height: 130px; vertical-align: middle; margin: 0 3px 6px; }
.centerContentUnit.service .wordList .word a { display: inline-block; font-family: 'icomoon'; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; vertical-align: middle; display: flex; align-items: center; justify-content: center; background: no-repeat center; background-size: cover; position: relative; width: 100%; height: 100%; color: #fff; border-radius: 6px; line-height: 1.1; font-weight: bold; font-size: 14px; text-align: center; }
.centerContentUnit.service .wordList .word a.noImg:before { background: none;}
.centerContentUnit.service .wordList .word a:hover { opacity: 0.8;}
.centerContentUnit.service .wordList .word a:before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); border-radius: 4px;}
.centerContentUnit.service .wordList .word a:after { content: "\e969"; position: absolute; top: 50%; right: 2px; margin-top: -6px; z-index: 3; color: #fff; font-size: 8px; }
.centerContentUnit.service .wordList .word a .text { position: relative; z-index: 3; padding: 0 15px 0 10px; line-height: 1.3; letter-spacing: 0.05em;}
.centerContentUnit.service .wordList .word.type1 a { font-size: 14px; }
.centerContentUnit.service .wordList .word.type2 a { font-size: 16px; font-weight: bold; }
.centerContentUnit.service .wordList .word.type3 a { font-size: 20px; font-weight: bold; }
.centerContentUnit.service .wordList .word.type4 a { font-size: 27px; font-weight: bold; }
.centerContentUnit.service .controlarSet {}
.centerContentUnit.service .controlarSet .list { position: absolute; top: 50%; margin-top: -18px; z-index: 50; }
.centerContentUnit.service .controlarSet .list.prev { left: 0; }
.centerContentUnit.service .controlarSet .list.next { right: 0; }
.centerContentUnit.service .controlarSet .list .btn { position: relative; display: block; width: 35px; height: 35px; border-radius: 100%; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1); }
.centerContentUnit.service .controlarSet .list .btn:hover { top: -1px; box-shadow: 0 3px 12px rgba(0,0,0,0.2); }
.centerContentUnit.service .controlarSet .list .btn:before {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  vertical-align: middle;
  content: "\e969";
  display: inline-block;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: #4ac0ff;
}
.centerContentUnit.service .controlarSet .list.prev .btn:before { content: "\e93d"; right: 11px; }
.centerContentUnit.service .controlarSet .list.next .btn {  }
.centerContentUnit.service .content .toCorner { border-top: none; }


/* New */
.centerContentUnit.new {}
.centerContentUnit.new:before { background-color: #ff5257; background: -webkit-linear-gradient( left, #ff5257 0%, #ff8b6d 100% ); background: linear-gradient( to right, #ff5257 0%, #ff8b6d 100% ); }
.centerContentUnit.new .content { margin-top: 10px; padding: 0 10px; border-top: 1px solid #eee; }
.centerContentUnit.new .content .companyNameLink { padding-top: 15px; }
.centerContentUnit.new .content .companyNameLink a { display: block; font-size: 13px; font-weight: bold; line-height: 1.8; }
.centerContentUnit.new .content .logoArea { display: table; width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.centerContentUnit.new .content .logoArea .logo { display: table-cell; padding: 10px 0; vertical-align: middle; width: 25%; text-align: center;  }

/* Curation */
.centerContentUnit.curation:before { background-color: #ff5257; background: -webkit-linear-gradient(left,#ffb627 0%, #ffd64c 100%); background: linear-gradient(to right, #ffb627 0%, #ffd64c 100%); }
.centerContentUnit.curation .content { margin-top: 10px; padding: 0; border-top: 1px solid #eee; }
.centerContentUnit.curation .content { }
.centerContentUnit.curation .content .curationList li.curation { display: table; width: 100%; }
.centerContentUnit.curation .content .curationList li.curation + li.curation { border-top: 1px solid #eee; }
.centerContentUnit.curation .content .curationList li.curation .imgArea,
.centerContentUnit.curation .content .curationList li.curation .textArea,
.centerContentUnit.curation .content .curationList li.curation .editorArea { display: table-cell; padding: 11px 0 10px; }
.centerContentUnit.curation .content .curationList li.curation .imgArea,
.centerContentUnit.curation .content .curationList li.curation .textArea { vertical-align: middle; }
.centerContentUnit.curation .content .curationList li.curation .imgArea { width: 70px; padding: 11px 12px 10px 8px; }
.centerContentUnit.curation .content .curationList li.curation .imgArea .photo { position: relative; width: 90px; height: 70px; overflow: hidden; border-radius: 4px; }
.centerContentUnit.curation .content .curationList li.curation .imgArea .photo img { position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: 100%; }
.centerContentUnit.curation .content .curationList li.curation .imgArea .photo .icon { font-size: 10px; position: absolute; z-index: 2; top: 28px; left: -26px; background: #fa0; color: #fff; font-weight: normal; display: inline-block; line-height: 1; padding: 30px 35px 2px 35px; text-align: center; white-space: nowrap; transform: translate(10px, -20px) rotate(-45deg); -webkit-transform: translate(10px, -20px) rotate(-45deg); -moz-transform: translate(10px, -20px) rotate(-45deg); transform-origin: left bottom; -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; }
.centerContentUnit.curation .content .curationList li.curation .textArea { }
.centerContentUnit.curation .content .curationList li.curation .textArea .item { font-size: 12px; }
.centerContentUnit.curation .content .curationList li.curation .textArea .catch { margin-top: 2px; }
.centerContentUnit.curation .content .curationList li.curation .textArea .catch a { font-size: 16px; font-weight: bold; color: #222; }
.centerContentUnit.curation .content .curationList li.curation .textArea .catch a:hover { color: #f90; }
.centerContentUnit.curation .content .curationList li.curation .textArea .date { margin-top: 3px; font-size: 11px; color: #aaa; }
.centerContentUnit.curation .content .curationList li.curation .editorArea { width: 120px; vertical-align: bottom; padding: 11px 10px 10px; }
.centerContentUnit.curation .content .curationList li.curation .editorArea .editorBase { position: relative; text-align: right; padding-right: 50px; }
.centerContentUnit.curation .content .curationList li.curation .editorArea .item { font-size: 11px; }
.centerContentUnit.curation .content .curationList li.curation .editorArea .item img,
.centerContentUnit.curation .content .curationList li.curation .editorArea .item .text { display: inline-block; vertical-align: middle; color: #aaa; }
.centerContentUnit.curation .content .curationList li.curation .editorArea .item img { position: relative; top: -1px; }
.centerContentUnit.curation .content .curationList li.curation .editorArea .item .text { margin-left: 2px; }
.centerContentUnit.curation .content .curationList li.curation .editorArea .name { margin-top: 1px; font-size: 13px; font-weight: bold; }
.centerContentUnit.curation .content .curationList li.curation .editorArea .photo { position: absolute; right: 0; bottom: 0; width: 40px; height: 40px; border: 1px solid #ddd; border-radius: 100%; overflow: hidden; }
.centerContentUnit.curation .content .curationList li.curation .editorArea .photo img { width: 100%; height: auto; }

/* End */
.centerContentUnit.end { }
.centerContentUnit.end .title { }
.centerContentUnit.end .title .text { }
.centerContentUnit.end .title .update { }
.centerContentUnit.end .title .shoulder { }
.centerContentUnit.end .content { margin-top: 10px; border-top: 1px solid #eee; }
.centerContentUnit.end .content .link { padding: 10px; }
.centerContentUnit.end .content .link a { line-height: 1.4; font-size: 13px;}

/* Recommend */
.centerContentUnit.recommend { }
.centerContentUnit.recommend .title { }
.centerContentUnit.recommend .title .text { }
.centerContentUnit.recommend .title .shoulder { }
.centerContentUnit.recommend .content { margin-top: 10px; border-top: 1px solid #eee; }
.centerContentUnit.recommend .recommendJobList { position: relative; margin: 0 -10px; padding: 10px; height: 160px; overflow: hidden; }
.centerContentUnit.recommend .jobSet { width: 1000px; }
.centerContentUnit.recommend .jobSet a.job { position: relative; width: 160px; display: block; text-align: left; background: #fff; border-radius: 4px; border: 1px solid #eee; text-align: left; z-index: 1; box-shadow: 0 0px 18px rgba(0,0,0,0.1); box-sizing: border-box; float: left; }
.centerContentUnit.recommend .jobSet a.job:before {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 0;
  content: "";
  display: inline-block;
  height: 3px;
  background-color: #6fccff;
  background: -webkit-linear-gradient(left, #53c5f8 0%, #85d8fb 100%);
  background: linear-gradient(to left, #85d8fb 0%, #53c5f8 100%);
}
.centerContentUnit.recommend .jobSet a.job + .job { margin-left: 10px;}
.centerContentUnit.recommend .jobSet a.job .unitBase { padding: 10px; }
.centerContentUnit.recommend .jobSet a.job .unitBase .jobNameArea {}
.centerContentUnit.recommend .jobSet a.job .unitBase .jobNameArea .companyName { padding-bottom: 10px; border-bottom: 1px solid #eee; }
.centerContentUnit.recommend .jobSet a.job .unitBase .jobNameArea .companyName .logo,
.centerContentUnit.recommend .jobSet a.job .unitBase .jobNameArea .companyName .company { display: table-cell; vertical-align: middle; }
.centerContentUnit.recommend .jobSet a.job .unitBase .jobNameArea .companyName .logo { padding-right: 5px; }
.centerContentUnit.recommend .jobSet a.job .unitBase .jobNameArea .companyName .logo img { max-width: 40px; height: auto; }
.centerContentUnit.recommend .jobSet a.job .unitBase .jobNameArea .companyName .company { font-size: 12px; font-weight: bold; }
.centerContentUnit.recommend .jobSet a.job .unitBase .jobNameArea .jobName { margin-top: 5px; }
.centerContentUnit.recommend .jobSet a.job .unitBase .jobNameArea .job { font-size: 11px; font-weight: bold; }
.centerContentUnit.recommend .jobSet a.job .unitBase .dataArea { margin-top: 5px; }
.centerContentUnit.recommend .jobSet a.job .unitBase .dataArea ul.dataList {}
.centerContentUnit.recommend .jobSet a.job .unitBase .dataArea ul.dataList li.data { position: relative; padding: 0 0 0 20px; box-sizing: border-box; }
.centerContentUnit.recommend .jobSet a.job .unitBase .dataArea ul.dataList li.data + li.data { margin-top: 5px; }
.centerContentUnit.recommend .jobSet a.job .unitBase .dataArea ul.dataList li.data .item { }
.centerContentUnit.recommend .jobSet a.job .unitBase .dataArea ul.dataList li.data .item.money:before { content: "\e602"; position: absolute; top: 0; left: 0; font-size: 15px; color: #4ac0ff;}
.centerContentUnit.recommend .jobSet a.job .unitBase .dataArea ul.dataList li.data .item.area:before { content: "\e603"; position: absolute; top: -1px; left: 0; font-size: 16px; color: #4ac0ff;}
.centerContentUnit.recommend .jobSet a.job .unitBase .dataArea ul.dataList li.data .text { font-size: 11px; }
.centerContentUnit.recommend .jobSet a.job:hover { box-shadow: 0 0px 18px rgba(0,0,0,0.03); }

.centerContentUnit.recommend .controlarSet {}
.centerContentUnit.recommend .controlarSet .list { position: absolute; top: 50%; margin-top: -18px; z-index: 50; }
.centerContentUnit.recommend .controlarSet .list.prev { left: 0; }
.centerContentUnit.recommend .controlarSet .list.next { right: 0; }
.centerContentUnit.recommend .controlarSet .list .btn { position: relative; display: block; width: 35px; height: 35px; border-radius: 100%; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1); }
.centerContentUnit.recommend .controlarSet .list .btn:hover { top: -1px; box-shadow: 0 3px 12px rgba(0,0,0,0.2); }
.centerContentUnit.recommend .controlarSet .list .btn:before { position: absolute; right: 10px; top: 50%; margin-top: -10px; vertical-align: middle; content: "\e969"; display: block; font-family: icomoon; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; font-size: 14px; color: #4ac0ff; }
.centerContentUnit.recommend .controlarSet .list.prev .btn:before { content: "\e93d"; right: 11px; }
.centerContentUnit.recommend .controlarSet .list.next .btn {  }

.centerContentUnit.recommend .content .toCorner { border-top: none; }


/* Woman */
.centerContentUnit.woman { padding: 0; border: none; }
.centerContentUnit.woman:before { content: none; }
.centerContentUnit.woman .title { padding: 10px 15px; border-radius: 6px 6px 0 0; background: -webkit-linear-gradient(left,#ffaea5 0%, #ff7477 100%); background: linear-gradient(to right, #FAAAA6 0%, #FFBCA7 100%); }
.centerContentUnit.woman .title .text { font-size: 15px; color: #fff; }
.centerContentUnit.woman .content { position: relative; border: 1px solid #d6e9ea; border-top: none; border-radius: 0 0 6px 6px; }


.centerContentUnit.woman .content .siteLink { }
.centerContentUnit.woman .content .siteLink .link { position: relative; display: block; padding: 14px 10px 13px; }
.centerContentUnit.woman .content .siteLink .link:after { position: absolute; right: 10px; top: 50%; margin-top: -10px; vertical-align: middle; content: "\e969"; display: inline-block; font-family: icomoon; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; font-size: 14px; color: #aaa; }
.centerContentUnit.woman .content .siteLink .link .photo { position: absolute; top: 15px; left: 10px; border-radius: 4px; overflow: hidden; }
.centerContentUnit.woman .content .siteLink .link .photo img { width: 90px; height: 70px; }
.centerContentUnit.woman .content .siteLink .link .textArea { padding-left: 105px; padding-bottom: 5px; }
.centerContentUnit.woman .content .siteLink .link .textArea .siteLogo img { margin-top: 3px; }
.centerContentUnit.woman .content .siteLink .link .textArea .copy { margin-top: 15px; font-size: 12px; color: #777; }
.centerContentUnit.woman .content .siteLink .link:hover .photo { opacity: 0.8; }
.centerContentUnit.woman .content .subTitle { padding: 8px 10px; border-top: 1px solid #eee; color: #ff9182; background: #fafafa; }
.centerContentUnit.woman .content .subTitle .pick { position: relative; top: -1px; display: inline-block; margin-left: 5px; padding: 2px 8px; border-radius: 30px; font-size: 11px; line-height: 1; color: #fff; background-color: #faaaa6; }
.centerContentUnit.woman .content .subContent { padding: 15px 10px; border-top: 1px solid #f3f3f3; }
.centerContentUnit.woman .content .logoArea { display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.centerContentUnit.woman .content .logoArea .logo { display: table-cell; padding: 10px 0; vertical-align: middle; width: 25%; text-align: center;  }
.centerContentUnit.woman .content .companyNameLink a { color: #222; }
.centerContentUnit.woman .content .companyNameLink a:hover { color: #f90; }
.centerContentUnit.woman .content .categoryList .category { display: inline-block; width: 46%; }
.centerContentUnit.woman .content .categoryList .category + .category { margin-top: 9px; }
.centerContentUnit.woman .content .categoryList .category:nth-child(2) { margin-top: 0; }
.centerContentUnit.woman .content .categoryList .category .link { display: inline-block; position: relative; padding-left: 19px; vertical-align: middle; color: #222; font-size: 13px; line-height: 1.3;}
.centerContentUnit.woman .content .categoryList .category .link:hover { color: #f90; }
.centerContentUnit.woman .content .categoryList .category .link:before { content: "\f105"; position: absolute; left: 0; top: 50%; display: inline-block; margin-top: -8px; width: 14px; height: 14px; line-height: 14px; background-color: #faaaa6; color: #fff; text-align: center; font-size: 10px; border-radius: 100%; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; vertical-align: middle; }

/*
.searchUnit .categoryList.categoryPopular { margin: 0 10px; padding: 5px 0 15px; }
.searchUnit .categoryList.categoryPopular .subTitle { display: block; }
.searchUnit .categoryList.categoryPopular .subTitle .subBase { display: inline-block; padding: 3px 8px; font-size: 11px; background: #fc0; color: #fff; font-weight: bold; border-radius: 2px; }
.searchUnit .categoryList.categoryPopular .category { display: inline-block; width: 49%; }
.searchUnit .categoryList.categoryPopular .category .link { font-weight: normal; }*/



/* Aggressive */
.centerContentUnit.aggressive { padding: 0; }
.centerContentUnit.aggressive:before { content: none; }
.centerContentUnit.aggressive .title { padding: 10px 15px; border-radius: 6px 6px 0 0; background: -webkit-linear-gradient(left,#ffb627 0%, #ffd64c 100%); background: linear-gradient(to right, #ffb627 0%, #ffd64c 100%); }
.centerContentUnit.aggressive .title .text { font-size: 15px; color: #fff; }
.centerContentUnit.aggressive .title .text .areaMark { background: #fff; border: none; top: 0; padding: 1px 7px;}
.centerContentUnit.aggressive .content { position: relative; margin-top: 0; padding: 15px 10px; }
.centerContentUnit.aggressive .content .photo { position: absolute; top: 15px; left: 10px; border-radius: 4px; overflow: hidden; }
.centerContentUnit.aggressive .content .photo img { width: 90px; height: 70px; }
.centerContentUnit.aggressive .content .copy { padding-left: 105px; font-size: 14px; }
.centerContentUnit.aggressive .content .sub { margin-top: 10px; font-size: 12px; }
.centerContentUnit.aggressive .content .sub em { margin: 0 3px; font-size: 16px; color: #f33; }
.centerContentUnit.aggressive .content .toCorner { position: absolute; right: 10px; bottom: 15px; border-top: none; }


/* Support */
.centerContentUnit.suport { padding-bottom: 0; }
.centerContentUnit.suport .title { }
.centerContentUnit.suport .title .text { }
.centerContentUnit.suport .title .shoulder { }
.centerContentUnit.suport .content { padding: 20px 0 0 150px; background: url(../../imageFile/user/index_img_support.png) 5px bottom no-repeat; font-size: 14px; }
.centerContentUnit.suport .content .toCorner { padding-bottom: 13px; }

/* Site in Site */
.centerContentUnit.siteInSite .title { padding-left: 5px; }
.centerContentUnit.siteInSite .categorySet { padding: 10px 0 0; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList { position: relative; border-top: 1px solid #eee; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category { position: relative; display: inline-block; width: 50%; box-sizing: border-box; vertical-align: top; border-bottom: 1px solid #eee; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category:last-child { border-bottom: none; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category:after {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -8px;
  vertical-align: middle;
  content: "\e969";
  display: inline-block;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  color: #aaa;
}
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category a { position: relative; display: block; padding: 20px 15px 0 40px; height: 72px; font-size: 14px; font-weight: bold; vertical-align: middle; line-height: 1.3; box-sizing: border-box; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.double a { padding-top: 12px; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category .sub { display: block; margin-top: 3px; font-size: 11px; font-weight: normal; color: #999; line-height: 1.3; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category a:before { position: absolute; display: inline-block; width: 30px; height: 30px; content: ""; left: 0; top: 50%; margin-top: -15px; border-radius: 100%; background: #ddd; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.sales a:before { background: #fef5d0; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.plan a:before { background: #feffd6; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.service a:before { background: #fff3e3; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.education a:before { background: #fff3ff; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.consultant a:before { background: #fbf5ff; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.creative a:before { background: #eafdff; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.IT a:before { background: #edffeb; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.electric a:before { background: #f5effb; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.archi a:before { background: #f5f1e7; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.science a:before { background: #f6f7dc; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.driver a:before { background: #f5f1e7; }

.centerContentUnit.siteInSite .categorySet .jobCategoryList .category a:after {
  content: "\f105";
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -8px;
  display: inline-block;
  color: #222;
  font-size: 18px;
  line-height: 1;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.sales a:after { content: "\e977"; color: #f90; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.plan a:after { content: "\e930"; color: #fb1; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.service a:after { content: "\e915"; color: #fc6e59; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.education a:after { content: "\e934"; color: #ff87af; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.consultant a:after { content: "\e987"; color: #9575cd; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.creative a:after { content: "\e902"; color: #02c4bb; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.IT a:after { content: "\e95a"; color: #68c93c; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.electric a:after { content: "\e926"; color: #c34aa9; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.archi a:after { content: "\e90d"; color: #d89248; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.science a:after { content: "\e925"; color: #c1c900; }
.centerContentUnit.siteInSite .categorySet .jobCategoryList .category.driver a:after { content: "\e97e"; color: #ba512f; }

/* Other Site */
.centerContentUnit.otherSite .title { padding-left: 5px; }
.centerContentUnit.otherSite .siteSet { padding: 10px 0 0; }
.centerContentUnit.otherSite .siteSet .site { display: table; width: 100%; padding: 10px 0; box-sizing: border-box; border-top: 1px solid #eee; }
.centerContentUnit.otherSite .siteSet .site:last-child { padding-bottom: 0; }
.centerContentUnit.otherSite .siteSet .site .banner { display: block; }
.centerContentUnit.otherSite .siteSet .site .left,
.centerContentUnit.otherSite .siteSet .site .right { display: table-cell; width: 50%; vertical-align: middle; text-align: left; }
.centerContentUnit.otherSite .siteSet .site .left { width: 40%; border-radius: 4px; overflow: hidden; }
.centerContentUnit.otherSite .siteSet .site .left img { display: block; width: 100%; }
.centerContentUnit.otherSite .siteSet .site .left img.hyoban { border: 1px solid #eee; }
.centerContentUnit.otherSite .siteSet .site .right { padding-left: 13px; font-size: 13px; line-height: 1.6; color: #222; }
.centerContentUnit.otherSite .siteSet .site:hover .left { opacity: 0.8; }
.centerContentUnit.otherSite .siteSet .site:hover .right { color: #f90; }


/* ---------- Right Content Unit ----------*/

/* Special Banner */
.indexSpecialBanner { margin-top: 15px; border-radius: 6px; overflow: hidden; }
.indexSpecialBanner a:hover { opacity: .8; }

/* En Agent */
#indexEnAgent { margin-top: 15px; }
#indexEnAgent a:hover { opacity: .8; }

/* After Program */
#indexAfterSupport {}
#indexAfterSupport a:hover { opacity: .8; }

/* Mikata */
#indexMikata { }
#indexMikata a:hover { opacity: .8; }

/* Base */
.rightContentUnit { }
.rightContentUnit .title .link { position: relative; display: block; padding: 10px 15px 9px; background-color: #78b2ff; background: -webkit-linear-gradient(left, #77a9ff 0%, #78bfff 100%); background: linear-gradient(to left, #78bfff 0%, #77a9ff 100%);font-size: 14px; font-weight: normal; color: #fff; line-height: 1; }
.rightContentUnit .title .link:hover { opacity: .8; }
.rightContentUnit .title .link:after {
  position: absolute;
  top: 10px;
  right: 10px;
  content: "\e969";
  display: inline-block;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 10px;
}
.rightContentUnit .title span { display: block; padding: 10px 15px 9px; background: #7af; font-size: 17px; font-weight: bold; color: #fff; line-height: 1; }
.rightContentUnit .title span:before {
  position: relative;
  top: -1px;
  vertical-align: middle;
  content: "\f078";
  display: inline-block;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  margin-right: 8px;
  font-size: 12px;
}
.rightContentUnit .content { padding: 0 10px; border: 1px solid #d6e9ea; border-top: none; border-bottom: none; background: #fff; }
/* .rightContentUnit .content .toCorner { padding-top: 5px; text-align: right; font-size: 12px; font-weight: bold; }
.rightContentUnit .content .toCorner a { padding-left: 15px; background: url(../../imageFile/user/index_icon_arrow.png) 0 3px no-repeat; color: #049; }
.rightContentUnit .content .toCorner a:hover { color: #f90; } */

/* top */
.rightContentUnit.top .title .link { border-radius: 6px 6px 0 0; }
.rightContentUnit.bottom .content { border-radius: 0 0 6px 6px; border: 1px solid #d6e9ea; border-top: none; }


/* knowhow */
.rightContentUnit.knowhow { margin-bottom: 15px; }
.rightContentUnit.knowhow .title .link { border-radius: 6px 6px 0 0; }
.rightContentUnit.knowhow .content { padding-bottom: 10px; border: 1px solid #d6e9ea; border-top: none; border-radius: 0 0 6px 6px; }

/*LPリリース前対応*/
.rightContentUnit .title span.noLink:before { display: none; }
.rightContentUnit.about .content .pointList .point:last-child { background: none; }


/* Knowhow */
.rightContentUnit.knowhow { }
#indexSignup + .rightContentUnit.knowhow { margin-top: 15px; }
.rightContentUnit.knowhow .title { }
.rightContentUnit.knowhow .content { }
.rightContentUnit.knowhow .content .knowhowList { }
.rightContentUnit.knowhow .content .knowhowList .knowhowUnit { display: block; padding: 10px 0; }
.rightContentUnit.knowhow .content .knowhowList .knowhowUnit + .knowhowUnit { border-top: 1px solid #eee; }
.rightContentUnit.knowhow .content .knowhowList .knowhowUnit .link { position: relative; display: block; padding-right: 15px; }
.rightContentUnit.knowhow .content .knowhowList .knowhowUnit .link:after {
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -10px;
  vertical-align: middle;
  content: "\e969";
  display: inline-block;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: #aaa;
}
.rightContentUnit.knowhow .content .knowhowList .knowhowUnit .link .unitTitle { position: relative; padding: 7px 0 7px 55px; font-weight: bold; }
.rightContentUnit.knowhow .content .knowhowList .knowhowUnit .link .unitTitle .shoulder,
.rightContentUnit.knowhow .content .knowhowList .knowhowUnit .link .unitTitle .text { display: block; font-weight: bold; }
.rightContentUnit.knowhow .content .knowhowList .knowhowUnit .link:hover .unitTitle .shoulder,
.rightContentUnit.knowhow .content .knowhowList .knowhowUnit .link:hover .unitTitle .text { color: #f90; }
.rightContentUnit.knowhow .content .knowhowList .knowhowUnit .link .unitTitle .photo { position: absolute; left: 0; top: 0; width: 45px; height: 45px; border-radius: 4px; overflow: hidden; }
.rightContentUnit.knowhow .content .knowhowList .knowhowUnit .link .unitTitle .photo img { width: 45px; height: 45px; }
.rightContentUnit.knowhow .content .knowhowList .knowhowUnit .link .unitTitle .shoulder { margin-bottom: 1px; font-size: 11px; }
.rightContentUnit.knowhow .content .knowhowList .knowhowUnit .link .unitTitle .text { font-size: 15px; line-height: 1; }
.rightContentUnit.knowhow .content .knowhowList .knowhowUnit .link .copySet { margin-top: 7px; font-size: 12px; color: #aaa; }
.rightContentUnit.knowhow .content .knowhowList .knowhowUnit.enquete .link .enqueteTitle { margin-top: 4px; }

.popularList { border: 1px solid #eee; border-radius: 4px; background: #fafafa; }
.popularList .title { padding: 5px 10px; }
.popularList .title:before {
  position: relative;
  vertical-align: middle;
  content: "\e90b";
  margin-right: 5px;
  display: inline-block;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  color: #4ac0ff;
}
.popularList .listSet { border-top: 1px solid #eee; }
.popularList .listSet .list {}
.popularList .listSet .list .link { position: relative; display: block; padding: 10px 20px 10px 10px; }
.popularList .listSet .list .link:after {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -10px;
  vertical-align: middle;
  content: "\e969";
  display: inline-block;
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: #aaa;
  z-index: 1;
}
.popularList .listSet .list + .list .link { border-top: 1px solid #eee; }
.popularList .listSet .list .photoArea,
.popularList .listSet .list .textArea { display: table-cell; vertical-align: middle; }
.popularList .listSet .list .num { position: absolute; top: 4px; left: 5px; width: 20px; height: 20px; line-height: 20px; font-size: 11px; text-align: center; border-radius: 100%; color: #fff; background: #ddd; z-index: 1; }
.popularList .listSet .list .num.first { background: #f8bd2f; }
.popularList .listSet .list .num.second { background: #bdcccc; }
.popularList .listSet .list .num.third { background: #e59d4f; }
.popularList .listSet .list .photo { position: relative; width: 45px; height: 45px; border-radius: 4px; overflow: hidden; }
.popularList .listSet .list .photo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 45px; width: auto; }
.popularList .listSet .list .textArea { padding-left: 10px; font-size: 12px; font-weight: bold; line-height: 1.3; }
.popularList .listSet .list .link:hover .textArea { color: #f90; }
.popularList .listSet .list .link:hover .photo { opacity: 0.8; }


/* support */
.rightContentUnit.support { }
.rightContentUnit.support .content { padding: 13px 9px; }
.rightContentUnit.support .content .detailCopy { font-size: 14px; line-height: 1.4; }

/* favorite */
.rightContentUnit.favorite { }
.rightContentUnit.favorite .content { padding: 13px 9px; }
.rightContentUnit.favorite .content .detailCopy { font-size: 14px; line-height: 1.4; }

/* Scout */
.rightContentUnit.scout .content { padding: 13px 9px; }
.rightContentUnit.scout .content .detailCopy { font-size: 14px; line-height: 1.4; }
.rightContentUnit.scout .content .detailCopy .catch { font-weight: bold; }

/* jobclip */
.rightContentUnit.jobclip .content { padding: 13px 9px; }
.rightContentUnit.jobclip .content .detailCopy { font-size: 14px; line-height: 1.4; }


/* ---------- Enquete Present ----------*/

#enquetePresent { margin-top: 15px; }
#enquetePresent a { color: #222; }
#enquetePresent a:hover { color: #f90; }
#enquetePresent .item { padding: 8px; background-color: #69d07f; background: -webkit-linear-gradient(left, #4bc570 0%, #85db8c 100%); background: linear-gradient(to left, #85db8c 0%, #4bc570 100%); font-size: 11px; font-weight: bold; text-align: center; color: #fff; border-radius: 6px 6px 0 0; }
#enquetePresent .content { padding: 13px; background: #fff; border: 1px solid #d6e9ea; border-top: none; border-radius: 0 0 6px 6px; }
#enquetePresent .photoArea,
#enquetePresent .textArea { display: table-cell; vertical-align: middle; }
#enquetePresent .photoArea img { width: 40px; height: auto; }
#enquetePresent .textArea { padding-left: 10px; }
#enquetePresent .content .title { font-size: 14px; font-weight: bold; color: #049; }
#enquetePresent .content .text { margin-top: 3px; font-size: 12px; color: #aaa; }


/* ---------- Other Link ----------*/

#otherLinkArea { margin-top: 15px; }
#otherLinkArea .item { padding: 3px; background: #bcd; font-size: 11px; font-weight: bold; text-align: center; }
#otherLinkArea .content { padding: 5px; background: #fff; }
#otherLinkArea .content .link + .link { margin-top: 5px; }
#otherLinkArea .content .link a:hover { opacity: .7; }


/* ---------- Concept banner ----------*/

.conceptBanner { margin: 0 0 15px; }
#indexSignup + .conceptBanner { margin-top: 5px; }
.conceptBanner .list { border: 1px solid #d6e9ea; border-radius: 6px; background: #fff; overflow: hidden; }
.conceptBanner .list + .list { margin-top: 5px; }
.conceptBanner .list .link { display: block; height: 64px; box-sizing: border-box; }
.conceptBanner .list .link:hover { opacity: .8; }
.conceptBanner .list .link.reason { position: relative; padding: 12px; text-align: center; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif; }
.conceptBanner .list .link.reason:after { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); content: "\e969"; font-family: icomoon; font-weight: bold; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; font-size: 12px; color: #6fccff; }
.conceptBanner .list .link.reason .sub { display: block; font-size: 12px; font-weight: bold; color: #6fccff; }
.conceptBanner .list .link.reason .main { display: block; margin-top: 3px; font-size: 15px; color: #222; font-weight: bold; letter-spacing: 1px; }
.conceptBanner .list .link.cm { height: auto; }


/* ---------- Other Link ----------*/
.js_loadOpenModalNotification #colorbox, #cboxContent, #cboxLoadedContent { border-radius: 6px;}
.js_loadOpenModalNotification #cboxClose { right: 12px;}
.js_loadOpenModalNotification #cboxClose:before { font-size: 20px; color: #aaa; font-weight: normal;}

.js_loadOpenModalIdConnect #colorbox, #cboxContent, #cboxLoadedContent { border-radius: 6px;}
.js_loadOpenModalIdConnect #cboxClose { top: 10px; right: 12px;}
.js_loadOpenModalIdConnect #cboxClose:before { font-size: 20px; color: #aaa; font-weight: normal;}