/* *****************************
 * Import file to Scss or Sass.
 **************************** */
/* ------------ Color Code Import ------------ */
/* $darkBlue: #3498db; */
#recommendTop {
  margin-top: 15px;
  /*  border-radius: 3px; border: 1px solid #5da8e0;  */ }
  #recommendTop .lead {
    padding: 10px 40px;
    line-height: 1.4;
    text-align: center;
    font-size: 16px; }
    #recommendTop .lead em {
      margin-right: 3px; }
  #recommendTop .sub {
    margin: 10px auto 0;
    width: 700px;
    position: relative;
    padding: 15px;
    font-size: 12px;
    text-align: center;
    line-height: 1.4;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.5); }
    #recommendTop .sub:before {
      top: -55px;
      left: 40px;
      position: absolute;
      content: "";
      display: inline-block;
      height: 61px;
      width: 75px;
      background: url(../../imageFile/hataraku/recommend/reco_top_smart.svg) no-repeat bottom;
      background-size: 75px auto; }
    #recommendTop .sub:after {
      top: -50px;
      right: 40px;
      position: absolute;
      content: "";
      display: inline-block;
      height: 66px;
      width: 70px;
      background: url(../../imageFile/hataraku/recommend/reco_top_black.svg) no-repeat bottom;
      background-size: 70px auto; }

#rekoArea {
  margin: -10px -5px -5px;
  /* background-color: #E9F9B0; background-image: radial-gradient(#d3f7bc 18%, transparent 18%), radial-gradient(#d3f7bc 18%, transparent 18%); background-size: 6px 6px; background-position: 0 0, 3px 3px; */ }
  #rekoArea .koma .komaContent .title a {
    padding-right: 10px; }
  #rekoArea .favoAppealArea {
    margin-right: 265px;
    margin-left: 265px; }