@charset "UTF-8";


/* ---------------------------------------------------------------------------
//  component
--------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
//  news
--------------------------------------------------------------------------- */
.news-mv {
  height: 44rem;
  overflow: hidden;
  background: linear-gradient(to bottom, #EBF0F0 0%, #F7F7F7 100%);
  position: relative;
}
.news-mv .ani-lines {
  position: absolute;
  top: 0;
  right: 6rem;
  width: 27rem;
  height: 100%;
}

.main-container {
  width: 79rem;
}
.side-container {
  width: 31rem;
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .news-page  {
    gap: 4rem;
  }
  .main-container {
    width: 68rem;
  }
  .side-container {
    width: auto;
    flex: 1;
  }
} /* @min751-max1024 */


.news-side-nav h2 {
  padding-bottom: .5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--bg4);
}
.side-cat-list li {
  margin-bottom: 1rem;
}

.side-tag-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}
.side-tag-list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg1);
  border: 1px solid var(--bg3);
  border-radius: 10rem;
  font-size: 1.3rem;
  padding: .1rem 1rem;
}

@media screen and (max-width: 750px) {
  .news-mv {
    min-height: 32rem;
    height: auto;
  }
  .news-mv .ani-lines {
    width: 100%;
    height: 100%;
    right: auto;
  }
  .main-container {
    width: 100%;
  }
  .side-container {
    width: 100%;
    margin-top: 6rem;
  }
} /* @max750 */


/* ---------------------------------------------------------------------------
//  news single
--------------------------------------------------------------------------- */
.news-single-head {
  max-width: 74%;
}
.news-single-area .news-single-index {
  padding: 4rem;
}
.news-single-area .news-dl {
  border-top: 1px solid var(--gray-line);
  margin: 4rem 0;
}
.news-single-area .news-dl dt {
  width: 16rem;
  padding: 2rem 0;
  font-weight: 500;
  float: left;
  clear: left;
}
.news-single-area .news-dl dd {
  padding: 2rem 2rem 2rem 16rem;
  border-bottom: 1px solid var(--gray-line);
}

.news-single-area .news-single-border {
  border-top: 1px solid var(--bg4);
  border-bottom: 1px solid var(--bg4);
  padding: 4rem 0;
  margin: 4rem 0;
}

.column-single-image {
  margin-bottom: 4rem;
}


@media screen and (max-width: 750px) {
  .news-single-head {
    max-width: initial;
  }
  .news-single-area .news-single-index {
    padding: 2rem;
  }
  .news-single-area .news-dl dt {
    width: 100%;
    padding: 2rem 0 1rem;
    float: none;
    clear: none;
  }
  .news-single-area .news-dl dd {
    padding: 0 0 2rem;
  }

} /* @max750 */