@charset "utf-8";
/**********************************************
 *
 * news（お知らせ：トップ／一覧／詳細）
 *
***********************************************/

/* トップのお知らせセクション
*******************************************/
.top-NewsSec {
  padding: 100px 0;
  background: #f4f6fb;
}
.top-NewsBtn {
  margin-top: 50px;
  text-align: center;
}
@media (max-width: 767px) {
  .top-NewsSec {
    padding: 60px 0;
  }
  .top-NewsBtn {
    margin-top: 35px;
  }
  .top-NewsBtn .Btn {
    width: 325px;
    max-width: 100%;
  }
}

/* お知らせリスト（トップ・一覧共通）
*******************************************/
.NewsList {
  border-top: 1px solid #ccd3e6;
}
.NewsList_item {
  border-bottom: 1px solid #ccd3e6;
}
.NewsList_link {
  display: flex;
  align-items: baseline;
  padding: 24px 15px;
  color: #333;
  text-decoration: none;
  transition: background-color .3s, color .3s;
}
.NewsList_link:hover {
  background: rgba(0, 51, 254, .05);
  color: #001a84;
}
.NewsList_date {
  flex: 0 0 120px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  color: #001a84;
}
.NewsList_title {
  flex: 1;
  line-height: 1.7;
}
.NewsList_empty {
  padding: 40px 0;
  text-align: center;
}
@media (max-width: 767px) {
  .NewsList_link {
    display: block;
    padding: 18px 5px;
  }
  .NewsList_date {
    display: block;
    margin-bottom: 4px;
    font-size: 1.4rem;
  }
}

/* ページ送り
*******************************************/
.Pager {
  margin-top: 50px;
}
.Pager .page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.Pager .page-numbers li a,
.Pager .page-numbers li span {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 44px;
  height: 44px;
  padding: 0 10px;
  border: 1px solid #ccd3e6;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  color: #001a84;
  text-decoration: none;
  transition: .3s;
}
.Pager .page-numbers li a:hover {
  background: #001a84;
  border-color: #001a84;
  color: #fff;
}
.Pager .page-numbers li span.current {
  background: linear-gradient(125deg, #0033fe 35%, #001a83);
  border-color: #001a84;
  color: #fff;
}
.Pager .page-numbers li span.dots {
  border-color: transparent;
}
.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

/* 詳細ページ
*******************************************/
.NewsDetail_head {
  padding-bottom: 25px;
  margin-bottom: 40px;
  border-bottom: 3px solid #001a84;
}
.NewsDetail_date {
  display: block;
  margin-bottom: 10px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  color: #001a84;
}
.NewsDetail_title {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.5;
  color: #001a84;
}
.NewsDetail_body {
  line-height: 2;
  word-break: break-word;
}
.NewsDetail_body p {
  margin-bottom: 1.5em;
}
.NewsDetail_body h2,
.NewsDetail_body h3,
.NewsDetail_body h4 {
  margin: 2em 0 .8em;
  font-weight: 700;
  line-height: 1.5;
  color: #001a84;
}
.NewsDetail_body h2 { font-size: 2.4rem; }
.NewsDetail_body h3 { font-size: 2rem; }
.NewsDetail_body h4 { font-size: 1.8rem; }
.NewsDetail_body ul,
.NewsDetail_body ol {
  margin: 0 0 1.5em 1.5em;
}
.NewsDetail_body ul { list-style: disc; }
.NewsDetail_body ol { list-style: decimal; }
.NewsDetail_body a {
  color: #0033fe;
  text-decoration: underline;
}
.NewsDetail_body img {
  max-width: 100%;
  height: auto;
}
.NewsDetail_back {
  margin-top: 60px;
  text-align: center;
}
@media (max-width: 767px) {
  .NewsDetail_title {
    font-size: 2.2rem;
  }
  .NewsDetail_back .Btn {
    width: 325px;
    max-width: 100%;
  }
}