/* 1. Single-tier header (logo / nav / phone / form) from 1181px. */
@media(min-width:1280px){
 :root{--header:5.5rem}
 .site-header{display:flex;align-items:center;gap:1.25rem;height:5.5rem;padding:0 1.8%;grid-template-columns:none;grid-template-rows:none;border-bottom:1px solid var(--line)}
 .site-header::before{display:none}
 .brand{flex:none;padding-left:0}
 .brand img{width:1.9rem;height:2.7rem}
 .site-header .gnav{display:flex;flex:1;justify-content:center;gap:1.7rem;margin:0;grid-template-columns:none;align-self:stretch}
 .site-header .gnav a,.site-header .gnav .gnav-home{display:flex;align-items:center;padding:0;background:none;border-radius:0;color:var(--navy);font-size:14px;font-weight:700;letter-spacing:.03em}
 .site-header .gnav .gnav-home{font-size:14px;letter-spacing:.1em}
 .site-header .gnav a::before{display:none}
 .site-header .gnav a:hover{color:var(--blue);background:none}
 .site-header .gnav::after{top:auto;bottom:.9rem;height:3px;width:2.4rem;background:var(--pink);border-radius:99px}
 .site-header .htel{flex:none;flex-direction:row;align-items:center;gap:.55rem;margin:0;min-height:3.1rem;padding:.3rem 1rem;border-radius:.6rem}
 .site-header .htel b{font-size:1.25rem;line-height:1}
 .site-header .htel small{display:none}
 .site-header .hcta{flex:none;margin:0;min-height:3.1rem;padding:.3rem 2.5rem .3rem 1.1rem;border-radius:.6rem;font-size:14px;letter-spacing:.06em}
 .site-header .hcta::before{width:.9rem;height:1rem;margin-right:.7rem}
 .site-header .hcta::after{right:.65rem;width:1.3rem;height:1.3rem;font-size:1.2rem}
 .site-header .menu-btn{display:none}
 .hero{padding-top:7rem}
}
@media(min-width:1280px) and (max-width:1365px){
 .site-header{gap:.9rem;padding:0 1.4%}
 .site-header .gnav{gap:1.15rem}
 .site-header .gnav a,.site-header .gnav .gnav-home{font-size:13px;letter-spacing:.02em}
 .site-header .htel{padding:.3rem .8rem}
 .site-header .htel b{font-size:1.15rem}
 .site-header .hcta{padding:.3rem 2.2rem .3rem .9rem;font-size:13px;letter-spacing:.04em}
}
@media(min-width:1500px){
 .site-header{gap:1.6rem;padding:0 2.2%}
 .site-header .gnav{gap:2.2rem}
 .site-header .gnav a{font-size:15px}
 .site-header .htel{flex-direction:column;gap:.1rem;padding:.3rem 1.2rem}
 .site-header .htel small{display:block;font-size:13px}
}
/* 1081-1279px: compact header with menu button (same as tablet). */
@media(min-width:1081px) and (max-width:1279px){
 :root{--header:4rem}
 .site-header{height:4rem;grid-template-columns:1fr 5.2rem;grid-template-rows:4rem}
 .site-header::before,.site-header .gnav,.site-header .htel,.site-header .hcta{display:none}
 .brand{padding-left:3vw}
 .brand img{width:1.85rem;height:2.6rem}
 .site-header .menu-btn{grid-area:1/2;margin:0;border:0;border-radius:0;padding:0}
 .hero{padding-top:5rem}
}

/* 2. Products: plain grid on white instead of the navy band carousel. */
.showcase{background:#fff;padding:4.5rem 0 4rem}
.showcase::before{display:none}
.showcase .kick,.showcase-head{color:#000}
.showcase .carousel-controls{display:none}
.showcase-head{margin-bottom:1.75rem}
.showcase .cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;overflow:visible;scroll-snap-type:none;padding:0}
.showcase .cats a{flex-basis:auto;width:auto;height:auto;aspect-ratio:3/2;border:0;border-radius:1rem;box-shadow:0 12px 26px -20px #173f5566;transition:transform .3s,box-shadow .3s}
.showcase .cats a:hover{transform:translateY(-3px);box-shadow:0 18px 30px -18px #173f5580}
@media(min-width:768px) and (max-width:1199px){.showcase .cats{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase .cats a{flex-basis:auto}}
@media(max-width:767px){
 .showcase{padding:3rem 0 2.5rem}
 .showcase .cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:0 7%;scroll-padding:0}
 .showcase .cats a{container-type:inline-size;flex-basis:auto;height:auto;aspect-ratio:1/1;border:0;border-radius:.9rem}
 .showcase .cats a::before{left:7cqw;top:6cqw;font-size:max(13px,8cqw)}
 .showcase .cats a::after{width:90cqw;height:90cqw;right:-36cqw;top:-36cqw}
 .showcase .category-name{left:7cqw;bottom:8cqw;font-size:max(14px,9.5cqw);letter-spacing:.03em}
 .showcase .category-icon{width:52cqw;height:52cqw;right:3cqw;top:12cqw}
}
/* 8 menu items (求人情報 added): tighter spacing per width band */
@media(min-width:1366px) and (max-width:1499px){.site-header .gnav{gap:1.05rem}.site-header .gnav a,.site-header .gnav .gnav-home{font-size:13.5px;letter-spacing:.02em}}
@media(min-width:1500px) and (max-width:1699px){.site-header .gnav{gap:1.35rem}.site-header .gnav a{font-size:14px}}
@media(min-width:1700px){.site-header .gnav{gap:2rem}}