.fv-area{margin-bottom:80px;overflow:hidden}@media(max-width: 749px){.fv-area{margin-top:16px;margin-bottom:40px}}.fv-area .top-slider li{padding:0 20px}@media(max-width: 749px){.fv-area .top-slider li{padding:0 3px}}.fv-area .top-slider li a{width:800px;height:450px;border-radius:10px;overflow:hidden;transition:all .25s ease 0s;position:relative;z-index:1}@media(max-width: 749px){.fv-area .top-slider li a{width:343px;height:193px;border-radius:5px}}.fv-area .top-slider li a span{display:block}.fv-area .top-slider li a span img{width:800px;margin:0px auto}@media(max-width: 749px){.fv-area .top-slider li a span img{width:100%;height:auto}}.hot-list ul{display:flex;-webkit-box-pack:start;justify-content:flex-start;flex-wrap:wrap}@media(max-width: 749px){.hot-list ul{-webkit-box-pack:justify;justify-content:space-between}}.hot-list ul li{width:-webkit-calc((100% / 4) - 10px);width:calc(25% - 10px);margin-bottom:35px;margin-right:10px}.hot-list ul li:nth-child(4),.hot-list ul li:nth-child(8){margin-right:0}@media(max-width: 749px){.hot-list ul li{width:-webkit-calc((100% / 2) - 5px);width:calc(50% - 5px);margin-right:0;margin-bottom:16px}}.hot-list ul li a .thum{max-width:280px;width:100%;height:157px;margin-bottom:8px;border-radius:10px;overflow:hidden;transition:all .25s ease 0s;position:relative;z-index:1}@media(max-width: 749px){.hot-list ul li a .thum{width:100%;height:auto;border-radius:5px}}.hot-list ul li a .thum span{display:block}.hot-list ul li a .thum span:hover{transform:scale(1.05, 1.05);transition:all 1s ease 0s}.hot-list ul li a p{font-size:12px;color:#333}@media(max-width: 749px){.hot-list ul li a p{font-size:11px;letter-spacing:-0.5px}}.system{margin:75px auto 55px}@media(max-width: 749px){.system{margin:34px auto 24px}}.system img{width:800px;margin:0 auto}@media(max-width: 749px){.system img{width:100%}}@keyframes loop{from{transform:translateX(0)}to{transform:translateX(-100%)}}.logo-slider{width:100vw;height:189px;display:flex;margin-bottom:120px;overflow:hidden}@media(max-width: 749px){.logo-slider{margin-bottom:80px;height:200px}}.logo-slider img{width:2100px;height:189px;animation:loop 50s infinite linear .5s both;padding:0 20px}@media(max-width: 749px){.logo-slider img{width:1200px;height:199px;animation:loop 25s infinite linear .2s both;padding:0 10px}}.scene{margin-bottom:105px}@media(max-width: 749px){.scene{margin-bottom:45px}}.scene-list{display:flex;-webkit-box-pack:start;justify-content:flex-start;flex-wrap:wrap}@media(max-width: 749px){.scene-list{-webkit-box-pack:justify;justify-content:space-between}}.scene-list li{max-width:280px;width:calc(25% - 15px);height:100px;margin-right:15px;margin-bottom:15px;border-radius:10px;position:relative;overflow:hidden;transition:all .25s}@media(max-width: 749px){.scene-list li{width:-webkit-calc(49% - 3px);width:calc(49% - 3px);margin-right:0;border-radius:5px}}.scene-list li::after{content:"";width:24px;height:24px;background:url("../../images/mark.svg") no-repeat;background-size:100%;position:absolute;bottom:0;right:0}.scene-list li:nth-child(4){margin-right:0}.scene-list li a{width:100%;height:100%;font-size:20px;font-weight:700;text-align:center;background:#243a51;color:#fff;border:2px solid #ed5d5d;border-radius:10px}@media(max-width: 749px){.scene-list li a{font-size:16px}}.scene-list li a:hover{background:#fff;color:#243a51}.scene-list li a span{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.download{margin-bottom:90px}@media(max-width: 749px){.download{margin-bottom:10px}}.download-rank .scroll{display:flex;padding-bottom:30px;overflow-x:scroll;margin-right:-webkit-calc(50% - 50vw);margin-right:calc(50% - 50vw);scrollbar-width:none}.download-rank .scroll::-webkit-scrollbar{display:none}.download-rank-block{display:flex;counter-reset:number 0}.download-rank-block ul{width:240px;position:relative;margin-right:25px}@media(max-width: 749px){.download-rank-block ul{width:168px;margin-right:8px}}.download-rank-block ul::before{counter-increment:number 1;content:counter(number) " ";width:42px;height:42px;background:#ed5d5d;line-height:42px;position:absolute;top:0;left:0;font-family:"Montserrat",sans-serif;font-size:20px;color:#fff;text-align:center;border-radius:11px 0;z-index:10}@media(max-width: 749px){.download-rank-block ul::before{width:25px;height:25px;line-height:25px;font-size:14px;border-radius:5px 0}}.download-rank-block ul li:nth-of-type(1){min-height:240px;background:#f4f4f4;margin-bottom:16px;border-radius:11px;padding:10px 0;position:relative}@media(max-width: 749px){.download-rank-block ul li:nth-of-type(1){min-height:168px;margin-bottom:8px;padding:5px 15px;border-radius:5px}}.download-rank-block ul li:nth-of-type(1) p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:63px;margin-left:20px;padding:0 30px;font-size:14px;font-weight:700}@media(max-width: 749px){.download-rank-block ul li:nth-of-type(1) p{min-height:54px;font-size:12px;margin-left:15px;padding:0}}.download-rank-block ul li:nth-of-type(1) a{width:200px;height:120px;margin:13px auto 0}@media(max-width: 749px){.download-rank-block ul li:nth-of-type(1) a{width:136px;height:80px;margin:5px auto 0}}.download-rank-block ul li:nth-of-type(1) a:hover{transform:scale(1.05, 1.05);transition:1s all}.download-rank-block ul li:nth-of-type(2) a{width:100%;height:40px;line-height:40px;margin-bottom:16px;border:1px solid #666;border-radius:11px;color:#666;font-size:14px;font-weight:700;text-align:center}@media(max-width: 749px){.download-rank-block ul li:nth-of-type(2) a{height:28px;margin-bottom:8px;line-height:28px;border-radius:5px;font-size:12px}}.download-rank-block ul li:nth-of-type(2) a:hover{background:#666;color:#fff}.download-rank-block ul li:nth-of-type(3) p{white-space:break-spaces;font-size:12px;letter-spacing:-0.3px}@media(max-width: 749px){.download-rank-block ul li:nth-of-type(3) p{font-size:11px}}@media(max-width: 749px){.download-rank-block ul:last-child{margin-right:10px}}.link-block{display:flex;-webkit-box-pack:justify;justify-content:space-between;margin-bottom:120px}@media(max-width: 749px){.link-block{flex-wrap:wrap;margin-bottom:72px}}.link-block a{width:calc(50% - 10px);height:280px;border-radius:10px;position:relative}@media(max-width: 749px){.link-block a{width:100%;height:120px;border-radius:5px;margin-bottom:8px}}.link-block a.plan{background:url("../../images/top-plan.png") no-repeat #f4f4f4 40px 20px;background-size:280px 240px}@media(max-width: 749px){.link-block a.plan{background:url("../../images/top-plan.png") no-repeat #f4f4f4 16px 20px;background-size:165px auto}}.link-block a.plan h2{font-size:28px;text-align:center;position:absolute;top:66px;right:38px}@media(max-width: 749px){.link-block a.plan h2{font-size:14px;top:13px;right:35px}}.link-block a.plan .btn{color:#fff;background:#f8bf2d}.link-block a.plan:hover .btn{color:#f8bf2d;background:#fff}.link-block a.demo{background:url("../../images/top-demo.png") no-repeat #f4f4f4 40px 45px;background-size:340px 195px}@media(max-width: 749px){.link-block a.demo{background:url("../../images/top-demo.png") no-repeat #f4f4f4 10px 13px;background-size:160px auto}}.link-block a.demo h2{position:absolute;top:92px;right:45px}@media(max-width: 749px){.link-block a.demo h2{top:32px;right:28px}}.link-block a.demo h2 img{width:205px}@media(max-width: 749px){.link-block a.demo h2 img{width:105px}}.link-block a.demo .btn{color:#fff;background:#45d1d1}.link-block a.demo:hover .btn{color:#45d1d1;background:#fff}.link-block a h3{font-size:28px;color:#333;text-align:center}.link-block a .btn{width:300px;height:64px;border-radius:10px 0px;text-align:center;line-height:64px;font-size:20px;font-weight:700;position:absolute;right:0;bottom:0;transition:all .25s}@media(max-width: 749px){.link-block a .btn{width:168px;height:40px;border-radius:5px 0;line-height:40px;font-size:12px}}.function{margin-bottom:110px}@media(max-width: 749px){.function{margin-bottom:60px}}.function-block-ttl{margin-bottom:25px;font-size:20px;font-weight:900}@media(max-width: 749px){.function-block-ttl{margin-bottom:12px;font-size:14px}}.function-block-ttl::before{content:"";width:16px;height:16px;display:inline-block;background:#ed5d5d;margin-right:15px;border-radius:2px}@media(max-width: 749px){.function-block-ttl::before{width:12px;height:12px;margin-right:8px}}.function .scroll{display:flex;overflow-x:scroll;margin-right:-webkit-calc(50% - 50vw);margin-right:calc(50% - 50vw);scrollbar-width:none}.function .scroll::-webkit-scrollbar{display:none}.function-block-list{display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;margin-bottom:72px}@media(max-width: 749px){.function-block-list{width:95vw;overflow-x:scroll;margin-bottom:13px;padding-bottom:15px}}.function-block-list li{width:280px;margin-right:16px;position:relative;overflow:visible}@media(max-width: 749px){.function-block-list li:last-child::after{content:"";position:absolute;top:0;left:100%;height:1px;width:20px;background-color:rgba(0,0,0,0)}}@media(max-width: 749px){.function-block-list li{width:168px;margin-right:7px}}.function-block-list li a{color:#333}.function-block-list li a .thum{width:280px;height:157px;border-radius:10px;border:1px solid #ccc;overflow:hidden;transition:all .25s;position:relative;z-index:1}@media(max-width: 749px){.function-block-list li a .thum{width:168px;height:95px;border-radius:5px}}.function-block-list li a .thum span{display:block}.function-block-list li a .thum span:hover{transform:scale(1.05, 1.05);transition:1s all}.function-block-list li a h2{font-size:20px;margin:10px 0 3px}@media(max-width: 749px){.function-block-list li a h2{font-size:16px}}.function-block-list li a p{font-size:12px;color:#999}@media(max-width: 749px){.function-block-list li a p{font-size:11px}}.case{margin-bottom:40px}@media(max-width: 749px){.case{margin-top:80px}}.case .scroll{display:flex;overflow-x:scroll;margin-right:-webkit-calc(50% - 50vw);margin-right:calc(50% - 50vw);scrollbar-width:none}.case .scroll::-webkit-scrollbar{display:none}.case ul{display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;margin-bottom:40px}.case ul li{width:280px;margin-right:16px}@media(max-width: 749px){.case ul li{width:168px;margin-right:7px}}.case ul li a{color:#333}.case ul li a .thum{width:280px;height:157px;border-radius:10px;overflow:hidden;transition:all .25s;position:relative;z-index:1}@media(max-width: 749px){.case ul li a .thum{width:168px;height:94px;border-radius:5px}}.case ul li a .thum span{display:block}.case ul li a .thum span:hover{transform:scale(1.05, 1.05);transition:1s all}.case ul li a h3{margin:10px 0 3px;font-size:16px}@media(max-width: 749px){.case ul li a h3{font-size:14px}}.case ul li a p{font-size:12px;color:#999}@media(max-width: 749px){.case ul li a p{font-size:11px}}.purpose{margin-bottom:120px}@media(max-width: 749px){.purpose{margin-bottom:72px}}.purpose ul{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}.purpose ul li{width:-webkit-calc((100% / 3) - 12px);width:calc(33.3333333333% - 12px);margin-bottom:46px}@media(max-width: 749px){.purpose ul li{width:100%;margin-bottom:30px}}.purpose ul li a{max-width:373px;width:100%;height:239px;position:relative;overflow:hidden;border-radius:10px;margin-bottom:24px;z-index:1}@media(max-width: 749px){.purpose ul li a{max-width:100%;width:100%;height:220px;margin-bottom:16px;border-radius:5px}}.purpose ul li a::after{content:"";width:100%;height:100%;display:block;position:absolute;top:0;transition:all .25s}.purpose ul li a.bank-link::after{background:url("../../images/scene-purpose01.png") no-repeat center center;background-size:100%}.purpose ul li a.maker-link::after{background:url("../../images/scene-purpose02.png") no-repeat center center;background-size:100%}.purpose ul li a.building-link::after{background:url("../../images/scene-purpose03.png") no-repeat center center;background-size:100%}.purpose ul li a.service-link::after{background:url("../../images/scene-purpose04.png") no-repeat center center;background-size:100%}.purpose ul li a.professional-link::after{background:url("../../images/scene-purpose05.png") no-repeat center center;background-size:100%}.purpose ul li a.nursing-link::after{background:url("../../images/scene-purpose06.png") no-repeat center center;background-size:100%}.purpose ul li a:hover::after{transform:scale(1.05, 1.05);transition:all 1s ease 0s}.purpose ul li a h2{height:72px;line-height:72px;background:#243a51;border-radius:10px 10px 0 0;position:relative;z-index:1;color:#fff;font-weight:700;font-size:28px;letter-spacing:.05em;text-align:center}@media(max-width: 749px){.purpose ul li a h2{height:60px;line-height:60px;font-size:24px}}.purpose ul li a h2::before{content:"";width:36px;height:36px;display:inline-block;position:relative;top:8px;margin-right:15px}.purpose ul li a h2.bank::before{background:url("../../images/top-ico-bank.svg") no-repeat;background-size:100%}.purpose ul li a h2.maker::before{background:url("../../images/top-ico-package.svg") no-repeat;background-size:100%}.purpose ul li a h2.building::before{background:url("../../images/top-ico-buildings.svg") no-repeat;background-size:100%}.purpose ul li a h2.service::before{background:url("../../images/top-ico-storefront.svg") no-repeat;background-size:100%}.purpose ul li a h2.professional::before{background:url("../../images/ico-pen.svg") no-repeat;background-size:100%}.purpose ul li a h2.nursing::before{background:url("../../images/top-ico-heartbeat.svg") no-repeat;background-size:100%}.ttl{display:table;margin-bottom:27px}@media(max-width: 749px){.ttl{display:block;margin-bottom:24px}}.ttl h1{display:table-cell;vertical-align:baseline;font-size:24px;padding-right:23px}@media(max-width: 749px){.ttl h1{display:block;font-size:20px}}.ttl a{display:table-cell;vertical-align:baseline;color:#666;font-size:14px;font-weight:700}@media(max-width: 749px){.ttl a{display:block;font-size:12px}}.ttl a span{color:#ed5d5d;padding-left:5px}@media(max-width: 749px){.ttl a span{padding-left:3px}}