/* 業種・目的から探す（/sagasu/）：3分類×1列の横長BOX */
.sg-head{background:var(--cx-navy);color:#fff;padding:26px 16px 22px!important}
.sg-head > *{max-width:1040px;margin-left:auto!important;margin-right:auto!important}
h1.sg-h1{color:#fff;font-family:var(--sx-font);font-size:clamp(24px,3vw,34px)!important;margin:0!important}
.sg-lead{margin:.3em auto 0!important;font-size:14.5px;opacity:.9}
.sg-jump{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px!important}
.sg-jump a{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;color:var(--cx-navy);font-weight:900;font-size:16px;padding:.8em 1em;border-radius:4px;text-decoration:none;border-bottom:4px solid var(--cx-amber2)}
.sg-jump a span{font-size:12px;color:var(--cx-muted);font-weight:700}
.sg-jump a::after{content:"▼";font-size:11px;color:var(--cx-amber2)}
.sg-jump a:hover{background:#fff4e8}
@media (max-width:640px){.sg-jump{grid-template-columns:1fr}}
.sg-group{background:var(--cx-light);padding:34px 16px 10px!important}
.sg-group:last-child{padding-bottom:40px!important}
.sg-group > *{max-width:1040px;margin-left:auto!important;margin-right:auto!important}
h2.sg-gh{font-family:var(--sx-font);font-size:clamp(22px,2.6vw,28px)!important;color:var(--cx-navy);margin:0!important;display:flex;align-items:center;gap:12px;scroll-margin-top:90px}
h2.sg-gh::before{content:"";width:6px;height:1.1em;background:var(--cx-amber2)}
.sg-gsub{font-size:13.5px;color:var(--cx-muted);margin:.2em auto 14px!important}
.sg-list{display:flex!important;flex-direction:column;gap:14px!important}
.sg-box{position:relative;display:grid!important;grid-template-columns:400px 1fr;background:#fff;border:1px solid var(--cx-line);border-radius:6px;overflow:hidden;margin:0!important;transition:transform .15s,box-shadow .15s}
.sg-box:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(11,27,52,.14)}
.sg-box > *{margin:0!important}
.sg-img a,.sg-img img{display:block;height:100%}
.sg-img img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:left top;border-radius:0!important}
.sg-body-in{padding:22px 26px!important;display:flex!important;flex-direction:column;justify-content:center;gap:8px!important}
.sg-body-in > *{margin:0!important}
.sg-tag{display:inline-block;align-self:flex-start;background:var(--cx-navy);color:#fff;font-size:12px;font-weight:900;padding:.2em .8em;border-radius:2px}
h3.sg-title{font-family:var(--sx-font);font-size:clamp(19px,2vw,25px)!important;line-height:1.45;margin:0!important}
h3.sg-title a{color:var(--cx-navy);text-decoration:none}
h3.sg-title strong{color:var(--cx-amber2);background:linear-gradient(transparent 68%,#ffe14d 68%)}
h3.sg-title a::after{content:"";position:absolute;inset:0}
.sg-desc{font-size:14px;color:var(--cx-muted);line-height:1.7}
.sg-go a{position:relative;z-index:1;display:inline-block;font-weight:900;font-size:14px;color:#fff;background:var(--cx-amber2);padding:.5em 1.2em;border-radius:4px;text-decoration:none}
.sg-go a::after{content:" ›"}
@media (max-width:860px){.sg-box{grid-template-columns:1fr}.sg-body-in{padding:16px 18px 18px!important}}
h1.sg-h1,h2.sg-gh{max-width:1040px;margin-left:auto!important;margin-right:auto!important}
@media (max-width:640px){
  .sg-jump{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .sg-jump a{flex-direction:column;align-items:flex-start;font-size:13px;padding:.6em .7em;gap:2px}
  .sg-jump a::after{display:none}
  .sg-lead{font-size:13px}
}
/* 漫画をいちばん上で目立たせる */
.sg-pick{background:#fffdf6;border-bottom:2px dashed #ddd}
.sg-pick h2.sg-gh::before{background:#ffd400}
.sg-pick .sg-box{border:3px solid #111;box-shadow:6px 6px 0 #111;grid-template-columns:52% 1fr}
.sg-pick h3.sg-title{font-size:clamp(22px,2.4vw,30px)!important}
.sg-pick .sg-tag{background:#ff5f1f}
@media (max-width:860px){.sg-pick .sg-box{grid-template-columns:1fr}}
.sg-group.sg-pick{padding-bottom:clamp(40px,5vw,64px)!important}
.sg-pick .sg-img img{aspect-ratio:16/9;object-position:center center}
/* 画像は縦横比を保つ（引き伸ばさない） */
.sg-img a,.sg-img img{height:auto!important}
.sg-img img{aspect-ratio:16/9!important;object-fit:cover!important;object-position:center top!important}
.sg-box{align-items:center}
/* 漫画BOX：画像を枠いっぱいに（下の余白をなくす） */
.sg-pick .sg-box{align-items:stretch!important}
.sg-pick .sg-img,.sg-pick .sg-img a{height:100%!important}
.sg-pick .sg-img img{height:100%!important;aspect-ratio:auto!important;min-height:100%;object-fit:cover!important;object-position:left center!important}
.sg-pick .sg-box > .sg-img{margin:0!important;line-height:0;align-self:stretch;position:relative}
.sg-pick .sg-box > .sg-img a{position:absolute;inset:0}
.sg-pick .sg-box{min-height:300px}
@media (max-width:860px){.sg-pick .sg-box > .sg-img{aspect-ratio:16/9}}
.sg-pick .sg-img img{object-position:center center!important}
.sg-pick .sg-img img{object-position:left center!important}