@charset "UTF-8";
#cntsSct {
  padding-top: min(29vw, 202.8px);
}
@media screen and (min-width: 769px) {
  #cntsSct {
    padding-top: min(7.5vw, 96px);
  }
}

/* ==================================================
bgObj (固定背景)
================================================== */
.bgObj {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100dvh;
  z-index: -1;
  overflow: hidden;
}
.bgObj::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(217, 217, 217, 0.55);
  z-index: 1;
}
.bgObj picture,
.bgObj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(10px);
}

/* ==================================================
NewsAllArea
================================================== */
.NewsAllArea {
  position: relative;
  z-index: 10;
}
.NewsAllArea .cntsWrapper {
  width: 100%;
  margin: 0 auto;
}
.NewsAllArea .cntsWrapper > .ttlObj {
  text-align: left;
}

/* newsLists（記事一覧） */
.newsLists {
  display: flex;
  flex-flow: column;
  gap: 12%;
  margin: 15% auto 0;
  padding: 0 0 15%;
  justify-content: flex-end;
}
.newsList a {
  display: block;
  text-decoration: none;
  color: inherit;
  opacity: 1;
  position: relative;
  z-index: 10;
}
.newsList .imgObj {
  overflow: hidden;
  border-radius: 40px;
}
.newsList .imgObj img {
  width: 100%;
  aspect-ratio: 8 / 5;
  object-fit: cover;
  filter: blur(5px);
  transition: 0.5s ease;
}
.newsList a:hover .imgObj img {
  filter: blur(0);
  transition: 0.5s ease;
}
.newsList .txtGlp {
  text-align: left;
  margin: 6% 0 0;
}
.newsList .ttl {
  text-align: left;
}
.newsList .date {
  margin: 1em 0 0;
}

@media screen and (min-width: 769px) {
  .NewsAllArea .cntsWrapper {
  }

  .pickupLists {
    flex-flow: row wrap;
    gap: 5%;
  }
  .pickupSet {
    width: 30%;
  }

  .newsLists {
    flex-flow: wrap;
    gap: 5% 4%;
  }
  .newsList {
    width: 48%;
  }
}
@media screen and (min-width: 961px) {
  .NewsAllArea .cntsWrapper {
  }

  .pickupLists {
    margin: 8% auto 0;
    gap: 3.5%;
  }
  .pickupSet {
    width: 30%;
    transition: 0.2s ease;
  }
  .pickupSet:hover {
    opacity: 0.7;
  }

  .newsLists {
    margin: 6% 5% 0 auto;
    gap: 50px 10%;
    width: min(50vw, 600px);
  }
  .newsList {
    width: 45%;
    transition: 0.2s ease;
  }
  .newsList:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 1281px) {
}