@charset "UTF-8";
/* -------------------------------------
	archive_news
	------------------------------------- */
.archive_news {
  padding: 105px 0 162px;
}
.archive_news .page_ttl {
  margin-bottom: 114px;
}

.archive_news .news__list {
  font-size: clamp(17px, 2.21vw, 20px);
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin: 0 auto clamp(50px, 10.42vw, 80px);
}
.archive_news .news__item {
  border-bottom: 1px solid #43342c;
}
.archive_news .news__item a {
  display: flex;
  align-items: center;
  gap: 1.4em;
  min-height: 5.4em;
  padding: 0.5em 0;
}
.archive_news .news__item .news__item-date {
  width: 7em;
  flex-shrink: 0;
}
.archive_news .no_news {
  font-size: clamp(17px, 2.21vw, 20px);
  line-height: 1.2;
  letter-spacing: 0.05em;
  padding-top: 50px;
}
/* -------------------------------------
	single_news
	------------------------------------- */
.single_news {
  padding: 200px 0 200px;
}
.single_news .news__ttlblk {
  margin-bottom: 2.6em;
}
.single_news .news__ttl {
  font-size: clamp(23px, 2.99vw, 27px);
  line-height: 1.18;
  letter-spacing: 0.1em;
  margin-bottom: 0.3em;
}
.single_news .news__date {
  line-height: 1.22;
  letter-spacing: 0.05em;
}
.single_news .news__cont {
  line-height: 2.22;
  letter-spacing: 0.05em;
  padding-bottom: 54px;
  border-bottom: 1px solid #43342c;
  margin-bottom: 50px;
}
.single_news .news__cont p {
  margin-bottom: 2.22em;
}
.single_news .news__cont p strong {
  font-weight: 700;
}
.single_news .news__file {
  display: flex;

  flex-wrap: wrap;
  gap: 32px 2%;
}
.single_news .news__file li {
  width: 23.5%;
  max-width: 328px;
}
.single_news .news__file li a {
  max-height: 325px;
  /* aspect-ratio: 575/ 806; */
  aspect-ratio: 1/ 1;
  border: 1px solid #ccc;
  overflow: hidden;
}
.single_news .news__file li a img {
  object-position: top;
  -o-object-position: top;
  transition: 0.2s;
}
.single_news .news__file li a:hover img {
  scale: 1.1;
}
.single_news .note {
  font-size: 14px;
  padding-top: 7px;
}

@media screen and (max-width: 640px) {
  .single_news .news__file {
    gap: 3.06vw 2%;
  }
  .single_news .news__file li {
    width: 32%;
    max-width: initial;
  }
}

@media screen and (max-width: 480px) {
  .archive_news .news__list,
  .archive_news .no_news {
    font-size: clamp(14px, 3.54vw, 17px);
  }
  .single_news .newsttl {
    font-size: clamp(22px, 4.79vw, 23px);
  }
}
@media screen and (max-width: 400px) {
  .single_news .news__file {
    gap: 15px 2%;
  }
  .single_news .news__file li {
    width: 49%;
  }
}