@charset "UTF-8";
/* ===========================================
   色・ブレイクポイント（Youth Personnel）
   750px 以下＝SP（375 基準 vw）／751px 以上＝PC（1920 基準 vw・rem）
   =========================================== */
/* ---------- 一覧 ---------- */
.news-list {
  background-color: #e8ebf0;
  background-image: url("../img/common/bg_pattern.png");
  background-size: 20px 20px;
  background-blend-mode: multiply;
  padding: 5.2083333333vw 0 5.6770833333vw; }
  @media screen and (max-width: 749px) {
    .news-list {
      padding: 10.6666666667vw 0 21.3333333333vw; } }

.news-list__inner {
  box-sizing: border-box;
  max-width: calc(1106px + 12.5vw);
  margin: 0 auto;
  padding: 0 6.25vw; }
  @media screen and (max-width: 749px) {
    .news-list__inner {
      max-width: none;
      padding: 0 5.3333333333vw; } }

.news-list__items {
  display: flex;
  flex-direction: column;
  gap: 1.0416666667vw;
  max-width: 1106px;
  margin: 0 auto;
  padding: 0;
  list-style: none; }
  @media screen and (max-width: 749px) {
    .news-list__items {
      gap: 3.2vw; } }

.news-list__item {
  margin: 0;
  padding: 0; }

.news-card {
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
  box-sizing: border-box;
  width: 100%;
  padding: 1.25vw;
  border-radius: 3.2291666667vw;
  background: #ffffff;
  color: inherit;
  text-decoration: none;
  transition: opacity 0.2s; }
  .news-card:hover {
    opacity: 0.85; }
  @media screen and (max-width: 749px) {
    .news-card {
      gap: 4.2666666667vw;
      padding: 4.2666666667vw 5.3333333333vw;
      border-radius: 16.5333333333vw; } }

.news-card__dot {
  flex-shrink: 0;
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  background: url("../img/common/icon-news-dot.svg") center/contain no-repeat; }
  @media screen and (max-width: 749px) {
    .news-card__dot {
      width: 2.9333333333vw;
      height: 2.9333333333vw; } }

.news-card__body {
  flex: 1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.8333333333vw;
  min-width: 0; }
  @media screen and (max-width: 749px) {
    .news-card__body {
      grid-template-columns: 1fr;
      align-items: flex-start;
      gap: 1.0666666667vw; } }

.news-card__date {
  flex-shrink: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  letter-spacing: 0.08em;
  line-height: 1.5;
  color: #4a505b;
  white-space: nowrap; }
  @media screen and (max-width: 749px) {
    .news-card__date {
      font-size: 3.4666666667vw;
      letter-spacing: 0.2773333333vw; } }

.news-card__title {
  min-width: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
  color: #1b204f;
  overflow-wrap: anywhere; }
  @media screen and (max-width: 749px) {
    .news-card__title {
      font-size: 4vw;
      letter-spacing: 0.2vw; } }

.news-list__more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4166666667vw;
  max-width: 1106px;
  margin: 2.9166666667vw auto 0;
  padding: 1.09375vw 0 0;
  border: 0;
  background: none;
  cursor: pointer;
  color: #1b204f; }
  @media screen and (max-width: 749px) {
    .news-list__more {
      gap: 2.1333333333vw;
      margin-top: 10.6666666667vw;
      padding-top: 5.6vw; } }

.news-list__more-label {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  line-height: 1.9; }
  @media screen and (max-width: 749px) {
    .news-list__more-label {
      font-size: 3.7333333333vw;
      letter-spacing: 0.1866666667vw; } }

.news-list__more-icon {
  display: block;
  width: 1.09375vw;
  height: 1.0243229167vw;
  background: url("../img/common/icon-news-more.svg") center/contain no-repeat; }
  @media screen and (max-width: 749px) {
    .news-list__more-icon {
      width: 5.6vw;
      height: 5.2445333333vw; } }

/* ---------- 詳細 ---------- */
.news-detail {
  padding: 2.0833333333vw 0 12.9166666667vw; }
  @media screen and (max-width: 749px) {
    .news-detail {
      padding: 6.4vw 0 21.3333333333vw; } }

.news-detail__inner {
  box-sizing: border-box;
  max-width: calc(1106px + 12.5vw);
  margin: 0 auto;
  padding: 0 6.25vw; }
  @media screen and (max-width: 749px) {
    .news-detail__inner {
      max-width: none;
      padding: 0 5.3333333333vw; } }

.news-detail__back {
  display: inline-flex;
  align-items: center;
  gap: 28px;
  color: #1b204f;
  text-decoration: none; }
  @media screen and (max-width: 749px) {
    .news-detail__back {
      gap: 2.6666666667vw; } }

.news-detail__back-icon {
  flex-shrink: 0;
  width: 19px;
  height: 16px;
  background: url("../img/common/icon-back-arrow-left.svg") center/contain no-repeat;
  transform: none; }
  .news-detail__back-icon--lg {
    width: 19px;
    height: 16px;
    background-image: url("../img/common/icon-back-arrow-left.svg"); }
  @media screen and (max-width: 749px) {
    .news-detail__back-icon {
      width: 5.0666666667vw;
      height: 4.2666666667vw; }
      .news-detail__back-icon--lg {
        width: 5.0666666667vw;
        height: 4.2666666667vw;
        background-image: url("../img/common/icon-back-arrow-left.svg"); } }

.news-detail__back-label {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: 0.05em;
  line-height: 1; }
  .news-detail__back-label .split-txt {
    max-width: 100%; }
  @media screen and (max-width: 749px) {
    .news-detail__back-label {
      font-size: 3.7333333333vw;
      letter-spacing: 0.1866666667vw; } }

.news-article {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 1.1458333333vw;
  max-width: 1106px;
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.05em;
  line-height: 2.5;
  color: #1b204f; }
  .news-article > *:not(figure) {
    grid-column: 1 / -1; }
  @media screen and (max-width: 749px) {
    .news-article {
      grid-template-columns: 1fr;
      font-size: 4vw;
      letter-spacing: 0.12vw;
      line-height: 2; } }
  .news-article p {
    margin: 0; }
  .news-article h2 {
    margin: 4.1666666667vw 0 1.71875vw;
    padding: 0.625vw 0;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    line-height: 1.5;
    color: #1b204f; }
    @media screen and (max-width: 749px) {
      .news-article h2 {
        margin: 10.6666666667vw 0 5.3333333333vw;
        padding: 3.2vw 0;
        font-size: 4.5333333333vw;
        letter-spacing: 0.2266666667vw; } }
  .news-article h3 {
    margin: 4.1666666667vw 0 1.71875vw;
    padding: 0;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    letter-spacing: 0.05em;
    line-height: 1.5;
    color: #1b204f; }
    @media screen and (max-width: 749px) {
      .news-article h3 {
        margin: 10.6666666667vw 0 5.3333333333vw;
        font-size: 4.5333333333vw;
        letter-spacing: 0.2266666667vw; } }
  .news-article ul,
  .news-article ol {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: 0.05em;
    line-height: 1.9;
    color: #1b204f; }
    @media screen and (max-width: 749px) {
      .news-article ul,
      .news-article ol {
        font-size: 3.7333333333vw;
        letter-spacing: 0.1866666667vw; } }
    .news-article ul li,
    .news-article ol li {
      position: relative;
      padding-left: 1em;
      word-break: keep-all;
      line-break: strict;
      overflow-wrap: anywhere; }
      .news-article ul li::before,
      .news-article ol li::before {
        content: "・";
        position: absolute;
        left: 0;
        top: 0; }
      .news-article ul li + li,
      .news-article ol li + li {
        margin-top: 0.5em; }
  .news-article figure {
    margin: 4.1666666667vw 0 0;
    background: #949dac;
    overflow: hidden;
    aspect-ratio: 542 / 346; }
    .news-article figure img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    @media screen and (max-width: 749px) {
      .news-article figure {
        margin-top: 10.6666666667vw;
        aspect-ratio: 305 / 195; } }
  .news-article > figure:not(figure + figure) {
    grid-column: 1 / -1; }
  .news-article > figure:has(+ figure),
  .news-article > figure:has(+ figure) + figure {
    grid-column: auto; }
  @media screen and (max-width: 749px) {
    .news-article > figure:has(+ figure),
    .news-article > figure:has(+ figure) + figure {
      grid-column: 1 / -1; } }

.news-article__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  column-gap: 1.25vw;
  row-gap: 0.4166666667vw;
  margin-bottom: 4.1666666667vw; }
  @media screen and (max-width: 749px) {
    .news-article__header {
      grid-template-columns: 1fr;
      row-gap: 2.1333333333vw;
      margin-bottom: 5.3333333333vw; } }

.news-article__title {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  min-width: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 1.7;
  color: #1b204f;
  overflow-wrap: anywhere; }
  @media screen and (max-width: 749px) {
    .news-article__title {
      grid-row: 2;
      font-size: 5.3333333333vw;
      letter-spacing: 0.2666666667vw;
      line-height: 2.1; } }

.news-article__date {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.08em;
  line-height: 1.5;
  color: #1b204f;
  white-space: nowrap; }
  @media screen and (max-width: 749px) {
    .news-article__date {
      grid-column: 1;
      justify-self: end;
      font-size: 3.2vw;
      letter-spacing: 0.256vw; } }

.news-article__hero {
  margin-bottom: 4.1666666667vw;
  background: #949dac;
  overflow: hidden;
  aspect-ratio: 1106 / 622; }
  .news-article__hero img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  @media screen and (max-width: 749px) {
    .news-article__hero {
      margin-bottom: 6.4vw;
      aspect-ratio: 375 / 210.895; } }

.news-detail__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25vw;
  max-width: 1106px;
  margin: 4.1666666667vw auto 0;
  padding-top: 0.8333333333vw;
  border-top: 1px solid #949dac; }
  @media screen and (max-width: 749px) {
    .news-detail__nav {
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 10.6666666667vw 0;
      margin-top: 21.3333333333vw;
      padding-top: 0;
      border-top: 0; } }

@media screen and (max-width: 749px) {
  .news-detail__back--bottom {
    order: 3;
    width: 100%;
    justify-content: center;
    margin-top: 2.1333333333vw; } }

.news-detail__pager {
  display: inline-flex;
  align-items: center;
  gap: 0.8333333333vw;
  color: #1b204f;
  text-decoration: none; }
  @media screen and (max-width: 749px) {
    .news-detail__pager {
      gap: 2.6666666667vw; } }

.news-detail__pager-icon {
  flex-shrink: 0;
  width: 1.3541666667vw;
  height: 1.3541666667vw;
  background: center / contain no-repeat; }
  @media screen and (max-width: 749px) {
    .news-detail__pager-icon {
      width: 5.3333333333vw;
      height: 5.3333333333vw; } }

.news-detail__pager--prev .news-detail__pager-icon {
  background-image: url("../img/common/icon-news-nav-prev.svg");
  transform: scaleY(-1) rotate(180deg); }

.news-detail__pager--next .news-detail__pager-icon {
  background-image: url("../img/common/icon-news-nav-next.svg");
  transform: scaleY(-1); }

.news-detail__pager-label {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.05em;
  line-height: 1;
  white-space: nowrap; }
  .news-detail__pager-label .split-txt {
    max-width: 100%; }
  @media screen and (max-width: 749px) {
    .news-detail__pager-label {
      font-size: 3.7333333333vw;
      letter-spacing: 0.1866666667vw; } }