/* SGCJ live TOP AI pickup, isolated from NANO child/theme design. */
.sgcj-home-pickup,.sgcj-home-pickup *{box-sizing:border-box}
.sgcj-home-pickup{position:relative;isolation:isolate;min-height:465px;background:#041724;color:#fff;overflow:hidden;display:flex;align-items:center;text-align:left}
.sgcj-home-pickup__background{position:absolute;inset:0;z-index:-2;background:#051825 url('./sgcj-ai-pickup-bg.webp') 62% 49%/cover no-repeat}
.sgcj-home-pickup:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#031623 0%,rgba(3,22,35,.95) 28%,rgba(3,22,35,.66) 52%,rgba(3,22,35,.09) 87%),linear-gradient(0deg,rgba(3,18,28,.2),rgba(3,18,28,.2))}
.sgcj-home-pickup__container{position:relative;width:min(1254px,calc(100% - 64px));margin-inline:auto;padding-block:65px}
.sgcj-home-pickup__copy{max-width:840px;padding-left:0}
.sgcj-home-pickup__eyebrow{display:inline-block;border:1px solid rgba(215,234,243,.78);padding:5px 10px;font:700 11px/1.1 Arial,sans-serif;letter-spacing:.13em;color:white;margin-bottom:28px}
.sgcj-home-pickup h2{color:#fff;font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif;font-weight:600;font-size:clamp(30px,2.8vw,43px);line-height:1.65;letter-spacing:.025em;margin:0 0 23px;padding:0;border:0;background:none;max-width:900px;text-shadow:0 1px 10px rgba(0,0,0,.3)}
.sgcj-home-pickup p{color:#fff;font-size:13px;line-height:2;letter-spacing:.02em;font-weight:600;margin:0 0 27px;padding:0}
.sgcj-home-pickup__button{display:inline-flex;min-height:51px;align-items:center;justify-content:space-between;gap:24px;padding:15px 24px;color:#071c29!important;background:white!important;font-size:13px;line-height:1.5;font-weight:700;text-decoration:none!important;border:0;box-shadow:none;transition:background .2s}
.sgcj-home-pickup__button:hover,.sgcj-home-pickup__button:focus-visible{background:#e8f1f5!important;color:#071c29!important}
.sgcj-home-pickup__button span{font-size:20px;line-height:1;font-weight:400}
@media(max-width:1100px){.sgcj-home-pickup__container{width:calc(100% - 64px)}.sgcj-home-pickup__background{background-position:63% center}.sgcj-home-pickup__copy{max-width:710px}}
@media(max-width:700px){
 .sgcj-home-pickup{min-height:450px}
 .sgcj-home-pickup__background{background-position:65% center}
 .sgcj-home-pickup:before{background:linear-gradient(90deg,rgba(3,22,35,.96) 0%,rgba(3,22,35,.86) 63%,rgba(3,22,35,.4) 100%)}
 .sgcj-home-pickup__container{width:calc(100% - 44px);padding-block:54px}
 .sgcj-home-pickup__eyebrow{font-size:10px;margin-bottom:22px}
 .sgcj-home-pickup h2{font-size:clamp(24px,6.4vw,31px);line-height:1.65;letter-spacing:0;margin-bottom:17px;overflow-wrap:anywhere}
 .sgcj-home-pickup p{font-size:12px;line-height:1.9;font-weight:500;margin-bottom:23px}
 .sgcj-home-pickup__button{font-size:11px;min-height:47px;padding:12px 15px;gap:12px;max-width:100%}
}
@media(max-width:360px){.sgcj-home-pickup h2{font-size:22px}.sgcj-home-pickup__container{width:calc(100% - 36px)}}

/* 2026-10-19: clear whitespace between NEWS / PICK UP / SERVICE */
#js-cb > .sgcj-home-pickup{margin:53px 0 56px}
#js-cb > .sgcj-home-pickup + .p-index-content04{margin-top:0 !important}

/* The added fifth service follows the existing TCD card design. */
.p-index-content04__list.p-three-box{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.p-index-content04__list.p-three-box > .p-three-box__item{width:auto;max-width:none;min-width:0;flex:none}
.p-index-content04__list.p-three-box .p-article12__title{overflow-wrap:anywhere}
.p-index-content04__list.p-three-box .p-article12__img img{width:100%;height:100%;object-fit:cover}
.p-index-content04__list.p-three-box .sgcj-ai-service-card .p-article12__img img{object-position:62% center}
@media(min-width:701px) and (max-width:1199px){
  .p-index-content04__list.p-three-box{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
 #js-cb > .sgcj-home-pickup{margin:33px 0 36px}
 .p-index-content04__list.p-three-box{grid-template-columns:minmax(0,1fr)}
 .p-index-content04__list.p-three-box > .p-three-box__item{width:100%;max-width:none}
}

/* Keep the NEWS → PICK UP whitespace consistent with PICK UP → SERVICE. */
#js-cb > .p-index-content03{margin-bottom:0 !important}