.blog-index{max-width:880px}.blog-index h1{font-size:clamp(36px,6.4vw,60px);font-weight:600;line-height:1.06;letter-spacing:-.035em}.blog-index-dek{margin-top:12px;font-size:18px;color:var(--dg-muted);max-width:56ch}.blog-index ul{margin-top:36px;display:grid;gap:20px}.blog-index-card{display:block;background:#fff;border:1px solid var(--dg-line);border-radius:14px;overflow:hidden;transition:border-color .16s ease-out}.blog-index-card:hover{border-color:var(--dg-action)}.blog-index-card:hover strong{text-decoration:underline}.blog-index-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--dg-line);border-bottom:1px solid var(--dg-line)}.blog-index-photos>span{position:relative;aspect-ratio:1;background:#fff}.blog-index-photos img{-o-object-fit:contain;object-fit:contain;padding:12px}.blog-index-text{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px}.blog-index-text strong{font-size:clamp(22px,3.4vw,28px);font-weight:600;line-height:1.2;letter-spacing:-.025em;color:var(--dg-ink)}.blog-index-text>span{font-size:16px;line-height:1.6;color:var(--dg-muted)}.blog-index-text small{font-size:14px;color:var(--dg-muted)}