@charset "UTF-8";
body {
  background: white url("../images/bg_600.gif") no-repeat center/cover fixed; }

.top_board {
  padding-top: 0;
  background: #19377d;
  position: relative;
  height: 30vh;
  overflow: hidden;
  border-top: 8px solid #F9DF4D;
  outline: 8px solid #112857;
  top: 8px; }
  @media screen and (min-width: 768px) {
    .top_board {
      min-height: 30rem; } }
  .top_board #video-area {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    margin: 0 auto; }
    .top_board #video-area .top-video-area-overlay {
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      position: absolute;
      z-index: 1;
      background: rgba(25, 55, 125, 0.5);
      background-image: url("../images/top_board_dot.png");
      opacity: 0.5;
      transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
  @media screen and (min-width: 576px) {
    .top_board #video-area::before {
      /* オーバーレイ */
      z-index: 1;
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #19377d;
      background: -webkit-linear-gradient(left, #19377d 0%, rgba(25, 55, 125, 0) 10%, rgba(25, 55, 125, 0) 90%, #19377d 100%);
      background: -o-linear-gradient(left, #19377d 0%, rgba(25, 55, 125, 0) 10%, rgba(25, 55, 125, 0) 90%, #19377d 100%);
      background: linear-gradient(to right, #19377d 0%, rgba(25, 55, 125, 0) 10%, rgba(25, 55, 125, 0) 90%, #19377d 100%); } }
  .top_board #video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 177.77777778vh;
    /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw;
    /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%; }
  .top_board .pagettl {
    position: absolute;
    z-index: 3;
    top: calc(50%);
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 0.5rem;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .top_board .pagettl {
        width: 75%;
        max-width: 1200px;
        padding: 1rem; } }
    .top_board .pagettl img {
      width: 100%; }

.section .toppage-section-title {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  color: #747577;
  color: #707F89;
  font-size: 1.875rem;
  margin-bottom: 1.3125rem;
  letter-spacing: .125rem; }

.section .toppage-section-title i {
  font-size: 1.25rem;
  font-style: normal; }

.section .toppage-section-title i.ml {
  margin-left: 2rem; }

/* latestnews
------------------------------------------------------ */
.toppage-latestnews {
  font-size: 0.9375rem;
  width: 100%; }
  .toppage-latestnews .media .media-body {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .toppage-latestnews .media .media-body p {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .toppage-latestnews ul {
    background: white; }
  .toppage-latestnews .badge.category-cap {
    color: white;
    background: #21538E;
    color: #009c96FFF;
    float: inline-end; }
  .toppage-latestnews .form.badge.category-cap {
    background: #8cc33c; }
  .toppage-latestnews .list-unstyled {
    border-top: 1px solid #707070;
    margin: 0 0 1.6875rem; }
  .toppage-latestnews .list-unstyled li {
    border-bottom: 1px solid #707070;
    line-height: 1.5;
    padding: 1.3125rem;
    overflow: hidden; }
  .toppage-latestnews .list-unstyled li {
    height: 5.55rem;
    align-items: center; }
  @media (max-width: 991.98px) {
    .toppage-latestnews .list-unstyled li {
      height: auto; } }
  .toppage-latestnews .badge {
    margin-right: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 4.375rem;
    float: inline-end; }
  .toppage-latestnews .badge {
    vertical-align: sub; }
  .toppage-latestnews time {
    color: #747577;
    font-weight: bold;
    margin-right: 1.3125rem; }
  @media (min-width: 992px) {
    .toppage-latestnews time {
      font-size: 0.8125rem;
      width: auto;
      min-width: 6.5rem; } }
  .toppage-latestnews p {
    margin: 0;
    line-height: 1.55; }
  .toppage-latestnews .media {
    display: block; }
  .toppage-latestnews a.btn.btn-outline-primary {
    border-radius: 0.5rem;
    border: 2px solid;
    padding: 0.15rem 3rem; }