/* Four business areas: two columns leave room for the original copy. */
.services.services-four { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
.services-four .item { width: auto; min-height: 350px; padding: 48px; margin: 0; display: flex; align-items: flex-end; background-size: cover !important; }
.services-four .item .inner { position: static; padding: 0; width: 100%; }
.services-four .item .inner .txt { max-width: 580px; }
.services-four .item.service-si { background: linear-gradient(0deg,rgba(0,12,30,.88),rgba(0,20,50,.38)),url('../img/home/bg_recruit01.jpg') center / cover; }
.services-four .item.service-development { background: url('../img/home/bg_services01.jpg') center / cover; }
.services-four .item.service-products { background: url('../img/home/bg_services03.jpg') center / cover; }
.services-four .item.service-ses { background: url('../img/home/bg_services02.jpg') center / cover; }
.service-notice { margin: 18px 0; padding: 14px 18px; border-left: 3px solid #a78bfa; background: rgba(167,139,250,.1); }
.service-notice strong { color: #d9caff; }
.work-wk2ai .image img { border: 1px solid #294666; border-radius: 12px; }
@media (min-width:768px) and (max-width:1100px) { .main_face.hero-3d { width: 66vw; right: -6%; } }
@media (max-width:767px) {
  .services.services-four { grid-template-columns: 1fr; gap: 6px; }
  .services-four .item { padding: 32px 20px; min-height: 330px; margin: 0; }
}

.services-four .item.service-si { position: relative; isolation: isolate; overflow: hidden; background: #061528; }
.service-visual { position: absolute; width: 90%; aspect-ratio: 1; right: -16%; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: -2; }
.service-si::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(2,10,22,.88),rgba(2,10,22,.25)),linear-gradient(0deg,rgba(2,10,22,.85),transparent 80%); z-index: -1; }
.services-four .service-si .inner { position: relative; }
.works_inner .wrap_cat span.cat-ai { background: #b4f3e3; color: #073b37; border: 1px solid #75cbb5; font-weight: 700; letter-spacing: .08em; min-width: 46px; text-align: center; border-radius: 3px; }
.work-aside { margin-top: 12px; color: #afc1d1; font-size: 1.4rem; }
@media (max-width:767px) { .service-visual { width: 115%; right: -26%; top: 38%; } }