.vision-con{background-color:#22272b;margin-top:4rem;padding:15.5rem 0;position:relative;overflow:hidden}.vision-con:after{background-image:url(/images/sub/vision_con_bnr.png)}.vision-con:before{z-index:1;content:"";pointer-events:none;background:radial-gradient(circle at 50% 52%,#00a18e33 0%,#00a18e0f 24%,#22272b00 54%),linear-gradient(#010a1214,#010a1252);position:absolute;inset:0}@supports (background-image:image-set(url('a.webp') type('image/webp'))){.vision-con:after{background-image:-webkit-image-set(url(/images/sub/vision_con_bnr.webp) 1x type("image/webp"),url(/images/sub/vision_con_bnr.png) 1x type("image/png"));background-image:image-set("/images/sub/vision_con_bnr.webp" 1x type("image/webp"),"/images/sub/vision_con_bnr.png" 1x type("image/png"))}}.vision-schema-con{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:49rem;height:49rem;margin:0 auto;display:flex;position:relative}.vision-schema-con:before{content:"";-webkit-backdrop-filter:blur(2.4rem);backdrop-filter:blur(2.4rem);opacity:0;filter:blur(1.2rem);width:100%;height:100%;transition:opacity 1.1s var(--motion-ease-elegant) 80ms, filter 1.25s var(--motion-ease-elegant) 80ms, transform 1.5s var(--motion-ease-elegant) 80ms;background:linear-gradient(#fff0,#ffffff26);border-radius:50%;position:absolute;top:0;left:0;transform:scale(.84)}.vision-schema-con:after{content:"";opacity:0;width:calc(100% - 5rem);height:calc(100% - 5rem);transition:opacity 1s var(--motion-ease-elegant) .32s, transform 1.6s var(--motion-ease-elegant) .32s;border:2px dashed #ffffff4d;border-radius:50%;position:absolute;top:2.5rem;left:2.5rem;transform:scale(.9)rotate(-10deg)}.vision-con.animated .vision-schema-con:before{opacity:1;filter:none;transform:scale(1)}.vision-con.animated .vision-schema-con:after{opacity:1;animation:28s linear 1.8s infinite vision-orbit-line;transform:scale(1)rotate(0)}.vision-schema-con .center-circle{z-index:3;box-sizing:border-box;opacity:0;filter:blur(.8rem);width:20rem;height:20rem;transition:opacity .9s var(--motion-ease-elegant) .2s, filter 1s var(--motion-ease-elegant) .2s, transform 1.2s var(--motion-ease-elegant) .2s;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;transform:translateY(1.4rem)scale(.78);box-shadow:0 2.2rem 5rem #00080e38,inset 0 0 0 1px #fffc}.vision-schema-con .center-circle:before,.vision-schema-con .center-circle:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.vision-schema-con .center-circle:before{opacity:0;border:1px solid #49dbc94d;inset:-1.6rem}.vision-schema-con .center-circle:after{border:1px solid #00a18e1f;inset:.7rem}.vision-con.animated .vision-schema-con .center-circle{opacity:1;filter:none;transform:translate(0,0)scale(1)}.vision-con.animated .vision-schema-con .center-circle:before{animation:5.4s ease-in-out 1.35s infinite vision-center-breathe}.vision-schema-con .center-circle img{z-index:1;opacity:0;max-width:100%;transition:opacity .72s var(--motion-ease-elegant) .48s, transform 1s var(--motion-ease-elegant) .48s;position:relative;transform:scale(.9)}.vision-con.animated .vision-schema-con .center-circle img{opacity:1;transform:scale(1)}.vision-schema-con .vision-connector{z-index:2;opacity:0;transform-origin:50% 100%;width:2px;height:4rem;transition:opacity .55s var(--motion-ease-elegant), transform .9s var(--motion-ease-elegant);pointer-events:none;background-image:repeating-linear-gradient(#ffffff9e 0 .28rem,#ffffff14 .28rem .72rem);background-position:50% 0;background-repeat:repeat-y;background-size:2px .72rem;position:absolute}.vision-schema-con .vision-connector01{margin-left:-1px;transition-delay:.54s;top:10.5rem;left:50%;transform:scaleY(0)}.vision-schema-con .vision-connector02{transition-delay:.64s;top:28.5rem;left:12.5rem;transform:rotate(60deg)scaleY(0)}.vision-schema-con .vision-connector03{transition-delay:.74s;top:28.5rem;left:34.5rem;transform:rotate(-60deg)scaleY(0)}.vision-con.animated .vision-schema-con .vision-connector{opacity:1;animation:1.8s linear 1.15s infinite vision-line-drift}.vision-con.animated .vision-schema-con .vision-connector01{transform:scaleY(1)}.vision-con.animated .vision-schema-con .vision-connector02{transform:rotate(60deg)scaleY(1)}.vision-con.animated .vision-schema-con .vision-connector03{transform:rotate(-60deg)scaleY(1)}.vision-schema-con .vision-list{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.vision-schema-con .vision-list li{-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);text-align:center;opacity:0;filter:blur(.9rem);width:16rem;height:16rem;transition:opacity .85s var(--motion-ease-elegant), filter 1s var(--motion-ease-elegant), transform 1.15s var(--motion-ease-elegant), background-color .55s var(--motion-ease-elegant), box-shadow .55s var(--motion-ease-elegant);will-change:opacity, filter, transform;background:#ffffff26;border-radius:50%;flex-direction:column;justify-content:center;display:flex;position:absolute;box-shadow:0 1.4rem 3.6rem #00080e1f}.vision-schema-con .vision-list li:before{content:"";border-radius:inherit;z-index:9;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(135deg,#fff 0%,#fff0 50%,#fff 100%);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.vision-schema-con .vision-list li.item01{margin-left:-8rem;transition-delay:.82s;top:-5.5rem;left:50%;transform:translateY(3.4rem)scale(.8)}.vision-schema-con .vision-list li.item02{transition-delay:.96s;bottom:5.5rem;left:-2.5rem;transform:translate(3.2rem,-1.8rem)scale(.8)}.vision-schema-con .vision-list li.item03{transition-delay:1.1s;bottom:5.5rem;right:-2.5rem;transform:translate(-3.2rem,-1.8rem)scale(.8)}.vision-con.animated .vision-schema-con .vision-list li{opacity:1;filter:none;transform:translate(0,0)scale(1)}.vision-schema-con .vision-list li .icon{opacity:0;width:7.2rem;height:7.2rem;transition:opacity .65s var(--motion-ease-elegant), transform .85s var(--motion-ease-elegant);margin:0 auto .4rem;display:block;transform:translateY(.8rem)scale(.9)}.vision-schema-con .vision-list li .icon img{max-width:100%;max-height:100%}.vision-schema-con .vision-list li strong{letter-spacing:-.025em;color:#fff;opacity:0;transition:opacity .65s var(--motion-ease-elegant), transform .85s var(--motion-ease-elegant);font-size:1.6rem;font-weight:500;line-height:1.3;display:block;transform:translateY(.6rem)}.vision-schema-con .vision-list li.item01 .icon{transition-delay:1.02s}.vision-schema-con .vision-list li.item01 strong{transition-delay:1.12s}.vision-schema-con .vision-list li.item02 .icon{transition-delay:1.16s}.vision-schema-con .vision-list li.item02 strong{transition-delay:1.26s}.vision-schema-con .vision-list li.item03 .icon{transition-delay:1.3s}.vision-schema-con .vision-list li.item03 strong{transition-delay:1.4s}.vision-con.animated .vision-schema-con .vision-list li .icon,.vision-con.animated .vision-schema-con .vision-list li strong{opacity:1;transform:translate(0,0)scale(1)}@keyframes vision-center-breathe{0%,to{opacity:.18;transform:scale(.96)}50%{opacity:.52;transform:scale(1.04)}}@keyframes vision-line-drift{0%{background-position:50% 0}to{background-position:50% .72rem}}@keyframes vision-orbit-line{0%{transform:scale(1)rotate(0)}to{transform:scale(1)rotate(360deg)}}@media (max-width:800px){.vision-con{padding:8rem 0}.vision-schema-con{width:32rem;height:32rem}.vision-schema-con:after{width:calc(100% - 3rem);height:calc(100% - 3rem);top:1.5rem;left:1.5rem}.vision-schema-con .center-circle{width:12rem;height:12rem;padding:1.8rem}.vision-schema-con .vision-list li{width:12rem;height:12rem}.vision-schema-con .vision-connector{height:2.6rem}.vision-schema-con .vision-connector01{top:7.6rem}.vision-schema-con .vision-connector02{top:18.2rem;left:8.9rem}.vision-schema-con .vision-connector03{top:18.2rem;left:16.9rem}.vision-schema-con .vision-list li.item01{margin-left:-6rem;top:-4.4rem}.vision-schema-con .vision-list li.item02{bottom:2.4rem;left:-2.5rem}.vision-schema-con .vision-list li.item03{bottom:2.4rem;right:-2.5rem}.vision-schema-con .vision-list li .icon{width:4.4rem;height:4.4rem}.vision-schema-con .vision-list li strong{font-size:1.4rem}}@media (prefers-reduced-motion:reduce){.vision-con:before,.vision-schema-con:before,.vision-schema-con:after,.vision-schema-con .center-circle,.vision-schema-con .center-circle img,.vision-schema-con .vision-list li,.vision-schema-con .vision-list li .icon,.vision-schema-con .vision-list li strong{opacity:1;filter:none;transition:none;transform:none}.vision-schema-con .center-circle:before{opacity:.24;animation:none;transform:none}.vision-con.animated .vision-schema-con:after{animation:none}.vision-schema-con .vision-connector{opacity:1;transition:none;animation:none}.vision-schema-con .vision-connector01{transform:scaleY(1)}.vision-schema-con .vision-connector02{transform:rotate(60deg)scaleY(1)}.vision-schema-con .vision-connector03{transform:rotate(-60deg)scaleY(1)}}