#main>*:last-child{
  padding-bottom: 0;
}
@media (max-width:768px) {
  section.news-contents {
    flex-wrap: wrap;
  }
}
.news-contents{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
}
.news-imgs{
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width:769px) {
  .news-imgs{
    -ms-grid-columns: 47.414% 1fr 47.414%;
    grid-template-columns: 47.414% 1fr 47.414%;
    -ms-grid-rows: 39% 1fr 15.625% 1fr 37.76%;
    grid-template-rows: 39% 1fr 15.625% 1fr 37.76%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100vh;
    order: 1;
  }
}
@media (max-width:768px) {
  .news-imgs{
    -ms-grid-columns: 31% 1fr 31% 1fr 31%;
    grid-template-columns: 31% 1fr 31% 1fr 31%;
    -ms-grid-rows: 29% 1fr 63.5%;
    grid-template-rows: 29% 1fr 63.5%;
    width: 100%;
    height: 27.2lvh;
    order:2;
  }
}
.news-img{
  background-color: #ccc;
}
.news-img img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
@media screen and (min-width:769px) {
  .news-img01 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: 1 / 1 / 2 / 4;
  }
  .news-img02 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 3 / 1 / 6 / 2;
  }
  .news-img03 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 3 / 3 / 4 / 4;
  }
  .news-img04 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 5 / 3 / 6 / 4;
  }
}

@media (max-width:768px) {
  .news-img01{
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 4 / 2;
  }
  .news-img02 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 1 / 3 / 4 / 4;
  }
  .news-img03 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-area: 1 / 5 / 2 / 6;
  }
  .news-img04 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-area: 3 / 5 / 4 / 6;
  }
}

.news-info{
  display: flex;
  flex-direction: column;
  box-sizing:border-box;
  position: relative;
}
@media screen and (min-width:769px) {
  .news-info{
    width: 820px;
    height: 100vh;
    padding: 40px 100px 40px;
    order: 2;
  }
}
@media (max-width:768px) {
  .news-info {
    width: 100%;
    height: 72.8lvh;
    padding: 42px 4vw 42px;
    order: 1;
  }
}
.news-title{
  margin-bottom: 4rem;
  font-size: 4.2rem;
  color: #9d9d9d;
  font-family: var(--font-mix);
  font-weight: var(--font-weight-bold);
}
@media screen and (min-width:769px) {
  .news-title{
    margin-bottom: 4rem;
  }
}
@media (max-width:768px) {
  .news-title{
    margin-bottom: .5rem;
    font-size: 3.2rem;
  }
}
.news-category{
  margin-bottom: 2rem;
}
.news-posts {
  flex: 1;
  overflow-x: hidden;
  position: relative;
}
.news-posts:before {
  content: '';
  display: block;
  width: 1px;
  height: 180px;
  background: #9d9d9d;
  position: absolute;
  right: 6px;
  bottom: 0;
}
@media screen and (min-width:769px) {
  .news-posts:before {
    height: 180px;
  }
}
@media (max-width:768px) {
  .news-posts:before {
    height: 72px;
  }
}
.news-posts:after {
  content: 'SCROLL';
  display: block;
  letter-spacing: 0.04em;
  font-family: var(--font-mix);
  font-weight: var(--font-weight-bold);
  line-height: 1;
  color: #9d9d9d;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  position: absolute;
  right: 0;
}
@media screen and (min-width:769px) {
  .news-posts:after {
    font-size: 1.8rem;
    -webkit-transform: rotate(90deg) translate(0, 100%);
    transform: rotate(90deg) translate(0, 100%);
    bottom: 190px;
  }
}
@media (max-width:768px) {
  .news-posts:after  {
    bottom: 90px;
    -webkit-transform: rotate(90deg) translate(0%, 100%);
    transform: rotate(90deg) translate(0, 100%);
  }
}
.news-posts-scroll{
  height: 100%; 
  padding: 0 65px 0 0;
  overflow-y: auto; /* スクロールを確認 */
  /*スクロールバー非表示（IE・Edge）*/
  -ms-overflow-style: none;
  /*スクロールバー非表示（Firefox）*/
  scrollbar-width: none;
}
@media (max-width:768px) {
  .news-posts-scroll{
    padding: 0 50px 0 0;
  }
}
.news-posts-scroll:-webkit-scrollbar{
  display:none;
}
.news-posts-title {
  font-family: var(--font-mix);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.04em;
  color: #9d9d9d;
  margin: 0 0 11px;
}
@media screen and (min-width:769px) {
  .news-posts-title {
    font-size: 2rem;
  }
}
@media (max-width:768px) {
  .news-posts-title {
    margin-bottom: .2rem;
    font-size: 1.5rem;
  }
}
.news-posts-group {
  margin-bottom: 4rem;
}
.news-posts-item + .news-posts-item{
  margin-top: 3.2rem;
}
.news-posts-date {
  display: block;
  font-family: var(--font-mix);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.2;
}
@media screen and (min-width:769px) {
  .news-posts-date {
    font-size: 1.6rem;
  }
}
@media (max-width:768px) {
  .news-posts-date {
    font-size: 1.4rem;
  }
}
.news-posts-subtitle {
  display: inline-block;
  background: #010101;
  color: #fff;
  letter-spacing: .05em;
  font-weight: 400;
  margin: 4px 0 0;
  margin-bottom: .5rem;
  line-height: 1.25;
}
@media screen and (min-width:769px) {
  .news-posts-subtitle {
   padding: 0em .3em .05em;
   font-size: 1.6rem;
  }
}
@media (max-width:768px) {
  .news-posts-subtitle {
    padding: .25rem .5rem;
    font-size: 1.4rem;
  }
}
.news-posts-txts p{
  line-height: 1.5;
  font-size: 1.4rem;
}
@media (max-width:768px) {
  .news-posts-txts p{
    font-size: 1.3rem;
  }
}
.news-posts  a {
  display: inline-block;
  border-bottom: 1px solid #010101;
  padding: 0 0 .2em;
  -webkit-transition: border-bottom-color .25s ease 0s, color .25s ease 0s;
  transition: border-bottom-color .25s ease 0s, color .25s ease 0s;
}
.news-posts  a[target="_blank"] {
  position: relative;
  margin-right: 16px;
}
.news-posts a[target="_blank"]:after {
  content: '';
  display: inline-block;
  width: .875em;
  height: .875em;
  background: url(../img/common/icon_blank.svg) no-repeat;
  background-size: 100%;
  position: absolute;
  right: -1.5em;
  top: 50%;
  margin-top: -.5em;
}

/* ボタンによる切り替え ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* 最初は全部表示 */
.news-posts-group {
  display: block;
}