.pbMainArea:has(.r_news-content) .r_common-fv {
  display: block;
  background: var(--ink);
  color: #fff;
  padding: var(--s-6) var(--s-3);
}

.pbMainArea:has(.r_news-content) .r_common-fv__right,
.pbMainArea:has(.r_news-content) .r_common-fv .img { display: none; }

.pbMainArea:has(.r_news-content) .r_common-fv__left {
  max-width: var(--container);
  margin: 0 auto;
}

.pbMainArea:has(.r_news-content) .r_common-fv__left .pbNested:has(.h1) {
  display: flex;
  flex-direction: column;
}
.pbMainArea:has(.r_news-content) .r_common-fv .sub { order: 1; }

.pbMainArea:has(.r_news-content) .r_common-fv .h1 h1 {
  font-family: var(--f-head);
  font-size: clamp(28px, 3.4vw, 40px);
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  margin: 12px 0;
}
.pbMainArea:has(.r_news-content) .r_common-fv .h1 h1::before {
  content: "";
  display: block;
  width: 40px;
  height: 4px;
  background: var(--yellow);
  margin: 0 0 20px;
}
:where(.pbMainArea:has(.r_news-content) .r_common-fv) h1 {
  word-break: normal;
  word-break: auto-phrase;
  line-break: strict;
  --jst-phrase: 1;
}

.pbMainArea:has(.r_news-content) .r_common-fv .sub p {
  color: rgba(255,255,255,.75);
  font-size: 16px;
  line-height: 1.8;
  max-width: var(--w-lede);
  text-wrap: pretty;
}


.pbMainArea:has(.r_news-content) .r_breadcrumb {
  display: block;
  background: var(--paper-2);
  border-bottom: 1px solid var(--line);
  font-size: 13px;
  font-weight: 500; 
  color: var(--text);
}
.pbMainArea:has(.r_news-content) .r_breadcrumb .pbBlockNavigation {
  max-width: calc(var(--container) + 2 * var(--s-3));
  margin: 0 auto;
  padding: 12px var(--s-3);
  line-height: 1.65; 
}
.pbMainArea:has(.r_news-content) .r_breadcrumb a { color: var(--text-mute); }
.pbMainArea:has(.r_news-content) .r_breadcrumb a::after {
  content: "›";
  content: "›" / ""; 
  display: inline-block; 
  color: var(--text-light);
  margin: 0 8px;
}



.r_news-content {
  display: block;
  background: var(--paper);
  padding: var(--s-7) var(--s-3);
}
.r_news-content .r_news-content__tabs {
  max-width: var(--container);
  margin: 0 auto;
}

.r_news-content .r_news-content__tabs__list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 var(--s-3);
  padding: 0;
  list-style: none;
}
.r_news-content .r_news-content__tabs__list li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px; 
  padding: 8px 14px;
  font-family: var(--f-body);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.65;
  color: var(--navy);
  background: transparent;
  border: 1px solid var(--line-strong); 
  border-radius: var(--pill);
  cursor: pointer;
  transition: background 200ms ease, border-color 200ms ease;
}
.r_news-content .r_news-content__tabs__list li:hover { border-color: var(--navy); }
.r_news-content .r_news-content__tabs__list li.is-active,
.r_news-content .r_news-content__tabs__list ul:not(:has(.is-active)) li:first-child {
  background: var(--navy);
  color: #fff;
  border-color: var(--navy);
  cursor: default;
}
.r_news-content .r_news-content__tabs__list li button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
  cursor: inherit;
}

.r_news-content .r_news-content__tabs__letter__tab { display: none; }
.r_news-content .r_news-content__tabs__letter__tab.is-active,
.r_news-content .r_news-content__tabs__letter:not(:has(.is-active)) .r_news-content__tabs__letter__tab:first-child {
  display: block;
}



.r_news-content .pbWhatsnewTable,
.r_news-content .pbWhatsnewTable tbody {
  display: block;
  width: 100%;
}
.r_news-content .pbWhatsnewTable tr {
  display: flex;
  align-items: baseline;
  gap: var(--s-2);
  padding: var(--s-2) 0;
  border-bottom: 1px solid var(--line);
  font-size: 14px;
}

.r_news-content .pbWhatsnewTable td.day {
  flex: 0 0 110px;
  font-family: var(--f-mono);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
  white-space: nowrap;
}

.r_news-content .pbWhatsnewTable td.article {
  flex: 1 1 auto;
  min-width: 0;
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  column-gap: var(--s-2);
  row-gap: 4px;
  align-items: baseline;
}
.r_news-content .pbWhatsnewTable td.article a {
  grid-column: 2;
  color: var(--navy);
}

.r_news-content .pbWhatsnewTable td.article:is(
  :has(img[src$="/news.png"]),
  :has(img[src$="/recruit.png"]),
  :has(img[src$="/service.png"])
) img { display: none; }

.r_news-content .pbWhatsnewTable td.article:has(img[src$="/news.png"])::before    { content: "お知らせ"; }
.r_news-content .pbWhatsnewTable td.article:has(img[src$="/recruit.png"])::before { content: "採用"; }
.r_news-content .pbWhatsnewTable td.article:has(img[src$="/service.png"])::before { content: "サービス"; }
.r_news-content .pbWhatsnewTable td.article::before {
  grid-column: 1;
  justify-self: center;
  display: inline-block;
  font-family: var(--f-body);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  padding: 4px 12px;
  color: var(--text-mute);
  border: 1px solid var(--line);
  border-radius: 14px;
  white-space: nowrap;
}
.r_news-content .pbWhatsnewTable td.article img {
  grid-column: 1;
  justify-self: center;
  align-self: center;
  display: block;
  height: 20px;
  width: auto;
}


.r_news-content .r_news-content__tabs__letter__tab.is-active .pbWhatsnewTable tr:nth-child(n+21) { display: none; }
.r_news-content .r_news-content__tabs__letter__tab:not(.is-active) .r_more-btn { display: none; }

.r_news-content .r_more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 44px; 
  margin: var(--s-4) auto 0;
  padding: 12px 26px;
  font-family: var(--f-body);
  font-size: 14px;
  font-weight: 600;
  color: var(--navy);
  background: transparent;
  border: 1px solid var(--line-strong);
  border-radius: var(--pill);
  cursor: pointer;
  transition: background 200ms ease, border-color 200ms ease;
}
.r_news-content .r_more-btn:hover {
  border-color: var(--navy);
  background: var(--paper-2);
}


.r_news-content ~ .pbNestedWrapper .contact { display: none; }



@media (max-width: 900px) {
  .pbMainArea:has(.r_news-content) .r_breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; }
  .r_news-content .pbWhatsnewTable td.article a { display: flex; align-items: center; min-height: 44px; }
}

@media (max-width: 760px) {
  .r_news-content { padding: var(--s-6) var(--s-3); }
}

@media (max-width: 700px) {
  .r_news-content .pbWhatsnewTable tr {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .r_news-content .pbWhatsnewTable td.day { flex: 0 0 auto; }
  .r_news-content .pbWhatsnewTable td.article {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }
  .r_news-content .pbWhatsnewTable td.article a { grid-column: 1; }
  .r_news-content .pbWhatsnewTable td.article::before,
  .r_news-content .pbWhatsnewTable td.article img { justify-self: start; }
}