.hover-btn{transition:.3s ease}.hover-btn:hover{transform:translate(0, -3px);box-shadow:0px 5px 5.82px .18px rgba(8,1,4,.5) !important}.common-title{text-align:center;padding:115px 0px 20px}.common-title .title{font-size:42px;min-width:16rem;color:#009dea;text-align:center;border-bottom:1px solid #009dea;display:inline-block;margin:auto}.common-title .description{font-size:13px;margin-top:24px}.common-sub-title{font-size:22px;background-color:#dbf3ff;height:82px;display:flex;justify-content:center;align-items:center}.link-btn a{color:#fff}.common-button{color:#fff;background-color:#4ac4ff;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}.common-button a{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.common-button.small{font-size:14px;height:34px;width:170px;border-radius:17px}.common-button.middle{font-size:20px;height:50px;width:250px;border-radius:25px}.common-button.large{font-size:14px;height:80px;width:330px;border-radius:40px}section.case .case-component-wrapper{margin-top:20px;width:1000px}section.case .case-component-wrapper .introduction{margin-top:45px;width:1000px;background-color:#fff;padding:30px}section.case .case-component-wrapper .introduction .title{font-size:21px;text-align:center}section.case .case-component-wrapper .introduction .images-pc{display:flex;flex-wrap:wrap;width:100%}section.case .case-component-wrapper .introduction .images-pc .logo{width:146px;margin:auto}section.case .case-component-wrapper .introduction .images-pc .logo img{object-fit:contain;padding:0 10px;width:100%}section.case .case-component-wrapper .introduction .images-pc .logo.long{width:220px}section.case .case-component-wrapper .introduction .images-pc .logo.long img{object-fit:contain;padding:0 10px;width:100%}section.case .case-component-wrapper .introduction .images-pc .logo.longer{width:285px}section.case .case-component-wrapper .introduction .images-pc .logo.longer img{object-fit:contain;padding:0 10px;width:100%}section.case .case-component-wrapper .introduction .images-pc .logo.big-box{width:220px}section.case .case-component-wrapper .introduction .images-pc .logo.big-box img{object-fit:contain;padding:25px;width:100%}section.case .case-component-wrapper .introduction .images-sp{display:none}.loop-wrap{background-color:#fff;display:flex;width:100%;height:140px;overflow:hidden}.loop-wrap ul{width:auto;height:100%;display:flex;padding:20px 0}.loop-wrap ul:first-child{animation:loop 50s -25s linear infinite}.loop-wrap ul:last-child{animation:loop2 50s linear infinite}.loop-wrap ul li{height:100%;margin:0 20px;align-items:center;display:flex}.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){section.case .case-component-wrapper{width:750px}section.case .case-component-wrapper .introduction{height:auto;width:750px;background-color:#fff;padding:20px}section.case .case-component-wrapper .introduction .title{font-size:21px;text-align:center}section.case .case-component-wrapper .introduction .images-pc{display:none}section.case .case-component-wrapper .introduction .images-sp{display:flex;flex-wrap:wrap;width:100%}section.case .case-component-wrapper .introduction .images-sp .logo{width:30%;margin:auto}section.case .case-component-wrapper .introduction .images-sp .logo img{object-fit:contain;padding:0px 5px;margin:20px auto;width:100%}section.case .case-component-wrapper .introduction .images-sp .logo.long{width:45%}section.case .case-component-wrapper .introduction .images-sp .logo.long img{object-fit:contain;padding:20px 5px;width:100%;margin:auto}section.case .case-component-wrapper .introduction .images-sp .logo.longer{width:60%}section.case .case-component-wrapper .introduction .images-sp .logo.longer img{object-fit:contain;padding:0 10px;width:100%}section.case .case-component-wrapper .introduction .images-sp .logo.big-box{width:45%;margin:auto}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){.common-title{padding:25px 0 20px 0}.common-title .title{font-size:25px;min-width:10rem}.common-title .description{font-size:12px}.common-sub-title{font-size:20px;height:60px}.common-button.middle{max-width:80%;height:35px;width:200px;font-size:16px}.common-button.large{max-width:80%;height:50px}section.case .case-component-wrapper{width:auto}section.case .case-component-wrapper .introduction{height:auto;width:auto;margin:15px 15px 0 15px;background-color:#fff;padding:20px}section.case .case-component-wrapper .introduction .title{font-size:21px;text-align:center}section.case .case-component-wrapper .introduction .images-pc{display:none}section.case .case-component-wrapper .introduction .images-sp{display:flex;flex-wrap:wrap;width:100%}section.case .case-component-wrapper .introduction .images-sp .logo{width:30%;margin:auto}section.case .case-component-wrapper .introduction .images-sp .logo img{object-fit:contain;padding:0px 5px;margin:20px auto;width:100%}section.case .case-component-wrapper .introduction .images-sp .logo.long{width:45%}section.case .case-component-wrapper .introduction .images-sp .logo.long img{object-fit:contain;padding:20px 5px;width:100%;margin:auto}section.case .case-component-wrapper .introduction .images-sp .logo.big-box{width:45%;margin:auto}section.case .case-component-wrapper .introduction .images-sp .logo.big-box img{object-fit:contain;padding:0px 5px;margin:20px auto;width:100%}}.header{height:108px;display:flex}.header .logo-area{width:120px;margin:30px auto 40px 50px}.header .logo-area .logo-image{width:100%}.header .menu-area{display:flex;justify-content:center;padding-top:48px}.header .menu-area .menu-row{display:flex;justify-content:center}.header .menu-area .menu-row .menu-element{padding:0 24px;font-size:13px}.header .menu-area .menu-row .menu-element a{color:#555}.header .black-button-area{display:flex;justify-content:center;padding:40px 22px 0}.header .black-button-area .button-box{height:26px;width:108px;padding:0 4px}.header .black-button-area .button-box .button{position:relative;font-size:11.5px;height:26px;width:100px;border-radius:6px;background-color:#000;color:#fff}.header .black-button-area .button-box .button a{position:absolute;width:100%;height:100%;color:#fff;display:flex;justify-content:center;align-items:center}.header .login-area{margin:25px 40px 0 0}.header .login-area .login-button{position:relative;font-size:14px;height:45px;width:135px;border-radius:22.5px;border-style:solid;border-width:3px;border-color:#fff;background-image:-moz-linear-gradient(180deg, rgb(104, 220, 255) 0%, rgb(29, 182, 255) 100%);background-image:-webkit-linear-gradient(180deg, rgb(104, 220, 255) 0%, rgb(29, 182, 255) 100%);background-image:-ms-linear-gradient(180deg, rgb(104, 220, 255) 0%, rgb(29, 182, 255) 100%);box-shadow:0px 3px 5.82px .18px rgba(8,1,4,.3);color:#fff}.header .login-area .login-button a{position:absolute;width:100%;height:100%;color:#fff;display:flex;justify-content:center;align-items:center}.header .nav-area{display:none}.footer .menu-area{padding:75px 0 58px;background-color:#f2f2f2}.footer .menu-area .menu-row{display:flex;justify-content:center}.footer .menu-area .menu-row .menu{position:relative;margin:12px}.footer .menu-area .menu-row .menu img{height:100%;width:100%}.footer .menu-area .menu-row .menu .title-box{position:absolute;top:28px;height:46px;width:236px;padding-right:40px;text-align:center;line-height:50px;background-color:#000;color:#fff;font-size:18px;opacity:.502}.footer .menu-area .menu-row .menu .icon-box{position:absolute;top:38px;left:200px;height:26px;width:26px;opacity:.502}.footer .menu-area .menu-row .menu .icon-box img{height:100%;width:100%}.footer .menu-area .menu-row .menu .menu-box{position:relative;height:200px;width:440px;background-color:#404040;text-align:center}.footer .menu-area .menu-row .menu .menu-box a{color:#fff}.footer .menu-area .menu-row .menu .menu-box .menu-title{padding-top:35px;font-size:21px}.footer .menu-area .menu-row .menu .menu-box .description{font-size:14px;padding-top:15px}.footer .menu-area .menu-row .menu .menu-box .icon-box2{position:absolute;bottom:25px;left:207px;height:26px;width:26px}.footer .menu-area .menu-row .menu .menu-box .icon-box2 img{height:100%;width:100%}.footer .trial-area-bg{position:relative;height:476px;width:100%;min-width:768px}.footer .trial-area-bg img{object-fit:cover;width:100%}.footer .trial-area-bg .trial-area{position:absolute;top:0;left:0;right:0;margin:0 auto}.footer .trial-area-bg .trial-area .header-box{margin-top:80px;width:100%;text-align:center;font-size:32px;color:#fff}.footer .trial-area-bg .trial-area .description{margin-top:45px;width:100%;text-align:center;font-size:18px;color:#fff}.footer .trial-area-bg .trial-area .button-row{margin-top:80px;width:100%;display:flex;justify-content:center}.footer .trial-area-bg .trial-area .button-row .button{position:relative;font-size:17px;height:100px;width:320px;margin:0 38px;border-radius:50px}.footer .trial-area-bg .trial-area .button-row .button.white{color:#4ac4ff;background-color:#fff}.footer .trial-area-bg .trial-area .button-row .button.white a{color:#4ac4ff}.footer .trial-area-bg .trial-area .button-row .button.black{color:#fff;background-color:#000}.footer .trial-area-bg .trial-area .button-row .button.black a{color:#fff}.footer .trial-area-bg .trial-area .button-row .button a{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.footer .footer-area{display:flex;justify-content:center}.footer .footer-area .logo-box{height:120px;margin:80px 0}.footer .footer-area .menu-box{margin-top:133px;padding:3px 60px;display:flex}.footer .footer-area .menu-box .menu-element{padding:0 12px;font-size:12px}.footer .footer-area .menu-box .menu-element a{color:#555}@media(max-width: 1144px){.header .menu-area{width:350px;justify-content:flex-end;padding-top:30px;flex-wrap:wrap}.header .menu-area .menu-row{justify-content:unset}}@media(max-width: 890px){.header{height:50px;justify-content:flex-start}.header .logo-area{height:auto;width:100px;margin:10px auto 0 10px}.header .logo-area .logo-image{width:100%}.header .menu-area{display:none}.header .menu-area .menu-element{display:none}.header .black-button-area{display:none}.header .login-area{margin:0 0 0 auto;padding-top:12px}.header .login-area .login-button{font-size:9.5px;height:35px;width:96px;border-radius:15.5px;border-width:1px}.header .nav-area{display:-ms-inline-flexbox;display:unset;padding:20px}.header .nav-area .btn-hamberger{float:right;margin:0;position:relative;width:30px;height:22px;z-index:10000003}.header .nav-area .btn-hamberger .icon{display:inline-block;transition:all .4s;box-sizing:border-box;position:absolute;left:0;width:29px;height:3.14px;background-color:#616161}.header .nav-area .btn-hamberger .icon.active{-webkit-transform:rotate(360deg);transform:rotate(360deg);background-color:#fff}.header .nav-area .btn-hamberger .icon:nth-of-type(1){top:0}.header .nav-area .btn-hamberger .icon:nth-of-type(1).active{-webkit-transform:translateY(10px) rotate(-45deg);transform:translateY(10px) rotate(-45deg)}.header .nav-area .btn-hamberger .icon:nth-of-type(2){top:9px}.header .nav-area .btn-hamberger .icon:nth-of-type(2).active{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}.header .nav-area .btn-hamberger .icon:nth-of-type(3){bottom:0}.header .nav-area .btn-hamberger .icon:nth-of-type(3).active{opacity:0}}@media(max-width: 768px){.footer .menu-area{padding:20px 0}.footer .menu-area .menu-row{max-width:100%;flex-wrap:wrap}.footer .menu-area .menu-row .menu{width:100%;max-width:440px;margin:6px 12px}.footer .menu-area .menu-row .menu .menu-box{padding:0 20px 60px;height:auto;width:auto}.footer .menu-area .menu-row .menu .menu-box .description{font-size:11px}.footer .menu-area .menu-row .menu .menu-box .icon-box2{bottom:20px;left:0;right:0;margin:0 auto}.footer .trial-area-bg{height:200px;min-width:auto}.footer .trial-area-bg .trial-area .header-box{margin-top:30px;font-size:18px}.footer .trial-area-bg .trial-area .description{margin-top:15px;font-size:13px}.footer .trial-area-bg .trial-area .button-row{margin-top:21px}.footer .trial-area-bg .trial-area .button-row .button{font-size:10px;height:35px;width:130px;margin:0 10px;border-radius:50px}.footer .footer-area .logo-box{margin:40px 25px}.footer .footer-area .menu-box{margin-top:40px;padding:0;display:unset;flex-wrap:wrap}}#overlay{display:none;position:fixed;top:0;left:0;width:100%;height:150%;z-index:10000001;transition:background .5s ease-out;background:rgba(60,180,232,.95)}#sp-nav{display:none;position:fixed;top:0;left:0;width:100%;height:auto;margin:0;padding:0;z-index:10000002;opacity:0;transition:opacity 1s ease-out}#sp-nav li{display:block;width:260px;margin:0 auto}#sp-nav li a{display:block;padding:7px 0;font-size:1.8rem;font-weight:bold;color:#fff}#sp-nav li a .ja{font-size:1.6rem;font-weight:normal;padding-left:15px}#sp-nav li.sns{margin-top:20px}#sp-nav li.sns a{position:relative;display:inline-block;width:40px;height:40px;margin-right:50px;background-color:#fff;color:#3cb4e8;border-radius:40px}#sp-nav li.sns a li{position:absolute}#sp-nav li.sns a li.fa-facebook-f{font-size:3.2rem;top:6px;left:11px}#sp-nav li.sns a li.fa-twitter{font-size:3rem;top:5px;left:6px}.nav-mode #sp-nav{display:block;height:100vh;opacity:1;overflow-y:scroll}.nav-mode .nav-table{width:100%;height:100vh;display:table}.nav-mode .nav-table ul{display:table-cell;vertical-align:middle}