.about-hero-visual .hero-sector,
.about-hero-visual .hero-sector-product,
.about-hero-visual .hero-sector-enterprise,
.about-hero-visual .hero-sector-culture{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px 24px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.15);
  border-radius:0;
  background-color:#03050a;
  color:#fff;
  box-shadow:0 34px 90px rgba(0,0,0,.46);
}
.about-hero-visual .hero-sector-product{
  background-image:radial-gradient(ellipse at 72% 8%,rgba(201,215,255,.38),transparent 31%),radial-gradient(ellipse at 15% 88%,rgba(255,85,0,.48),transparent 39%),linear-gradient(155deg,#161b27 0%,#080a11 48%,#020306 100%);
}
.about-hero-visual .hero-sector-enterprise{
  background-image:radial-gradient(ellipse at 12% 9%,rgba(255,110,39,.7),transparent 32%),radial-gradient(ellipse at 86% 90%,rgba(43,82,255,.52),transparent 43%),linear-gradient(155deg,#1b1112 0%,#08090f 51%,#020306 100%);
}
.about-hero-visual .hero-sector-culture{
  background-image:radial-gradient(ellipse at 84% 7%,rgba(64,102,255,.78),transparent 34%),radial-gradient(ellipse at 20% 90%,rgba(255,91,20,.47),transparent 40%),linear-gradient(155deg,#07113a 0%,#070916 50%,#020306 100%);
}
.about-hero-visual .hero-sector:before{
  content:attr(data-index);position:absolute;z-index:4;left:17px;top:17px;color:rgba(255,255,255,.72);font:800 9px ui-monospace,monospace;letter-spacing:.16em;opacity:1;
}
.about-hero-visual .hero-sector:after{
  content:"" !important;position:absolute;z-index:1;left:-76%;top:5%;right:auto;bottom:auto;width:218%;height:32%;border:0;border-radius:0;background:linear-gradient(101deg,transparent 41%,rgba(255,255,255,.26) 49%,transparent 57%);opacity:.74;filter:blur(.2px);transform:rotate(-11deg);transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .45s;
}
.about-hero-visual .hero-sector:hover:after{height:32%;opacity:1;filter:blur(.2px);transform:translateX(15%) rotate(-11deg)}
.about-hero-visual .hero-sector span,
.about-hero-visual .hero-sector-product span{position:relative;z-index:3;display:block;color:#fff;text-shadow:0 9px 30px rgba(0,0,0,.72)}
.about-hero-visual .hero-sector span:before{content:"";position:absolute;left:50%;top:-52px;width:1px;height:34px;margin:0;background:linear-gradient(180deg,transparent,#ff5500);transform:translateX(-50%)}
.about-hero-visual .hero-sector b{display:block;font-size:clamp(31px,2.1vw,41px) !important;font-weight:900;line-height:1;letter-spacing:.15em !important;writing-mode:vertical-rl !important;text-orientation:upright !important;white-space:nowrap}
@media(max-width:700px){
  .about-hero-visual .hero-sector,.about-hero-visual .hero-sector-product,.about-hero-visual .hero-sector-enterprise,.about-hero-visual .hero-sector-culture{padding:18px 7px}
  .about-hero-visual .hero-sector:before{left:7px;top:7px;font-size:7px}
  .about-hero-visual .hero-sector b{font-size:19px !important;letter-spacing:.08em !important}
  .about-hero-visual .hero-sector span:before{top:-30px;height:19px}
}