body{font-family:'Ubuntu', "Noto Sans JP", Arial, sans-serif;font-size:0.95rem;color:#1f313f;font-weight:100;line-height:1.5}.body-padding{padding-top:80px}@media (min-width: 996px){.body-padding{padding-top:80px}}@media (min-width: 996px){.container__examples{width:50% !important}}a:hover div,a:hover img,a.fuwat:hover{opacity:0.6}ul{list-style-type:none}p{line-height:2}.font-rem-10{font-size:1rem}.font-rem-11{font-size:1.1rem}.font-rem-12{font-size:1.2rem}.font-rem-20{font-size:2rem}.lineheight12{line-height:1.2}.lineheight13{line-height:1.3}.lineheight14{line-height:1.4}.lineheight15{line-height:1.5}.text-primary{color:#1f313f !important}.text-primary:hover{color:#e94519}.text-blue{color:#2670b9 !important}.text-subprimary{color:#e94519}.text-subprimary:hover{color:#e94519;opacity:0.6}.text-lightgray{color:#f5f5f5}.text-gray{color:#787d91}.text-shadow{text-shadow:1px 2px 3px #000}.btn-primary{background-color:#1f313f;border-color:#1f313f}.btn-primary a{color:#fff;text-decoration:none}.btn-primary:hover{background-color:#2670b9;border-color:#2670b9;text-decoration:none !important}.btn-blue{background-color:#2670b9;border-color:#2670b9}.btn-blue a{color:#fff;text-decoration:none}.btn-blue:hover{background-color:#2670b9;border-color:#2670b9;text-decoration:none !important}.btn-subprimary{background-color:#e94519;border-color:#e94519;color:#fff}.btn-subprimary a{color:#fff;text-decoration:none}.btn-subprimary:hover{background-color:#2670b9;border-color:#2670b9;text-decoration:none}.btn-outline-primary{background-color:none;border-color:#1f313f;color:#1f313f}.btn-outline-primary a{text-decoration:none}.btn-outline-primary:hover{background-color:#2670b9;border-color:#2670b9;text-decoration:none}.btn-outline-dark{background-color:#fff}.btn-outline-dark a{text-decoration:none}.btn-outline-dark:hover{background-color:#2670b9;border-color:#2670b9;text-decoration:none}.btn-round{border-radius:24px}.border-top-blue{border-top:1px solid #1f313f}.border-top-gray{border-top:1px solid #f5f5f5}.border-top-freeplan{border-top:8px solid #1f313f}.border-top-standardplan{border-top:8px solid #e94519}.border-top-plusplan{border-top:8px solid #2670b9}.title-block{display:flex;justify-content:center;align-items:center}.bg-primary{background-color:#1f313f !important}.bg-subprimary{background-color:#e94519 !important}.bg-lightgray{background-color:#f5f5f5}.bg-white{background-color:#fff}.bg-blue{background-color:#2670b9}.logo{margin:8px}.nav-link{color:#000;padding-bottom:0}.copyright{background-color:#fff;color:#1f313f;width:100%;z-index:2000}.copyright--lp{position:absolute;bottom:0}.black-block{background-color:rgba(0,0,0,0.3);border-radius:8px}.black-block__title{border-bottom:2px solid #fff;display:inline-block}@media (min-width: 996px){#service,#functions,#sample,#price,#news{padding-top:64px;position:relative}}.titlebold{font-weight:700}footer{position:relative;z-index:1000;background-color:#fff}.pagetop__area{padding:16px;background-color:#1f313f;opacity:0.9}.pagetop__area:hover{background-color:#2670b9}.pagetop__button:hover{text-decoration:none}.pagetop__text{color:#fff}a:hover{text-decoration:none}.fuwat{visibility:hidden}.fuwatAnime{-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.5s;-ms-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-name:fuwatAnime;-ms-animation-name:fuwatAnime;animation-name:fuwatAnime;visibility:visible !important}@-webkit-keyframes fuwatAnime{0%{opacity:0;-webkit-transform:translateY(24px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fuwatAnime{0%{opacity:0;-webkit-transform:translateY(24px);-ms-transform:translateY(24px);transform:translateY(24px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fuwatAnime2{-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.8s;-ms-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-name:fuwatAnime2;-ms-animation-name:fuwatAnime2;animation-name:fuwatAnime2;visibility:visible !important}@-webkit-keyframes fuwatAnime2{0%{opacity:0;-webkit-transform:translateY(0px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fuwatAnime2{0%{opacity:0;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}img{flex-shrink:0}.required-tag{font-size:0.7rem;background-color:#e94519;color:#fff;padding:2px 8px;margin-right:10px}.main{display:block}.bg-normal{position:relative;z-index:1000;background-color:#fff}.bg{position:fixed;z-index:0;width:100%;height:580px}.content{position:relative;flex:1 0 auto;padding-top:74px;padding-bottom:85px}.page-top .content{position:relative;flex:1 0 auto;padding-top:74px;padding-bottom:0px}.page-top .content{padding-top:0;background:linear-gradient(to bottom, #fff 0%, #d7e8f7 99%)}.bg-grade{padding-top:0;background:linear-gradient(to bottom, #fff 0%, #d7e8f7 99%)}.sapa-jumbotron{height:520px;position:relative}@media (min-width: 996px){.sapa-jumbotron{padding-top:0}}.sapa-jumbotron video{padding:0;margin:0;min-width:100%;min-height:100%;background-size:cover;background-repeat:no-repeat;background-position-x:center;background-position-y:center}.sapa-jumbotron-box.ie11{max-width:none;padding:0 1rem;width:100%}.hero-logo{position:absolute;width:100%;top:40%}@media (min-width: 996px){.hero-logo{position:absolute;top:40%;width:100%}}.hero-button{position:absolute;bottom:32px;width:100%;z-index:2}.animated-navbar{opacity:0}.header{border-top:8px solid #2670b9;background:#fff}.navbar{padding:0rem;z-index:1030}.navbar__button{background-color:#000;background:url("/img/menu.svg") no-repeat center;background-size:64px 64px;border:0;cursor:pointer;height:64px;width:64px;margin:0;padding:0;margin-top:8px;margin-right:8px}.navbar__button.closure{background-color:#000;background:url("/img/x.svg") no-repeat center;background-size:64px 64px}.navbar__button:focus,.navbar__button:active{outline:none;opacity:0.6 !important}.navbar__loginbtn{margin-left:auto}@media (min-width: 996px){.navbar__loginbtn{margin-left:0}}.nav-item{padding:16px;margin-bottom:0}@media (min-width: 996px){.nav-item{margin:0;width:inherit}}.nav-item.active{position:relative}@media (min-width: 996px){.nav-item.active:after{border-bottom:4px solid #1f313f;content:"";display:block;width:100%}}.navbar-expand-lg .navbar-nav{padding-right:1.2rem;padding-left:1.2rem}.navmenu{color:#fff;background-color:#1f313f;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;padding:0;position:absolute;right:-296px;top:80px;transition:0.25s cubic-bezier(0, 0, 0.2, 1);width:248px}.navmenu.active{right:0}.navmenu__list{color:#1f313f;display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0px;width:100%}@media (min-width: 996px){.navmenu__list{margin:0;padding:0}}.navmenu__link{color:#fff;display:block;font-weight:bold;padding:0;text-decoration:none;font-size:1.2rem}.navmenu__link:hover{color:#1f313f;text-decoration:none}@media (min-width: 996px){.navmenu__link:hover{color:#fff}}@media (min-width: 996px){.navmenu__link{color:#fff;font-size:1.2rem;font-weight:normal;padding:0 1rem}}.navmenu__subtext{display:block;font-size:.6875rem;font-weight:normal}@media (min-width: 996px){.navmenu__subtext{display:none}}.navmenu__logobox{display:flex;justify-content:center;margin:.75rem 0}.navmenu__logo{max-height:24px;max-width:100%}.w-navbar{background-color:#1f313f}.w-navbar.nav-item a .navmenu__link{color:#1f313f !important}.html{margin:0;width:100%;height:100%}.body{margin:0;width:100%;height:100%;overflow:hidden;background:#1f313f;-webkit-perspective:300;-moz-perspective:300;-ms-perspective:300;-o-perspective:300;perspective:300}#d1{position:fixed;top:0;left:0;right:0;bottom:0;display:block;margin:0;padding:0;width:100%;height:100%}#d1:before,#d1:after{position:fixed;top:0;left:0;right:0;bottom:0;display:block;margin:0;padding:0;width:100%;height:100%}#d2{position:fixed;top:0;left:0;right:0;bottom:0;display:block;margin:0;padding:0;width:100%;height:100%}#d2:before,#d2:after{position:fixed;top:0;left:0;right:0;bottom:0;display:block;margin:0;padding:0;width:100%;height:100%}#d3{position:fixed;top:0;left:0;right:0;bottom:0;display:block;margin:0;padding:0;width:100%;height:100%}#d3:before,#d3:after{position:fixed;top:0;left:0;right:0;bottom:0;display:block;margin:0;padding:0;width:100%;height:100%}#d1,#d2,#d3{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}#d1:before,#d1:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0BAMAAAA5+MK5AAAAJFBMVEX////////////////////////////////////////////////Vd7HLAAAADHRSTlMARFVmd4iZqrvM3e7VNOnbAAADp0lEQVR4Xu3dwZGbMBQG4BcTg3EuKYESKMElUIJLoARKoASXmmtmsoeNLUBC33fb0zKDEZLe+1HUB4BHfGiNkl2jIGPsgyEyBjR//XGJzMDFdOYT0HxjHtzHF+jrWYECsBiVP3MzK/ibHVGaINv57hqlm+MkeHqITQSK4LnxDHH1IubdmZoxSiETPxUdYKORK43WTB6wLqvsJWCatSSqg/XHXiB08QFAVwFLwuLeK3aC8uWw+z6PDSnw6kfXLnMub8GLTQxFbZAKKpRcwGjC7atM+2Z0/Kw8QBjvX1Ga/v8vnZ9nutpr5GqOe7lFA1aXQJIhps0pA0ub+4+JNcF6vPm6JIA9yB/19Rn3Slffd8/qXvQGiK/g/rOWUqJpEn0RYNqwnvd8dzlxsW9YBDnsPucis1eYzospsEWu7PkuoT2gO2V+YClnqNLpzqyvaBeAANi82fBlZTPFAeiFquuYCGJSTFfbYhlFWvDgAcBNV4fgP3gGkYE58lxE4H72uMo10rmXWUxGuwlCBgC3AqJxT2kWyDTVbk4CgPMq5DuxJ4il3j0AZ1w0Jc4Ox12vVECVZ7Ev5uXfIL3i43mxBJiCpju+wWYgfZwSXCutFtgpX+3ub8xoMaR4pw4nGaqgVQ1TQQCBZeMzDmBSJiweo0zRe+CVtJoLgPIagAW9kCN0zmevDlPKw8E8IzwSHEUHYMBg2LG5jKsLqaX51E+XJo9XMc/NbzP4Ro3vXtBVl5B/1NVvPtjmKLXUCiBhiJQ3Tif4Xf5eKYLbYEvpVcW2nlx3e/Deye2wTUD6Cr6NKoOulmd93ajAQyZP3WWTiu8aIJVMmoX4sPX/V8r3scQ29VWJPqyG63dBl7jjjN5mGDK6Ok2EDlCTUakQLBGFO3TZz6/tJvbo1WexbvcMUFj3C24r3ki3wGkebFMCYyo3+NuWVqXDyItM1V22LK3nvvN5QA8IGrNoRTbLZODFeD36GBWYvhRTz5iiVgqknsl5gy5kYVMdkrhPNOqO5FMOoznqBsKYbNUK057tINAXWRGjSz5aNF7UZ6NCACDTrgHQvMhaEZzNAIC+wca9PHa6C8L+oOI9BwAWjmCSBNL+INoDIHx7lj7HuZJpI+o+L3EVchrD7IwCQ8pDQkQ6cM6QohA380I/ouxekyAqTRflwBwMxzsNIn9VHAggCyqXgscFLJTX2ADgJIrVV7EUpE3obK3ji4agAOa0ArSzOTsTEozdj4xfDYMEWsb1VYA/KFNOcBXJpxsAAAAASUVORK5CYII=);content:"";-webkit-animation:12s warp linear infinite;-moz-animation:12s warp linear infinite;-ms-animation:12s warp linear infinite;-o-animation:12s warp linear infinite;animation:12s warp linear infinite;visibility:visible;background-position:50% 50%}#d2:before,#d2:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0BAMAAAA5+MK5AAAAJFBMVEX////////////////////////////////////////////////Vd7HLAAAADHRSTlMARFVmd4iZqrvM3e7VNOnbAAADp0lEQVR4Xu3dwZGbMBQG4BcTg3EuKYESKMElUIJLoARKoASXmmtmsoeNLUBC33fb0zKDEZLe+1HUB4BHfGiNkl2jIGPsgyEyBjR//XGJzMDFdOYT0HxjHtzHF+jrWYECsBiVP3MzK/ibHVGaINv57hqlm+MkeHqITQSK4LnxDHH1IubdmZoxSiETPxUdYKORK43WTB6wLqvsJWCatSSqg/XHXiB08QFAVwFLwuLeK3aC8uWw+z6PDSnw6kfXLnMub8GLTQxFbZAKKpRcwGjC7atM+2Z0/Kw8QBjvX1Ga/v8vnZ9nutpr5GqOe7lFA1aXQJIhps0pA0ub+4+JNcF6vPm6JIA9yB/19Rn3Slffd8/qXvQGiK/g/rOWUqJpEn0RYNqwnvd8dzlxsW9YBDnsPucis1eYzospsEWu7PkuoT2gO2V+YClnqNLpzqyvaBeAANi82fBlZTPFAeiFquuYCGJSTFfbYhlFWvDgAcBNV4fgP3gGkYE58lxE4H72uMo10rmXWUxGuwlCBgC3AqJxT2kWyDTVbk4CgPMq5DuxJ4il3j0AZ1w0Jc4Ox12vVECVZ7Ev5uXfIL3i43mxBJiCpju+wWYgfZwSXCutFtgpX+3ub8xoMaR4pw4nGaqgVQ1TQQCBZeMzDmBSJiweo0zRe+CVtJoLgPIagAW9kCN0zmevDlPKw8E8IzwSHEUHYMBg2LG5jKsLqaX51E+XJo9XMc/NbzP4Ro3vXtBVl5B/1NVvPtjmKLXUCiBhiJQ3Tif4Xf5eKYLbYEvpVcW2nlx3e/Deye2wTUD6Cr6NKoOulmd93ajAQyZP3WWTiu8aIJVMmoX4sPX/V8r3scQ29VWJPqyG63dBl7jjjN5mGDK6Ok2EDlCTUakQLBGFO3TZz6/tJvbo1WexbvcMUFj3C24r3ki3wGkebFMCYyo3+NuWVqXDyItM1V22LK3nvvN5QA8IGrNoRTbLZODFeD36GBWYvhRTz5iiVgqknsl5gy5kYVMdkrhPNOqO5FMOoznqBsKYbNUK057tINAXWRGjSz5aNF7UZ6NCACDTrgHQvMhaEZzNAIC+wca9PHa6C8L+oOI9BwAWjmCSBNL+INoDIHx7lj7HuZJpI+o+L3EVchrD7IwCQ8pDQkQ6cM6QohA380I/ouxekyAqTRflwBwMxzsNIn9VHAggCyqXgscFLJTX2ADgJIrVV7EUpE3obK3ji4agAOa0ArSzOTsTEozdj4xfDYMEWsb1VYA/KFNOcBXJpxsAAAAASUVORK5CYII=);content:"";-webkit-animation:12s warp linear infinite;-moz-animation:12s warp linear infinite;-ms-animation:12s warp linear infinite;-o-animation:12s warp linear infinite;animation:12s warp linear infinite;visibility:visible;background-position:50% 50%}#d3:before,#d3:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0BAMAAAA5+MK5AAAAJFBMVEX////////////////////////////////////////////////Vd7HLAAAADHRSTlMARFVmd4iZqrvM3e7VNOnbAAADp0lEQVR4Xu3dwZGbMBQG4BcTg3EuKYESKMElUIJLoARKoASXmmtmsoeNLUBC33fb0zKDEZLe+1HUB4BHfGiNkl2jIGPsgyEyBjR//XGJzMDFdOYT0HxjHtzHF+jrWYECsBiVP3MzK/ibHVGaINv57hqlm+MkeHqITQSK4LnxDHH1IubdmZoxSiETPxUdYKORK43WTB6wLqvsJWCatSSqg/XHXiB08QFAVwFLwuLeK3aC8uWw+z6PDSnw6kfXLnMub8GLTQxFbZAKKpRcwGjC7atM+2Z0/Kw8QBjvX1Ga/v8vnZ9nutpr5GqOe7lFA1aXQJIhps0pA0ub+4+JNcF6vPm6JIA9yB/19Rn3Slffd8/qXvQGiK/g/rOWUqJpEn0RYNqwnvd8dzlxsW9YBDnsPucis1eYzospsEWu7PkuoT2gO2V+YClnqNLpzqyvaBeAANi82fBlZTPFAeiFquuYCGJSTFfbYhlFWvDgAcBNV4fgP3gGkYE58lxE4H72uMo10rmXWUxGuwlCBgC3AqJxT2kWyDTVbk4CgPMq5DuxJ4il3j0AZ1w0Jc4Ox12vVECVZ7Ev5uXfIL3i43mxBJiCpju+wWYgfZwSXCutFtgpX+3ub8xoMaR4pw4nGaqgVQ1TQQCBZeMzDmBSJiweo0zRe+CVtJoLgPIagAW9kCN0zmevDlPKw8E8IzwSHEUHYMBg2LG5jKsLqaX51E+XJo9XMc/NbzP4Ro3vXtBVl5B/1NVvPtjmKLXUCiBhiJQ3Tif4Xf5eKYLbYEvpVcW2nlx3e/Deye2wTUD6Cr6NKoOulmd93ajAQyZP3WWTiu8aIJVMmoX4sPX/V8r3scQ29VWJPqyG63dBl7jjjN5mGDK6Ok2EDlCTUakQLBGFO3TZz6/tJvbo1WexbvcMUFj3C24r3ki3wGkebFMCYyo3+NuWVqXDyItM1V22LK3nvvN5QA8IGrNoRTbLZODFeD36GBWYvhRTz5iiVgqknsl5gy5kYVMdkrhPNOqO5FMOoznqBsKYbNUK057tINAXWRGjSz5aNF7UZ6NCACDTrgHQvMhaEZzNAIC+wca9PHa6C8L+oOI9BwAWjmCSBNL+INoDIHx7lj7HuZJpI+o+L3EVchrD7IwCQ8pDQkQ6cM6QohA380I/ouxekyAqTRflwBwMxzsNIn9VHAggCyqXgscFLJTX2ADgJIrVV7EUpE3obK3ji4agAOa0ArSzOTsTEozdj4xfDYMEWsb1VYA/KFNOcBXJpxsAAAAASUVORK5CYII=);content:"";-webkit-animation:12s warp linear infinite;-moz-animation:12s warp linear infinite;-ms-animation:12s warp linear infinite;-o-animation:12s warp linear infinite;animation:12s warp linear infinite;visibility:visible;background-position:50% 50%}#d1:before{background-position:-190px 80px}#d1:after{background-position:90px -180px;-webkit-animation-delay:-2s;-moz-animation-delay:-2s;-ms-animation-delay:-2s;-o-animation-delay:-2s;animation-delay:-2s}#d2:before{background-position:210px 180px;-webkit-animation-delay:-4s;-moz-animation-delay:-4s;-ms-animation-delay:-4s;-o-animation-delay:-4s;animation-delay:-4s}#d2:after{background-position:-120px 40px;-webkit-animation-delay:-6s;-moz-animation-delay:-6s;-ms-animation-delay:-6s;-o-animation-delay:-6s;animation-delay:-6s}#d3:before{background-position:130px 140px;-webkit-animation-delay:-8s;-moz-animation-delay:-8s;-ms-animation-delay:-8s;-o-animation-delay:-8s;animation-delay:-8s}#d3:after{background-position:-150px -90px;-webkit-animation-delay:-10s;-moz-animation-delay:-10s;-ms-animation-delay:-10s;-o-animation-delay:-10s;animation-delay:-10s}@-webkit-keyframes warp{from{opacity:0;-webkit-transform:rotate(-60deg) translateZ(-300px)}to{opacity:1;-webkit-transform:rotate(60deg) translateZ(300px)}}@-moz-keyframes warp{from{opacity:0;-moz-transform:rotate(-60deg) translateZ(-300px)}to{opacity:1;-moz-transform:rotate(60deg) translateZ(300px)}}@-ms-keyframes warp{from{opacity:0;-ms-transform:rotate(-60deg) translateZ(-300px)}to{opacity:1;-ms-transform:rotate(60deg) translateZ(300px)}}@-o-keyframes warp{from{opacity:0;-o-transform:rotate(-60deg) translateZ(-300px)}to{opacity:1;-o-transform:rotate(60deg) translateZ(300px)}}@keyframes warp{from{opacity:0;transform:rotate(-60deg) translateZ(-300px)}to{opacity:1;transform:rotate(60deg) translateZ(300px)}}.ie11 h1,.ie11 h2,.ie11 h3,.ie11 h4,.ie11 h5,.ie11 h6,.ie11 p{width:100%}