.ct-nav-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:900px;margin:0 auto;padding:28px 20px}
.ct-nav-cards a{display:flex;align-items:center;gap:14px;border-radius:14px;padding:18px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s;font-family:’Hiragino Kaku Gothic ProN’,’Noto Sans JP’,sans-serif}
.ct-nav-cards a:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}
.ct-nav-cards .icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.ct-nav-cards .text .title{font-size:15px;font-weight:800;margin-bottom:3px;line-height:1.3}
.ct-nav-cards .text .sub{font-size:12px;line-height:1.5}
.ct-nav-card-a{background:#e6f7f3}
.ct-nav-card-a .icon{background:#1a9e8c;color:white}
.ct-nav-card-a .title{color:#0c6b5e}
.ct-nav-card-a .sub{color:#1a7a6a}
.ct-nav-card-b{background:#e8f0fc}
.ct-nav-card-b .icon{background:#3a7bd5;color:white}
.ct-nav-card-b .title{color:#153a80}
.ct-nav-card-b .sub{color:#2a5aaa}
.ct-nav-card-c{background:#fef0e5}
.ct-nav-card-c .icon{background:#e06b2a;color:white}
.ct-nav-card-c .title{color:#7a3000}
.ct-nav-card-c .sub{color:#aa4a1a}
@media(max-width:640px){.ct-nav-cards{grid-template-columns:1fr;gap:10px;padding:20px 16px}}
お知らせ
