/*----------------------------------------

	NEWS CSS

-----------------------------------------*/
/*----------------------------------------
	- NEWS
-----------------------------------------*/
@media screen and (min-width: 769px) {
  .news {
    margin-block-start: 150px;
  }
}
@media screen and (max-width: 768px) {
  .news {
    margin-block-start: 20.75vw;
  }
}
@media screen and (min-width: 769px) {
  .news .c-box {
    width: min(1100px, 90%);
    display: grid;
    grid-template-columns: 24.545% 1fr;
    grid-template-rows: auto 1fr;
    gap: 0 5.455%;
  }
}
@media screen and (max-width: 768px) {
  .news .c-box {
    overflow: hidden;
  }
}
.news form {
  position: relative;
  display: block;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .news form {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
@media screen and (min-width: 769px) {
  .news .sticky-box {
    position: sticky;
    top: 150px;
    left: 0;
    display: grid;
    grid-template-rows: auto 1fr;
  }
}
.news .font16_12 {
  font-weight: var(--font-medium);
  letter-spacing: 0.01em;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .news .archive .selectbox {
    margin-block-start: 32px;
  }
}
@media screen and (max-width: 768px) {
  .news .archive .selectbox {
    margin-block-start: 5vw;
  }
}
.news .archive select {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--color-americansilver);
  padding: 13px 0;
  outline: none;
}
.news .archive .selectbox::after {
  right: 0;
}
@media screen and (min-width: 769px) {
  .news .category {
    margin-block-start: 60px;
  }
}
@media screen and (max-width: 768px) {
  .news .category {
    margin-block-start: 10.5vw;
  }
}
@media screen and (min-width: 769px) {
  .news .category .tag-chips02 {
    margin-block-start: 32px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
  }
}
@media screen and (max-width: 768px) {
  .news .category .tag-chips02 {
    margin-inline: calc(50% - 50vw);
    width: 100vw;
    margin-block-start: 4.75vw;
    padding-block-end: 6.5vw;
    padding-inline: 6vw;
    display: flex;
    align-items: center;
    gap: 1.5vw;
    overflow-x: scroll;
  }
}
.news .category .tag-chips02 li {
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .news .news-list {
    margin-block-start: 23px;
    grid-column: 2/3;
  }
}
@media screen and (max-width: 768px) {
  .news .news-list {
    margin-block-start: 11vw;
  }
}
.news .pagination {
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .news .pagination {
    grid-column: 2/3;
    margin-block-start: 80px;
  }
}
@media screen and (max-width: 768px) {
  .news .pagination {
    margin-block-start: 16vw;
  }
}
.news .pagination:empty {
  display: none;
}