.banner-top-sj{width:100%;height:600px;overflow:hidden}.banner-top-sj .wrap{width:100%;height:100%;position:relative}.banner-top-sj .bg{width:100%;height:100%;position:relative;background-color:var(--color-font1)}.banner-top-sj .bg .cover{width:100%;height:100%;position:absolute;opacity:.4}.banner-top-sj .title{width:100%;padding:0 40px;box-sizing:border-box;position:absolute;top:55%;transform:translate3d(0, -50%, 0);z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none}.banner-top-sj .ttl{color:#fff;text-align:center;font-family:"Gilda Display";opacity:0;transform:translateY(20px);animation:fadeIn 2s forwards}.banner-top-sj .ttl h2{font-size:54px;font-weight:400;line-height:1;margin-bottom:20px}.banner-top-sj .ttl h3{font-size:16px;font-weight:400;line-height:1;color:hsla(0,0%,100%,.6)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@media screen and (max-width: 768px){.banner-top-sj{height:440px}.banner-top-sj .title{padding:0 20px}.banner-top-sj .ttl h2{font-size:40px;margin-bottom:16px}.banner-top-sj .ttl h3{font-size:14px}}.list-service-sticky-sj{width:100%;padding:120px 40px;box-sizing:border-box;position:relative}.list-service-sticky-sj .frame{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}.list-service-sticky-sj .nav{padding-top:200px;width:100%;display:flex;flex-direction:column;gap:20px;position:sticky;top:120px}.list-service-sticky-sj .nav li{width:100%}.list-service-sticky-sj .nav li a{display:block}.list-service-sticky-sj .nav li a>div{display:flex;align-items:center;gap:20px}.list-service-sticky-sj .nav li a>div span{display:block;width:26px}.list-service-sticky-sj .nav-name_en{font-size:20px;line-height:1;font-weight:400;font-family:"Gilda Display";color:var(--color-font2);transition:.4s}.list-service-sticky-sj .nav-name{font-size:16px;line-height:1;font-weight:400;color:var(--color-font3);padding:0;height:0;overflow:hidden;opacity:0;transition:.8s}.list-service-sticky-sj .nav li a.active .nav-name_en{color:var(--color-font1)}.list-service-sticky-sj .nav li a.active .nav-name{padding:12px 0 20px;opacity:1;height:auto}.list-service-sticky-sj .list{width:48%;display:flex;flex-wrap:wrap;gap:120px}.list-service-sticky-sj .service{width:100%;display:flex;flex-wrap:wrap;gap:40px}.list-service-sticky-sj .slide{width:100%;position:relative}.list-service-sticky-sj .swiper{width:100%;height:100%;position:relative}.list-service-sticky-sj .swiper-slide{width:100%;position:relative}.list-service-sticky-sj .swiper-slide .img{width:100%;aspect-ratio:16/9;position:relative}.list-service-sticky-sj .swiper-slide .cover{width:100%;height:100%;position:absolute}.list-service-sticky-sj .swiper-sub{width:100%;position:absolute;bottom:20px;display:flex;justify-content:center;align-items:center;gap:12px}.list-service-sticky-sj .swiper-button{width:auto;height:auto;cursor:pointer;margin-top:0;position:unset;transition:.4s;color:#fff}.list-service-sticky-sj .swiper-button .swiper-arrow{font-size:12px}.list-service-sticky-sj .swiper-button-prev:after,.list-service-sticky-sj .swiper-rtl .swiper-button-next:after,.list-service-sticky-sj .swiper-button-next:after,.list-service-sticky-sj .swiper-rtl .swiper-button-prev:after{content:""}.list-service-sticky-sj .swiper-pagination{position:unset;width:auto;color:#fff;display:flex;align-items:center;font-size:12px;font-weight:400;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-service-sticky-sj .swiper-pagination span{display:block;width:16px;text-align:center}.list-service-sticky-sj .swiper-pagination .space{margin:0 3px 0 4px}.list-service-sticky-sj .service .text{width:100%}.list-service-sticky-sj .text .name_en{font-size:28px;line-height:1;font-weight:400;font-family:"Gilda Display";color:var(--color-font1);margin-bottom:16px}.list-service-sticky-sj .text .name{font-size:16px;line-height:1;font-weight:400;color:var(--color-font1);margin-bottom:40px}.list-service-sticky-sj .text h2{font-size:16px;line-height:1;font-weight:400;font-family:"Gilda Display";color:var(--color-font1);margin-bottom:20px}.list-service-sticky-sj .text .detail{font-size:14px;line-height:1.8;font-weight:400;color:#333}.list-service-sticky-sj .text .detail strong{font-size:16px;font-weight:400;color:var(--color-font1)}@media(hover: hover)and (pointer: fine){.list-service-sticky-sj .nav-name_en:hover{color:var(--color-font1)}}@media screen and (max-width: 1400px){.list-service-sticky-sj .list{width:60%}}@media screen and (max-width: 1024px){.list-service-sticky-sj .nav-wrap{display:none}.list-service-sticky-sj .list{width:100%}}@media screen and (max-width: 768px){.list-service-sticky-sj{padding:80px 20px}.list-service-sticky-sj .list{gap:0}.list-service-sticky-sj .service{gap:30px;padding:40px 0;border-bottom:1px solid #d9d9d9;box-sizing:border-box}.list-service-sticky-sj .service:first-child{padding-top:0}.list-service-sticky-sj .service:last-child{padding-bottom:0;border-bottom:none}.list-service-sticky-sj .swiper-sub{bottom:10px}.list-service-sticky-sj .text .name_en{font-size:24px;margin-bottom:12px}.list-service-sticky-sj .text .name{font-size:14px;margin-bottom:30px}.list-service-sticky-sj .text .detail strong{font-size:14px}}.list-service-sticky-sj .service{transform:translate3d(0, 10%, 0);opacity:0;transition:opacity .5s,transform .5s}.list-service-sticky-sj .service.movmt{transform:translate3d(0, 0, 0);opacity:1;transition:opacity 1.2s,transform 1.2s}