@media (min-width: 992px) {
  .p-news-contents-box.maxwidth-pc {
    max-width: calc(100% - 320px - 32px);
  }
}

.grid-response {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 992px) {
  .grid-response {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-response.col1 {
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}
.grid-response.col2 {
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 992px) {
  .grid-response.col2 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-response.col3 {
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 992px) {
  .grid-response.col3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-response.col4 {
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 992px) {
  .grid-response.col4 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
.carousel .grid-response {
  gap: 0;
}
@media (min-width: 992px) {
  .carousel .grid-response {
    gap: 16px;
  }
}
.grid-response a.p-oblong-card {
  width: auto;
}

.flex-response {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}
@media (min-width: 992px) {
  .flex-response {
    gap: 8px;
  }
}