.use-cases.index .hover-btn{transition:.3s ease}.use-cases.index .hover-btn:hover{transform:translate(0, -3px);box-shadow:0px 5px 5.82px .18px rgba(8,1,4,.5) !important}.use-cases.index .common-title{text-align:center;padding:115px 0px 20px}.use-cases.index .common-title .title{font-size:42px;min-width:16rem;color:#009dea;text-align:center;border-bottom:1px solid #009dea;display:inline-block;margin:auto}.use-cases.index .common-title .description{font-size:13px;margin-top:24px}.use-cases.index .common-sub-title{font-size:22px;background-color:#dbf3ff;height:82px;display:flex;justify-content:center;align-items:center}.use-cases.index .link-btn a{color:#fff}.use-cases.index .common-button{color:#fff;background-color:#4ac4ff;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}.use-cases.index .common-button a{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.use-cases.index .common-button.small{font-size:14px;height:34px;width:170px;border-radius:17px}.use-cases.index .common-button.middle{font-size:20px;height:50px;width:250px;border-radius:25px}.use-cases.index .common-button.large{font-size:14px;height:80px;width:330px;border-radius:40px}.use-cases.index section.case .case-component-wrapper{margin-top:20px;width:1000px}.use-cases.index section.case .case-component-wrapper .introduction{margin-top:45px;width:1000px;background-color:#fff;padding:30px}.use-cases.index section.case .case-component-wrapper .introduction .title{font-size:21px;text-align:center}.use-cases.index section.case .case-component-wrapper .introduction .images-pc{display:flex;flex-wrap:wrap;width:100%}.use-cases.index section.case .case-component-wrapper .introduction .images-pc .logo{width:146px;margin:auto}.use-cases.index section.case .case-component-wrapper .introduction .images-pc .logo img{object-fit:contain;padding:0 10px;width:100%}.use-cases.index section.case .case-component-wrapper .introduction .images-pc .logo.long{width:220px}.use-cases.index section.case .case-component-wrapper .introduction .images-pc .logo.long img{object-fit:contain;padding:0 10px;width:100%}.use-cases.index section.case .case-component-wrapper .introduction .images-pc .logo.longer{width:285px}.use-cases.index section.case .case-component-wrapper .introduction .images-pc .logo.longer img{object-fit:contain;padding:0 10px;width:100%}.use-cases.index section.case .case-component-wrapper .introduction .images-pc .logo.big-box{width:220px}.use-cases.index section.case .case-component-wrapper .introduction .images-pc .logo.big-box img{object-fit:contain;padding:25px;width:100%}.use-cases.index section.case .case-component-wrapper .introduction .images-sp{display:none}.use-cases.index .loop-wrap{background-color:#fff;display:flex;width:100%;height:140px;overflow:hidden}.use-cases.index .loop-wrap ul{width:auto;height:100%;display:flex;padding:20px 0}.use-cases.index .loop-wrap ul:first-child{animation:loop 50s -25s linear infinite}.use-cases.index .loop-wrap ul:last-child{animation:loop2 50s linear infinite}.use-cases.index .loop-wrap ul li{height:100%;margin:0 20px;align-items:center;display:flex}.use-cases.index .loop-wrap ul li img{max-height:100%;max-width:160px}@keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}@media(max-width: 950px){.use-cases.index section.case .case-component-wrapper{width:750px}.use-cases.index section.case .case-component-wrapper .introduction{height:auto;width:750px;background-color:#fff;padding:20px}.use-cases.index section.case .case-component-wrapper .introduction .title{font-size:21px;text-align:center}.use-cases.index section.case .case-component-wrapper .introduction .images-pc{display:none}.use-cases.index section.case .case-component-wrapper .introduction .images-sp{display:flex;flex-wrap:wrap;width:100%}.use-cases.index section.case .case-component-wrapper .introduction .images-sp .logo{width:30%;margin:auto}.use-cases.index section.case .case-component-wrapper .introduction .images-sp .logo img{object-fit:contain;padding:0px 5px;margin:20px auto;width:100%}.use-cases.index section.case .case-component-wrapper .introduction .images-sp .logo.long{width:45%}.use-cases.index section.case .case-component-wrapper .introduction .images-sp .logo.long img{object-fit:contain;padding:20px 5px;width:100%;margin:auto}.use-cases.index section.case .case-component-wrapper .introduction .images-sp .logo.longer{width:60%}.use-cases.index section.case .case-component-wrapper .introduction .images-sp .logo.longer img{object-fit:contain;padding:0 10px;width:100%}.use-cases.index section.case .case-component-wrapper .introduction .images-sp .logo.big-box{width:45%;margin:auto}.use-cases.index section.case .case-component-wrapper .introduction .images-sp .logo.big-box img{object-fit:contain;padding:0px 5px;margin:20px auto;width:100%}}@media(max-width: 768px){.use-cases.index .common-title{padding:25px 0 20px 0}.use-cases.index .common-title .title{font-size:25px;min-width:10rem}.use-cases.index .common-title .description{font-size:12px}.use-cases.index .common-sub-title{font-size:20px;height:60px}.use-cases.index .common-button.middle{max-width:80%;height:35px;width:200px;font-size:16px}.use-cases.index .common-button.large{max-width:80%;height:50px}.use-cases.index section.case .case-component-wrapper{width:auto}.use-cases.index section.case .case-component-wrapper .introduction{height:auto;width:auto;margin:15px 15px 0 15px;background-color:#fff;padding:20px}.use-cases.index section.case .case-component-wrapper .introduction .title{font-size:21px;text-align:center}.use-cases.index section.case .case-component-wrapper .introduction .images-pc{display:none}.use-cases.index section.case .case-component-wrapper .introduction .images-sp{display:flex;flex-wrap:wrap;width:100%}.use-cases.index section.case .case-component-wrapper .introduction .images-sp .logo{width:30%;margin:auto}.use-cases.index section.case .case-component-wrapper .introduction .images-sp .logo img{object-fit:contain;padding:0px 5px;margin:20px auto;width:100%}.use-cases.index section.case .case-component-wrapper .introduction .images-sp .logo.long{width:45%}.use-cases.index section.case .case-component-wrapper .introduction .images-sp .logo.long img{object-fit:contain;padding:20px 5px;width:100%;margin:auto}.use-cases.index section.case .case-component-wrapper .introduction .images-sp .logo.big-box{width:45%;margin:auto}.use-cases.index section.case .case-component-wrapper .introduction .images-sp .logo.big-box img{object-fit:contain;padding:0px 5px;margin:20px auto;width:100%}}.use-cases.index .case-area{margin-top:135px;margin-bottom:247px}.use-cases.index .case-area .case-component{display:flex;justify-content:center;margin-bottom:62px}.use-cases.index .case-area .case-component .case-box{position:relative;padding:29px 80px 0}.use-cases.index .case-area .case-component .case-box a{color:#b9e8ff}.use-cases.index .case-area .case-component .case-box:hover{background-color:#b9e8ff;transition-property:all;transition:.5s linear}.use-cases.index .case-area .case-component .case-box:hover a{color:#fff}.use-cases.index .case-area .case-component .case-box .title-box{font-size:34px;text-align:left;padding-top:10px}.use-cases.index .case-area .case-component .case-box .image-box{height:280px;width:450px;margin-top:20px}.use-cases.index .case-area .case-component .case-box .image-box img{height:100%;width:100%}.use-cases.index .case-area .case-component .case-box .name-box{font-size:17px;padding:50px 0 30px;text-align:left;color:#4ac4ff}.use-cases.index .case-area .case-component .case-box .description-box{padding-bottom:30px;font-size:15px;text-align:left;color:#555}.use-cases.index .case-area .case-component .case-box .icon-box{position:absolute;height:33px;width:33px;top:530px;left:500px}.use-cases.index .case-area .case-component .case-box .icon-box img{height:100%;width:100%}.use-cases.index .case-area .case-component .case-box .icon-box:hover img{height:100%;width:100%}@media(max-width: 768px){.use-cases.index .case-area{padding:0 20px;margin:40px 0}.use-cases.index .case-area .case-component{flex-wrap:wrap;margin-bottom:0}.use-cases.index .case-area .case-component .case-box{padding:0 20px 30px;margin-bottom:30px}.use-cases.index .case-area .case-component .case-box .title-box{text-align:center}.use-cases.index .case-area .case-component .case-box .image-box{height:187px;width:300px}.use-cases.index .case-area .case-component .case-box .name-box{text-align:center}.use-cases.index .case-area .case-component .case-box .description-box{margin:0 auto;text-align:center}.use-cases.index .case-area .case-component .case-box .icon-box{top:455px;left:0;right:0;margin:0 auto}}