.news.index .hover-btn{transition:.3s ease}.news.index .hover-btn:hover{transform:translate(0, -3px);box-shadow:0px 5px 5.82px .18px rgba(8,1,4,.5) !important}.news.index .common-title{text-align:center;padding:115px 0px 20px}.news.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}.news.index .common-title .description{font-size:13px;margin-top:24px}.news.index .common-sub-title{font-size:22px;background-color:#dbf3ff;height:82px;display:flex;justify-content:center;align-items:center}.news.index .link-btn a{color:#fff}.news.index .common-button{color:#fff;background-color:#4ac4ff;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}.news.index .common-button a{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.news.index .common-button.small{font-size:14px;height:34px;width:170px;border-radius:17px}.news.index .common-button.middle{font-size:20px;height:50px;width:250px;border-radius:25px}.news.index .common-button.large{font-size:14px;height:80px;width:330px;border-radius:40px}.news.index section.case .case-component-wrapper{margin-top:20px;width:1000px}.news.index section.case .case-component-wrapper .introduction{margin-top:45px;width:1000px;background-color:#fff;padding:30px}.news.index section.case .case-component-wrapper .introduction .title{font-size:21px;text-align:center}.news.index section.case .case-component-wrapper .introduction .images-pc{display:flex;flex-wrap:wrap;width:100%}.news.index section.case .case-component-wrapper .introduction .images-pc .logo{width:146px;margin:auto}.news.index section.case .case-component-wrapper .introduction .images-pc .logo img{object-fit:contain;padding:0 10px;width:100%}.news.index section.case .case-component-wrapper .introduction .images-pc .logo.long{width:220px}.news.index section.case .case-component-wrapper .introduction .images-pc .logo.long img{object-fit:contain;padding:0 10px;width:100%}.news.index section.case .case-component-wrapper .introduction .images-pc .logo.longer{width:285px}.news.index section.case .case-component-wrapper .introduction .images-pc .logo.longer img{object-fit:contain;padding:0 10px;width:100%}.news.index section.case .case-component-wrapper .introduction .images-pc .logo.big-box{width:220px}.news.index section.case .case-component-wrapper .introduction .images-pc .logo.big-box img{object-fit:contain;padding:25px;width:100%}.news.index section.case .case-component-wrapper .introduction .images-sp{display:none}.news.index .loop-wrap{background-color:#fff;display:flex;width:100%;height:140px;overflow:hidden}.news.index .loop-wrap ul{width:auto;height:100%;display:flex;padding:20px 0}.news.index .loop-wrap ul:first-child{animation:loop 50s -25s linear infinite}.news.index .loop-wrap ul:last-child{animation:loop2 50s linear infinite}.news.index .loop-wrap ul li{height:100%;margin:0 20px;align-items:center;display:flex}.news.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){.news.index section.case .case-component-wrapper{width:750px}.news.index section.case .case-component-wrapper .introduction{height:auto;width:750px;background-color:#fff;padding:20px}.news.index section.case .case-component-wrapper .introduction .title{font-size:21px;text-align:center}.news.index section.case .case-component-wrapper .introduction .images-pc{display:none}.news.index section.case .case-component-wrapper .introduction .images-sp{display:flex;flex-wrap:wrap;width:100%}.news.index section.case .case-component-wrapper .introduction .images-sp .logo{width:30%;margin:auto}.news.index section.case .case-component-wrapper .introduction .images-sp .logo img{object-fit:contain;padding:0px 5px;margin:20px auto;width:100%}.news.index section.case .case-component-wrapper .introduction .images-sp .logo.long{width:45%}.news.index section.case .case-component-wrapper .introduction .images-sp .logo.long img{object-fit:contain;padding:20px 5px;width:100%;margin:auto}.news.index section.case .case-component-wrapper .introduction .images-sp .logo.longer{width:60%}.news.index section.case .case-component-wrapper .introduction .images-sp .logo.longer img{object-fit:contain;padding:0 10px;width:100%}.news.index section.case .case-component-wrapper .introduction .images-sp .logo.big-box{width:45%;margin:auto}.news.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){.news.index .common-title{padding:25px 0 20px 0}.news.index .common-title .title{font-size:25px;min-width:10rem}.news.index .common-title .description{font-size:12px}.news.index .common-sub-title{font-size:20px;height:60px}.news.index .common-button.middle{max-width:80%;height:35px;width:200px;font-size:16px}.news.index .common-button.large{max-width:80%;height:50px}.news.index section.case .case-component-wrapper{width:auto}.news.index section.case .case-component-wrapper .introduction{height:auto;width:auto;margin:15px 15px 0 15px;background-color:#fff;padding:20px}.news.index section.case .case-component-wrapper .introduction .title{font-size:21px;text-align:center}.news.index section.case .case-component-wrapper .introduction .images-pc{display:none}.news.index section.case .case-component-wrapper .introduction .images-sp{display:flex;flex-wrap:wrap;width:100%}.news.index section.case .case-component-wrapper .introduction .images-sp .logo{width:30%;margin:auto}.news.index section.case .case-component-wrapper .introduction .images-sp .logo img{object-fit:contain;padding:0px 5px;margin:20px auto;width:100%}.news.index section.case .case-component-wrapper .introduction .images-sp .logo.long{width:45%}.news.index section.case .case-component-wrapper .introduction .images-sp .logo.long img{object-fit:contain;padding:20px 5px;width:100%;margin:auto}.news.index section.case .case-component-wrapper .introduction .images-sp .logo.big-box{width:45%;margin:auto}.news.index section.case .case-component-wrapper .introduction .images-sp .logo.big-box img{object-fit:contain;padding:0px 5px;margin:20px auto;width:100%}}.news.index .news-area{margin:77px auto 128px;display:none}@keyframes fade-in{0%{opacity:0}1%{opacity:0}100%{opacity:1}}.news.index .news-area.default{display:block}.news.index .news-area.active{display:block;animation-duration:1s;animation-name:fade-in}.news.index .news-area .news-box{width:1000px;padding:69px 80px 60px 5px;margin:0 auto;border-bottom:1px solid #3b3b3b;display:flex;position:relative}.news.index .news-area .news-box.end{border-bottom:0 solid #3b3b3b}.news.index .news-area .news-box .date{padding-right:30px;font-size:15px;font-weight:bold;position:relative;height:24px}.news.index .news-area .news-box .button{font-size:10.5px;height:25px;width:120px;margin:0 35px;justify-content:center;align-items:center;border-radius:10px;background-color:#8e8e8e;color:#fff;display:none}.news.index .news-area .news-box .description{font-size:15px}.news.index .news-area .news-box .description a{color:#555;cursor:pointer}.news.index .news-area .news-box .icon-box{position:absolute;right:30px}.news.index .news-area .common-button.large{margin:38px auto 0}@media(max-width: 768px){.news.index .news-area{margin:0 auto 60px;padding:0 20px}.news.index .news-area .news-box{padding:40px 5px;width:auto;flex-wrap:wrap}.news.index .news-area .news-box .date{margin-bottom:20px;height:auto;border-right:0px}.news.index .news-area .news-box .button{margin:0}.news.index .news-area .news-box .description{word-break:break-all}.news.index .news-area .news-box .description br{display:none}.news.index .news-area .common-button.large{margin:10px auto 0}}