@charset "UTF-8";
/* 
//////////////////////////////////////////////////////////////////////////////

mynews.css
- あなたにぴったりな情報と気になる求人

//////////////////////////////////////////////////////////////////////////////
*/
/* ぴったりの情報トップ
===============================================
=============================================== */
/* ページタイトル
============================== */
.page_title.page_title_catetop {
  background: url("../img/img_catetop-mynews2025.jpg") no-repeat top center #f9f9f9;
}

/* 各項目の間
============================== */
.sec {
  max-width: 1000px;
  margin: 0 10px;
}

@media screen and (min-width: 960px) {
  .sec { margin: auto; }
}

.sec + .sec {
  border-top: 1px solid #307036;
}

/* ぴったりの情報
============================== */
.box_wrap {
  margin-top: 20px;
}

@media screen and (min-width: 600px) {
  .box_wrap {
    margin-top: 30px;
  }
}
@media screen and (min-width: 960px) {
  .box_wrap {
    margin-top: 40px;
  }
}
.recommend_joboffer,
.recommend_company,
.recommend_event,
.recommend_news {
  position: relative;
  margin-top: 30px;
}
.recommend_joboffer::before,
.recommend_company::before,
.recommend_event::before,
.recommend_news::before {
  position: absolute;
  top: -20px;
  left: 0;
  display: block;
  font-size: 1.1rem;
  width: 74px;
  height: 19px;
  border-radius: 4px 0 0 0;
  text-align: center;
}
.recommend_joboffer::after,
.recommend_company::after,
.recommend_event::after,
.recommend_news::after {
  position: absolute;
  display: block;
  content: "";
  top: -20px;
  left: 73.5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 19px 0 0 10px;
}

.recommend_joboffer::before {
  content: "求人情報";
  color: #fff;
  background: #307036;
}
.recommend_joboffer::after {
  border-color: transparent transparent transparent #307036;
}

.recommend_company::before {
  content: "企業情報";
  color: #fff;
  background: #2da638;
}
.recommend_company::after {
  border-color: transparent transparent transparent #2da638;
}

.recommend_event::before {
  content: "イベント";
  color: #307036;
  background: #e8f3e4;
}
.recommend_event::after {
  border-color: transparent transparent transparent #e8f3e4;
}

.recommend_news::before {
  content: "お知らせ";
  color: #fff;
  background: #a25768;
}
.recommend_news::after {
  border-color: transparent transparent transparent #a25768;
}

.recommend_nodata_bnr {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.recommend_nodata_bnr li + li {
  margin-left: 10px;
}
.recommend_nodata_bnr li img {
  width: auto;
  height: 40px;
}

.recommend_no_data_txt {
  max-width: 600px;
  margin: auto auto 20px;
  text-align: center;
}