/* ---- トップページ「お知らせ」欄（Special Contents の前） ---- */
/* 動画（ファーストビュー）の下から始まるよう、Special Contents にあった 100vh の余白をこの欄に移す */
div#homeWrap #oshirase {
  background: #FFF;
  margin: 100vh 0 0;
  padding: 60px 4% 40px 360px;
  position: relative;
}
div#homeWrap #oshirase[hidden] {
  display: none;
}
div#homeWrap #oshirase:not([hidden]) + #special {
  margin-top: 0;
}
div#homeWrap #oshirase h2 {
  font-family: inherit;
  font-size: 200%;
}
div#homeWrap #oshirase #oshiraseList {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #dde3ea;
}
div#homeWrap #oshirase #oshiraseList li {
  margin: 0;
  border-bottom: 1px solid #dde3ea;
}
div#homeWrap #oshirase #oshiraseList a {
  display: block;
  padding: 16px 3em 16px 0.5em;
  position: relative;
  color: #466c90;
  line-height: 1.6;
  transition: background 0.2s ease-in-out;
}
div#homeWrap #oshirase #oshiraseList a::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 70%;
  position: absolute;
  top: 50%;
  right: 1.5em;
  transform: translateY(-50%);
}
div#homeWrap #oshirase #oshiraseList a:hover {
  background: #f0f3f6;
}
div#homeWrap #oshirase p.txtLink {
  position: absolute;
  top: 80px;
  right: 4%;
  z-index: 1;
}
@media screen and (max-width: 896px) {
  /* スマホでは home.min.js が Special Contents に「動画の高さ(100vh)＋70px」の余白を付けるため、それをこの欄に移す */
  div#homeWrap #oshirase {
    margin: calc(100vh + 70px) 0 0;
    padding: 30px 4% 20px;
  }
  div#homeWrap #oshirase:not([hidden]) + #special {
    margin-top: 0 !important;
  }
  div#homeWrap #oshirase h2 {
    font-size: 150%;
  }
  div#homeWrap #oshirase #oshiraseList a {
    padding: 14px 2.5em 14px 0.2em;
  }
  div#homeWrap #oshirase p.txtLink {
    position: static;
    margin: 16px 0 0;
    text-align: right;
  }
}

/* ---- お知らせページ（/oshirase/）の一覧表示。詳細表示は NEWS 記事ページのデザインをそのまま使う ---- */
#oshiraseDetail ul.oshiraseIndex {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #dde3ea;
}
#oshiraseDetail ul.oshiraseIndex li {
  list-style: none;
  font-size: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #dde3ea;
}
#oshiraseDetail ul.oshiraseIndex li::before {
  display: none;
}
#oshiraseDetail ul.oshiraseIndex a {
  display: flex;
  align-items: baseline;
  gap: 0 1.5em;
  padding: 16px 0.5em;
  color: #466c90;
  text-decoration: none;
}
#oshiraseDetail ul.oshiraseIndex a:hover {
  background: #f0f3f6;
}
#oshiraseDetail ul.oshiraseIndex .oshiraseDate {
  flex: 0 0 6.5em;
  font-family: "Roboto Condensed", Arial, Sans-Serif;
  letter-spacing: 0.04em;
  font-size: 85%;
  color: #868686;
}
@media screen and (max-width: 896px) {
  #oshiraseDetail ul.oshiraseIndex a {
    display: block;
  }
  #oshiraseDetail ul.oshiraseIndex .oshiraseDate {
    display: block;
    margin: 0 0 4px;
  }
}