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

  NEWS PAGE CONTENTS

----------------------------------------------*/
.newsPage-contents {
  display: grid;
  gap: min( calc( 30 / var(--screen-width) * 100vw ), 55px );
  /*---------------------------------------
   heading
  ---------------------------------------*/
  /*---------------------------------------
   articles
  ---------------------------------------*/
}
.newsPage-contents__heading {
  display: grid;
  gap: min( calc( 15 / var(--screen-width) * 100vw ), 15px );
  /* heading
  ----------------------------------*/
  /* terms
  ----------------------------------*/
}
@media (min-width: 960px) {
  .newsPage-contents__heading {
    display: flex;
    justify-content: center;
    gap: min( calc( 90 / var(--screen-width) * 100vw ), 90px );
  }
}
.newsPage-contents__heading .heading {
  display: grid;
  gap: min( calc( 5 / var(--screen-width) * 100vw ), 5px );
}
.newsPage-contents__heading .heading h1 {
  font-size: min( calc( 24 / var(--screen-width) * 100vw ), 24px );
  font-weight: bold;
  line-height: 1.5;
}
.newsPage-contents__heading .heading small {
  display: block;
  font-size: min( calc( 10 / var(--screen-width) * 100vw ), 10px );
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media (min-width: 960px) {
  .newsPage-contents__heading .heading {
    flex-shrink: 0;
  }
  .newsPage-contents__heading .heading h1 {
    font-size: min( calc( 35 / var(--screen-width) * 100vw ), 35px );
  }
  .newsPage-contents__heading .heading small {
    -moz-text-align-last: left;
         text-align-last: left;
  }
}
.newsPage-contents__heading .terms {
  padding-top: min( calc( 15 / var(--screen-width) * 100vw ), 15px );
  border-top: 1px solid var(--color__text);
  width: 100%;
  font-size: min( calc( 13 / var(--screen-width) * 100vw ), 13px );
  font-weight: bold;
  line-height: 1.2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: min( calc( 10 / var(--screen-width) * 100vw ), 10px ) min( calc( 10 / var(--screen-width) * 100vw ), 25px );
}
.newsPage-contents__heading .terms a {
  display: block;
  min-width: min( calc( 65 / var(--screen-width) * 100vw ), 65px );
  padding: min( calc( 2 / var(--screen-width) * 100vw ), 2px ) min( calc( 10 / var(--screen-width) * 100vw ), 10px );
  background-color: #fff;
  text-align: center;
  transition: opacity 0.3s;
}
.newsPage-contents__heading .terms a.--active {
  background-color: var(--color__text);
  color: #fff;
  pointer-events: none;
}
.newsPage-contents__heading .terms a:hover {
  opacity: 0.7;
}
@media (min-width: 960px) {
  .newsPage-contents__heading .terms {
    padding-top: 0;
    border-top: 0;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .newsPage-contents__heading .terms:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--color__text);
    position: absolute;
    left: max( calc( -45 / var(--screen-width) * 100vw ), -45px );
    top: 0;
  }
}
.newsPage-contents__articles {
  display: grid;
  gap: min( calc( 25 / var(--screen-width) * 100vw ), 50px );
  /* articles
  ----------------------------------*/
  /* article
  ----------------------------------*/
}
.newsPage-contents__articles .articles {
  display: grid;
  gap: min( calc( 30 / var(--screen-width) * 100vw ), 30px );
  font-size: min( calc( 14 / var(--screen-width) * 100vw ), 14px );
  line-height: 1.5;
}
.newsPage-contents__articles article {
  --color: rgb( from var(--color__text) r g b / 0.1 );
  box-shadow: 0 0 10px var(--color);
  background-color: #fff;
}
.newsPage-contents__articles article a {
  display: block;
  padding: min( calc( 15 / var(--screen-width) * 100vw ), 15px );
}
@media (min-width: 960px) {
  .newsPage-contents__articles article a {
    display: flex;
    padding: min( calc( 20 / var(--screen-width) * 100vw ), 20px ) min( calc( 40 / var(--screen-width) * 100vw ), 40px );
    gap: min( calc( 40 / var(--screen-width) * 100vw ), 40px );
  }
}
.newsPage-contents__articles article a .info {
  display: flex;
  gap: min( calc( 5 / var(--screen-width) * 100vw ), 5px ) min( calc( 25 / var(--screen-width) * 100vw ), 25px );
  padding-bottom: min( calc( 10 / var(--screen-width) * 100vw ), 10px );
  margin-bottom: min( calc( 15 / var(--screen-width) * 100vw ), 15px );
  border-bottom: 1px solid #B5B5B5;
}
.newsPage-contents__articles article a .info .date {
  font-family: "Roboto", sans-serif;
  font-size: min( calc( 14 / var(--screen-width) * 100vw ), 14px );
  flex-shrink: 0;
}
.newsPage-contents__articles article a .info .category {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  background-color: var(--color__text);
  color: #fff;
  padding: min( calc( 3 / var(--screen-width) * 100vw ), 3px );
  line-height: 1;
  flex-shrink: 0;
  width: min( calc( 80 / var(--screen-width) * 100vw ), 80px );
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 960px) {
  .newsPage-contents__articles article a .info {
    display: grid;
    align-content: center;
    width: min( calc( 105 / var(--screen-width) * 100vw ), 105px );
    flex-shrink: 0;
    padding: 0;
    margin: 0;
    border-bottom: 0;
    border-right: 1px solid #B5B5B5;
  }
}
.newsPage-contents__articles article a .txt {
  display: grid;
  gap: min( calc( 10 / var(--screen-width) * 100vw ), 10px );
}
@media (min-width: 960px) {
  .newsPage-contents__articles article a .txt {
    flex: 1;
    align-items: center;
  }
}
.newsPage-contents__articles article a .txt .title {
  width: 100%;
  font-size: inherit;
  width: 100%;
  font-size: min( calc( 16 / var(--screen-width) * 100vw ), 16px );
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  font-weight: bold;
}
.newsPage-contents__articles article a .txt .description {
  width: 100%;
  font-size: inherit;
  width: 100%;
  font-size: min( calc( 14 / var(--screen-width) * 100vw ), 14px );
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
/*# sourceMappingURL=news.css.map */