@charset "UTF-8";

.h-jisseki { padding: 40px 0; }
.h-jisseki-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 20px; border-bottom: 1px solid var(--color-line); }
.h-jisseki-heading .h-kicker { margin-bottom: 12px; color: var(--color-ink); font-size: 24px; font-weight: 500; letter-spacing: .12em; }
.h-jisseki-all { flex: 0 0 auto; color: var(--color-muted); font-size: 12px; text-underline-offset: 4px; }
.h-jisseki--a .jisseki-event-band { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.h-jisseki--a .jisseki-event-card { display: flex; flex-direction: column; min-width: 0; padding: 12px; background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-card); box-shadow: var(--shadow-sm); }
/* 案Aの画像: 横長16:9 */
.h-jisseki--a .jisseki-event-image { aspect-ratio: 16 / 9; overflow: hidden; background: var(--color-bg-alt); }
.h-jisseki--a .jisseki-event-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.h-jisseki--a .jisseki-event-card h2 { margin-top: 12px; color: var(--color-ink); font-size: 15px; font-weight: 600; line-height: 1.55; }
.h-jisseki--a .jisseki-event-card p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 8px; color: var(--color-muted); font-size: 12px; line-height: 1.65; }
.h-jisseki--a .jisseki-event-card a { align-self: flex-start; margin-top: 10px; font-size: 12px; text-underline-offset: 4px; }

@media (max-width: 899px) {
  .h-jisseki--a .jisseki-event-band { display: flex; gap: 16px; overflow-x: auto; margin-inline: calc(50% - 50vw); padding: 0 12.5vw 12px; scroll-padding-inline: 12.5vw; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
  .h-jisseki--a .jisseki-event-card { flex: 0 0 75%; scroll-snap-align: start; }
}

@media (prefers-reduced-motion: reduce) {
  .h-jisseki--a .jisseki-event-band { scroll-behavior: auto; }
}

/* トップの帯の地色（M で main 直下の段が増えても崩れないよう、site-v2.css の nth-child(even) に頼らず明示する。トップでだけ読まれる） */
.site-main > .h-section:nth-child(n) { background: transparent; }
.site-main > .h-map3d + .h-section,
.site-main > .h-section.h-jisseki { background: var(--color-bg-alt); }
.site-main > .h-section.h-section--cta { background: #1d3560; }