.l-page-news .p-archiveNews {
  display: grid;
}
@media (width > 750px) {
  .l-page-news .p-archiveNews {
    padding-bottom: 120px;
    row-gap: 64px;
  }
}
@media (width <= 750px) {
  .l-page-news .p-archiveNews {
    padding-bottom: 60px;
    row-gap: 32px;
  }
}
.l-page-news .p-listNews {
  max-width: 1018px;
  width: 100%;
}
@media (width > 750px) {
  .l-page-news .p-listNews {
    display: grid;
    grid-template-columns: auto auto 1fr;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
@media (width > 750px) {
  .l-page-news .p-listNews__item {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: subgrid;
    align-items: center;
    border-bottom: 1px solid var(--color-gray);
    position: relative;
    padding-block: 32px;
    padding-inline-start: 24px;
    padding-inline-end: 38px;
    cursor: pointer;
  }
  .l-page-news .p-listNews__item::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
    width: 15px;
    height: auto;
    aspect-ratio: 15/8;
    background-color: var(--color-text);
    -webkit-mask-image: var(--svg-arrow-right);
            mask-image: var(--svg-arrow-right);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
  }
}
@media (width > 750px) and (any-hover: hover) {
  .l-page-news .p-listNews__item {
    transition: background-color 0.3s;
  }
  .l-page-news .p-listNews__item:hover {
    background-color: var(--color-gray);
  }
}
.l-page-news .p-cardNews {
  align-items: center;
  border-bottom: 1px solid var(--color-gray);
  position: relative;
}
@media (width > 750px) {
  .l-page-news .p-cardNews {
    display: contents;
  }
}
@media (width <= 750px) {
  .l-page-news .p-cardNews {
    display: flex;
    flex-flow: row wrap;
    padding-block: 24px;
    padding-inline-start: 16px;
    padding-inline-end: 30px;
    -moz-column-gap: 8px;
         column-gap: 8px;
    row-gap: 10px;
  }
}
.l-page-news .p-cardNews::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: auto;
  aspect-ratio: 15/8;
  background-color: var(--color-text);
  -webkit-mask-image: var(--svg-arrow-right);
          mask-image: var(--svg-arrow-right);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
@media (width > 750px) {
  .l-page-news .p-cardNews::after {
    display: none;
  }
}
@media (width <= 750px) {
  .l-page-news .p-cardNews::after {
    right: 0;
  }
}
@media (any-hover: hover) and (width <= 750px) {
  .l-page-news .p-cardNews {
    transition: background-color 0.3s;
  }
  .l-page-news .p-cardNews:hover {
    background-color: var(--color-gray);
  }
}
.l-page-news .p-cardNews__title {
  font-size: --fz-base;
  line-height: 1.8;
}
@media (width > 750px) {
  .l-page-news .p-cardNews__title {
    position: relative;
  }
  .l-page-news .p-cardNews__title::before {
    content: "";
    position: absolute;
    inset: 0;
  }
}
@media (width <= 750px) {
  .l-page-news .p-cardNews__title {
    width: 100%;
  }
}
@media (width > 750px) {
  .l-page-news .p-cardNews__tag {
    width: 100%;
    text-align: center;
  }
}
.l-page-news .p-paginationNews {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
.l-page-news .p-paginationNews__list {
  display: flex;
  flex-flow: row nowrap;
}
.l-page-news .p-paginationNews__number {
  width: 48px;
  height: auto;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  background-color: var(--color-white);
  border-radius: 5px;
}
@media (any-hover: hover) {
  .l-page-news .p-paginationNews__number:is(a, button):hover {
    background-color: #F2F1F1;
  }
}
.l-page-news .p-paginationNews__number.is-current {
  background-color: #F2F1F1;
}
.l-page-news .p-singleNews {
  display: grid;
}
@media (width > 750px) {
  .l-page-news .p-singleNews {
    max-width: 1018px;
    padding-block-start: 64px;
    padding-block-end: 120px;
    row-gap: 120px;
  }
}
@media (width <= 750px) {
  .l-page-news .p-singleNews {
    padding-block-start: 32px;
    padding-block-end: 60px;
    row-gap: 60px;
  }
}
.l-page-news .p-singleNews__media {
  display: flex;
}
@media (width > 750px) {
  .l-page-news .p-singleNews__media {
    flex-flow: row nowrap;
    -moz-column-gap: 48px;
         column-gap: 48px;
  }
}
@media (width <= 750px) {
  .l-page-news .p-singleNews__media {
    flex-flow: column;
    row-gap: 32px;
    align-items: center;
  }
}
.l-page-news .p-singleNews__thumb {
  flex-shrink: 0;
  max-width: 180px;
  height: -moz-fit-content;
  height: fit-content;
}
.l-page-news .p-singleNews__body {
  display: grid;
  row-gap: 32px;
}
.l-page-news .p-singleNews__header {
  display: grid;
  row-gap: 8px;
}
.l-page-news .p-singleNews__header__upper {
  display: flex;
  flex-flow: row;
  -moz-column-gap: 14px;
       column-gap: 14px;
  align-items: center;
}
.l-page-news .p-singleNews__title {
  font-size: var(--fz-h-l);
  line-height: 1.5;
}
.l-page-news .p-singleNews__content {
  display: grid;
  row-gap: 1lh;
}
.l-page-news .p-singleNews__content a {
  color: #0261A6;
  text-decoration: underline;
}
.l-page-news .p-singleNews__content a[href^="mailto:"]::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: auto;
  aspect-ratio: 1/1;
  margin-left: 6px;
  vertical-align: middle;
  background-color: #0261A6;
  -webkit-mask: var(--svg-external-link) no-repeat center/contain;
  mask: var(--svg-external-link) no-repeat center/contain;
}
.l-page-news .p-singleNews__back {
  display: grid;
  place-items: center;
}