/* Article-list preview; inherits the approved English header and group footer. */
body.blog-preview{margin:0;background:#fff;color:#303332;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
.blog-preview main *, .blog-preview main *::before,.blog-preview main *::after{box-sizing:border-box}
.blog-preview #main-content{padding-top:0}
.blog-container{max-width:1088px;margin:0 auto;padding:0 32px}
.blog-heading{background:#fff;padding:0 0 56px}
.blog-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;line-height:1.8;color:#777;padding:24px 0 40px}
.blog-breadcrumb a{color:#666;text-decoration:none}
.blog-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;color:#d33039;margin:0 0 10px}
.blog-heading h1{font-size:36px;line-height:1.5;letter-spacing:.04em;margin:0 0 22px;font-weight:700}
.blog-heading h1::after{content:"";display:block;width:48px;height:2px;background:#d33039;margin-top:22px}
.blog-intro{font-size:14px;line-height:2;color:#626664;margin:0}
.blog-list-section{background:#f4f4f4;padding:48px 0 80px}
.blog-list-label{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcdedd;padding-bottom:18px;margin-bottom:28px;font-size:18px;font-weight:700}
.blog-count{font-size:12px;font-weight:400;color:#777}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.blog-card{margin:0;min-width:0;background:#fff;border-radius:3px;overflow:hidden;box-shadow:0 1px 2px #00000005;border-top:3px solid #d33039}
.blog-card article{height:100%}
.blog-card a{display:flex;flex-direction:column;padding:28px 30px 24px;height:100%;color:#303332;text-decoration:none;opacity:1;transition:background .15s}
.blog-card a:hover{background:#fffcfc;opacity:1}
.blog-card h2{margin:0 0 18px;font-size:19px;line-height:1.7;font-weight:700;letter-spacing:.01em;overflow-wrap:anywhere}
.blog-card p{font-size:13px;line-height:1.95;color:#6a6d6b;margin:0 0 24px}
.blog-card-more{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:18px;border-top:1px solid #ededed;font-size:12px;color:#d33039;font-weight:700}
.blog-card-more span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#d33039;color:#fff;font-size:16px}
.blog-consultation{background:#4eb5bd;text-align:center;color:#fff;padding:56px 24px 64px}
.blog-consultation-lead{font-size:14px;line-height:1.8;margin:0 0 10px}
.blog-consultation h2{font-size:24px;line-height:1.6;margin:0 0 28px;font-weight:700;color:#fff}
.blog-consultation a{display:flex;align-items:center;justify-content:center;position:relative;width:100%;max-width:640px;min-height:84px;margin:auto;padding:22px 42px;background:#fff;color:#4eb5bd;font-size:19px;font-weight:700;line-height:1.6;border-radius:3px;text-decoration:none}
.blog-consultation a span{position:absolute;right:28px}
.blog-preview a:focus-visible,.blog-preview [role=button]:focus-visible{outline:3px solid #cfad5f;outline-offset:4px}
.blog-preview #footer{margin:0}
.blog-preview #footer .group-footer-column a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:980px){.blog-preview #main-content{padding-top:0}.blog-breadcrumb{padding-top:18px}.blog-preview .spmenu nav{z-index:1000}.blog-heading h1{font-size:30px}}
@media(max-width:700px){.blog-container{padding:0 20px}.blog-heading{padding-bottom:36px}.blog-breadcrumb{padding-bottom:30px;font-size:10px}.blog-heading h1{font-size:28px;margin-bottom:18px}.blog-heading h1::after{margin-top:18px}.blog-intro{font-size:13px}.blog-list-section{padding:32px 0 48px}.blog-list-label{font-size:16px;margin-bottom:22px}.blog-grid{grid-template-columns:1fr;gap:18px}.blog-card a{padding:24px}.blog-card h2{font-size:18px;margin-bottom:14px}.blog-card p{font-size:13px;margin-bottom:20px}.blog-consultation{padding:40px 0}.blog-consultation h2{font-size:21px}.blog-consultation a{font-size:15px;min-height:76px;padding:18px 32px}.blog-consultation a span{right:18px}.blog-consultation-lead{font-size:12px}}