/* トップページ：お知らせ */

.home-news {
 position: relative;
 z-index: 1;
 scroll-margin-top: clamp(76px, 6vw, 112px);
 padding: calc(clamp(90px, 7.29167vw, 140px) + clamp(50px, 7.29167vw, 140px)) 0 clamp(90px, 7.29167vw, 140px);
 background:
  radial-gradient(circle at 8% 12%, rgb(245 49 112 / 10%), transparent 24%),
  radial-gradient(circle at 94% 86%, rgb(172 125 32 / 10%), transparent 22%),
  linear-gradient(180deg, var(--color-surface-cream) 0%, var(--color-accent-pink-surface) 50%, var(--color-white) 100%);
 color: var(--color-text);
 font-family: var(--font-family-base);
 overflow: hidden;
}

.home-news__top-curve {
 position: absolute;
 z-index: 1;
 display: block;
 width: 100%;
 height: clamp(50px, 7.29167vw, 140px);
 inset: -1px 0 auto;
 fill: var(--color-white);
 pointer-events: none;
}

.home-news__inner {
 width: min(var(--content-width-1200), calc(100% - 80px));
 margin-inline: auto;
}

.home-news__header {
 margin-bottom: clamp(38px, 3.125vw, 60px);
 text-align: center;
}

.home-news__title {
 margin: 0;
 color: var(--color-text);
 font-size: var(--font-size-60);
 font-weight: var(--font-weight-bold);
 line-height: 1.25;
 letter-spacing: .06em;
}

.home-news__title span {
 color: var(--color-accent-pink);
}

.home-news__lead {
 margin: clamp(12px, 1.04167vw, 20px) 0 0;
 color: var(--color-text);
 font-size: var(--font-size-24);
 font-weight: var(--font-weight-bold);
 line-height: 1.7;
}

.home-news__list {
 border: 2px solid var(--color-accent-pink-border);
 border-radius: clamp(22px, 2.08333vw, 40px);
 background: rgb(255 255 255 / 94%);
 box-shadow: var(--shadow-card);
 overflow: hidden;
}

.home-news-item + .home-news-item {
 border-top: 1px solid #f1d9df;
}

.home-news-item__link {
 display: grid;
 grid-template-columns: minmax(210px, .35fr) minmax(0, 1fr) 46px;
 min-height: 118px;
 align-items: center;
 gap: clamp(24px, 2.08333vw, 40px);
 padding: 24px clamp(28px, 3.125vw, 60px);
 color: inherit;
 text-decoration: none;
 transition: background-color .25s ease;
}

.home-news-item__meta {
 display: flex;
 align-items: center;
 gap: 14px;
}

.home-news-item__meta time {
 color: #6a6f73;
 font-size: var(--font-size-18);
 font-weight: var(--font-weight-bold);
 letter-spacing: .05em;
 white-space: nowrap;
}

.home-news-item__category {
 display: inline-flex;
 min-width: 92px;
 min-height: 30px;
 align-items: center;
 justify-content: center;
 padding: 4px 14px;
 border-radius: 999px;
 background: var(--color-accent-pink-soft);
 color: var(--color-accent-pink);
 font-size: var(--font-size-14);
 font-weight: var(--font-weight-bold);
 line-height: 1.4;
 white-space: nowrap;
}

.home-news-item__title {
 margin: 0;
 font-size: var(--font-size-24);
 font-weight: var(--font-weight-bold);
 line-height: 1.65;
}

.home-news-item__arrow {
 display: grid;
 width: 42px;
 height: 42px;
 place-items: center;
 border-radius: 50%;
 background: var(--color-accent-pink);
 color: var(--color-white);
 font-size: var(--font-size-24);
 box-shadow: var(--shadow-small);
 transition: transform .25s ease;
}

.home-news-item__link:hover {
 background: var(--color-accent-pink-surface);
}

.home-news-item__link:hover .home-news-item__arrow {
 transform: translateX(4px);
}

.home-news-item__link:focus-visible,
.home-news__more:focus-visible {
 outline: 3px solid var(--color-focus);
 outline-offset: -5px;
}

.home-news__actions {
 margin-top: clamp(28px, 2.08333vw, 40px);
 text-align: center;
}

.home-news__more {
 display: inline-flex;
 min-width: min(100%, var(--content-width-400));
 min-height: 66px;
 align-items: center;
 justify-content: center;
 gap: 28px;
 padding: 14px 30px;
 border: 2px solid var(--color-accent-pink);
 border-radius: 999px;
 background: var(--color-white);
 color: var(--color-accent-pink);
 font-size: var(--font-size-21);
 font-weight: var(--font-weight-bold);
 text-decoration: none;
 transition: background-color .25s ease, color .25s ease, transform .25s ease;
}

.home-news__more span:last-child {
 font-size: var(--font-size-24);
}

.home-news__more:hover {
 background: var(--color-accent-pink);
 color: var(--color-white);
 transform: translateY(-2px);
}



@media (min-width: 768px) and (max-width: 1199px) {
 .home-news__inner {
  width: min(var(--content-width-980), calc(100% - clamp(40px, calc(25.745px + 1.85615vw), 48px)));
 }

 .home-news-item__link {
  grid-template-columns: minmax(clamp(175px, calc(148.272px + 3.48028vw), 190px), .38fr) minmax(0, 1fr) 40px;
  gap: 20px;
  padding-inline: 28px;
 }

 .home-news-item__meta {
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
 }
}

@media (max-width: 767px) {
 .home-news {
  padding: 120px 0 90px;
 }

 .home-news__top-curve {
  height: clamp(30px, 6.5189vw, 50px);
 }

 .home-news__inner {
  width: calc(100% - 32px);
 }

 .home-news__header {
  margin-bottom: 32px;
 }

 .home-news__title {
  font-size: var(--font-size-42);
 }

 .home-news__lead {
  font-size: var(--font-size-16);
  text-align: left;
 }

 .home-news__list {
  border-width: 2px;
  border-radius: 20px;
 }

 .home-news-item__link {
  grid-template-columns: minmax(0, 1fr) 38px;
  gap: 12px 16px;
  min-height: 0;
  padding: 22px 18px;
 }

 .home-news-item__meta {
  grid-column: 1;
  align-items: center;
  gap: 10px;
 }

 .home-news-item__title {
  grid-column: 1;
  font-size: var(--font-size-16);
 }

 .home-news-item__arrow {
  grid-column: 2;
  grid-row: 1 / span 2;
  width: 38px;
  height: 38px;
  font-size: var(--font-size-21);
 }

 .home-news-item__category {
  min-width: 0;
  min-height: 26px;
  padding: 3px 10px;
  font-size: var(--font-size-12);
 }

 .home-news__more {
  width: 100%;
  min-width: 0;
  min-height: 60px;
  gap: 18px;
  padding-inline: 20px;
  font-size: var(--font-size-16);
 }
}

@media (prefers-reduced-motion: reduce) {
 .home-news-item__link,
 .home-news-item__arrow,
 .home-news__more {
  transition: none;
 }
}