/* 旧サイトから引っ越した読みもの（ブログ）用 */
.blog-hero{min-height:56vh}
.blog-title{font-size:clamp(28px,4.4vw,56px)!important;line-height:1.3!important}
.blog-body{max-width:780px;margin:0 auto;padding:10vh var(--pad);line-height:2;font-size:16px}
.blog-body h2{font-size:clamp(22px,2.6vw,32px);line-height:1.5;margin:2.4em 0 .8em;padding-top:.6em;border-top:1px solid}
.blog-body h3{font-size:clamp(18px,2vw,24px);line-height:1.6;margin:2em 0 .6em}
.blog-body p{margin:0 0 1.4em}
.blog-body img{height:auto;margin:1.6em 0;border-radius:4px}
.blog-body a{color:#137f87;text-decoration:underline}
.blog-body ul,.blog-body ol{padding-left:1.4em;margin:0 0 1.4em}
.blog-body table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.blog-body th,.blog-body td{border:1px solid rgba(16,21,20,.2);padding:8px 10px;text-align:left}
.blog-body figure{margin:1.6em 0}
.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:28px}
.blog-card{display:grid;gap:8px;align-content:start}
.blog-card img{aspect-ratio:16/9;object-fit:cover;border-radius:4px}
.blog-card span{font-size:12px;color:#5c6664}
.blog-card h3{font-size:17px;line-height:1.6;margin:0}
.blog-line{margin-top:18px;font-size:14px}
.blog-line a{display:inline!important;border:0!important;padding:0!important;margin:0!important;text-decoration:underline}
.detail-header nav{flex-wrap:wrap}