.news-items {
  display: flex;
  gap: 5rem;
}

.news-items > .swiper-container {
  overflow: hidden;
  max-width: 1470px;
  margin-left: auto;
}

.news-item {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 12fr 22fr;
  align-items: stretch;
}

@media only screen and (max-width: 899px) {
  .news-item {
    display: flex;
    flex-direction: column-reverse;
  }
}

.news-item::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: '';
  width: calc(100% - 145px);
  height: 2px;
  background-color: var(--bgNavi);
  transform: translateY(-6px);
}

@media only screen and (max-width: 899px) {
  .news-item::after {
    top: 27%;
    bottom: auto;
    left: -30px;
    width: calc(100% - 45px);
    height: 1px;
    transform: none;
  }
}

.news-item::before {
  position: absolute;
  content: '';
  right: 70px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  transform: rotate(270deg) translateX(3px);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 33.78 33.75' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m885.37 298.53v3.8s-8.79 8.77-8.93 8.92h10l3.67-3.78v-12.86h-17.4l7.25 2.92zm10.49 3.91v-3.9h2.81l2.53-2.41 5.33-1.52h-15.95v12.39zm-5.72-21.16-3.67-3.78h-10c.14.15 8.94 8.92 8.94 8.92v3.81l-5.37 1-7.25 2.92h17.39zm16.39 12.86-5.33-1.51-2.53-2.41h-2.81v-3.89l-5.28-4.6v12.4z' fill='%23fff' transform='translate(-872.75 -277.5)' /%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 899px) {
  .news-item::before {
    top: 25.5%;
    right: 37px;
    bottom: auto;
    width: 25px;
    height: 25px;
  }
}

.news-item-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  background-color: #97989a;
  color: var(--bgNavi);
  border-right: 2px solid var(--bgNavi);
  padding: 30px 128px 30px 28px;
}

@media only screen and (max-width: 899px) {
  .news-item-start {
    border-right: none;
    padding: 42px 36px 60px 36px;
  }
}

@media only screen and (max-width: 599px) {
  .news-item-start {
    border-right: none;
    padding: 36px 32px 50px 32px;
  }
}

@media only screen and (max-width: 399px) {
  .news-item-start {
    border-right: none;
    padding: 32px 20px 36px 20px;
  }
}

.news-item-start-content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  max-height: 254px;
  text-overflow: ellipsis;
  overflow: hidden; 
}

@media only screen and (max-width: 899px) {
  .news-item-start-content {
    gap: 1rem;
    max-height: 225px;
  }
}

.news-item-start-content-title {
  font-size: 20px;
  letter-spacing: 0.025ex;
  line-height: 1.35;
}

@media only screen and (max-width: 899px) {
  .news-item-start-content-title {
    font-size: 27px;
    letter-spacing: 0.17ex;
    line-height: 1.25;
  }
}

@media only screen and (max-width: 599px) {
  .news-item-start-content-title {
    font-size: 21px;
    letter-spacing: 0.12ex;
  }
}

@media only screen and (max-width: 399px) {
  .news-item-start-content-title {
    font-size: 18px;
    letter-spacing: 0.06ex;
  }
}

.news-item-end {
}

.news-item-end img {
  width: 100%;
  max-height: 630px;
  object-fit: cover;
}

@media only screen and (max-width: 899px) {
  .news-item-end img {
    max-height: 320px;
  }  
}