.cat-section{padding:56px 40px;position:relative;background:#F8F6F1;font-family:'Segoe UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo',sans-serif;}
.cat-section .cat-header{text-align:center;margin-bottom:36px;}
.cat-section .cat-header h2{font-size:28px;color:#1A3A5C;margin:0 0 6px 0;}
.cat-section .cat-header h2 em{color:#C9A961;font-style:normal;}
.cat-section .cat-header p{font-size:14px;color:#888;margin:0;}
.cat-section .cat-header .deco{width:40px;height:2px;background:#C9A961;margin:12px auto 0;}
.cat-section .cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;max-width:1400px;margin:0 auto;}
.cat-section .cat-card{display:block;text-decoration:none;background:#fff;border-radius:10px;overflow:hidden;text-align:center;transition:box-shadow 0.2s,border-color 0.2s;box-shadow:0 2px 10px rgba(26,58,92,0.05);border:1px solid #DDE5EF;}
.cat-section .cat-card:hover{box-shadow:0 6px 24px rgba(26,58,92,0.14);border-color:#C9A961;}
.cat-section .cat-img{height:150px;overflow:hidden;}
.cat-section .cat-img img{width:100%;height:100%;object-fit:cover;object-position:top;}
.cat-section .cat-name{padding:14px;font-size:14px;color:#1A3A5C;font-weight:bold;}
.cat-section .cat-card:hover .cat-name{color:#C9A961;}
@media(max-width:1024px){
  .cat-section .cat-grid{grid-template-columns:repeat(3,1fr);gap:16px;}
  .cat-section .cat-img{height:130px;}
}
@media(max-width:600px){
  .cat-section{padding:40px 16px;}
  .cat-section .cat-header h2{font-size:22px;}
  .cat-section .cat-header p{font-size:12px;}
  .cat-section .cat-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .cat-section .cat-img{height:110px;}
  .cat-section .cat-name{padding:10px 4px;font-size:13px;}
}