/* 関連するサービス・関連コラムの欄（2026-10-21）。コラム記事と、サービス4ページの末尾に出る。 */
.rel{margin:56px 0 0}
.rel--page{margin:0;padding:56px 0 8px}
.rel-in{max-width:1240px;margin:0 auto;padding:0}
.rel-box{margin:0 0 36px}
.rel-h{margin:0 0 16px;padding-left:12px;border-left:4px solid var(--apc-pink,#e96a8f);font-size:18px;font-weight:700;letter-spacing:.06em;line-height:1.5}
.rel-svc,.rel-cols{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.rel-svc{grid-template-columns:1fr 1fr}
.rel-svc a{display:block;height:100%;padding:18px 20px;border-radius:16px;background:#f4f8fb;color:inherit;text-decoration:none;transition:transform .25s,box-shadow .25s}
.rel-svc a:hover,.rel-cols a:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,48,64,.13)}
.rel-svc b{display:block;margin-bottom:6px;font-size:16px}
.rel-svc span{font-size:13px;line-height:1.8;color:#3d525c}
.rel-cols{grid-template-columns:repeat(3,1fr)}
.rel-cols a{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(0,48,64,.08);color:inherit;text-decoration:none;transition:transform .25s,box-shadow .25s}
.rel-cols__img{display:block;aspect-ratio:16/10;overflow:hidden;background:#e3e8eb}
.rel-cols__img img{display:block;width:100%;height:100%;object-fit:cover}
.rel-cols__t{display:block;padding:14px 16px 6px;font-size:14.5px;font-weight:700;line-height:1.7}
.rel-cols i{display:block;padding:0 16px 14px;font-style:normal;font-size:12px;font-weight:700;color:var(--apc-pink,#e96a8f)}
.rel-more{margin:0 0 8px;text-align:right}
.rel-more a{font-weight:700;color:inherit}
@media (max-width:768px){.rel-svc,.rel-cols{grid-template-columns:1fr}}