@charset "UTF-8";body{font-family:Roboto,"Noto Sans JP",sans-serif}.page-template-page-secodary2024 .cont{margin-top:63px}#slide_bg{position:fixed;z-index:13;width:100vw;height:100vh;background-color:#ccc;mix-blend-mode:multiply;filter:opacity(0%);transition:.3s ease;transition-property:filter;pointer-events:none}#slide_bg.show{pointer-events:auto;filter:opacity(100%)!important}header{position:absolute;top:0;z-index:15;width:100vw;height:64px;background-color:#fff;border-bottom:solid 1px #ccc;box-shadow:none;transition:.3s ease;transition-property:transform}@media only screen and (max-width:1024px){header{position:fixed;transform:translate(0,-64px)}}@media only screen and (max-width:1024px){header.show{position:fixed;transform:translate(0,0)}}header .header_inner{width:calc(100% - 160px);height:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 0;margin:0 auto}@media only screen and (max-width:1280px){header .header_inner{width:100%;padding:10px 40px}}@media only screen and (max-width:560px){header .header_inner{padding:10px 20px}}header .header_inner *{display:inline-block}header .header_inner .header_content{display:flex;flex-wrap:nowrap;align-items:center;flex-grow:1;gap:0 15px}header .header_inner .header_content .header_logo{width:fit-content;max-width:140px;height:100%;line-height:0;margin-right:30px;opacity:1;transition:opacity .3s ease}header .header_inner .header_content .header_logo img{width:100%;min-width:80px}header .header_inner .header_content .header_logo:hover{opacity:.7}header .header_inner .header_content .header_menu{width:100%;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){header .header_inner .header_content .header_menu{display:none}}header .header_inner .header_content .header_menu .header_menu_list nav{display:inline-block}header .header_inner .header_content .header_menu .header_menu_list nav ul{display:flex;justify-content:space-between;align-items:center;gap:0 15%}header .header_inner .header_content .header_menu .header_menu_list nav ul li{font-size:14px;font-weight:700;white-space:nowrap;position:relative}header .header_inner .header_content .header_menu .header_menu_list nav ul li:after{content:"";display:block;position:absolute;bottom:-4px;right:0;z-index:1;width:0;height:2px;background-color:#ccc;transition:.3s ease;transition-property:width}header .header_inner .header_content .header_menu .header_menu_list nav ul li:hover a{color:inherit}header .header_inner .header_content .header_menu .header_menu_list nav ul li:hover:after{left:0;width:100%}header .header_inner .header_content .header_menu .header_btns{display:flex;align-items:center;gap:0 10px}@media only screen and (max-width:1024px){header .header_inner .header_content .header_menu .header_btns{display:none}}header .header_inner .header_signin{position:relative;padding-left:15px}header .header_inner .header_signin .signin_trigger{font-size:16px;line-height:0;cursor:pointer;transition:.3s ease;transition-property:color}header .header_inner .header_signin .signin_trigger path{transition:.3s ease;transition-property:fill}header .header_inner .header_signin .signin_trigger:hover{color:#31a592}header .header_inner .header_signin .signin_trigger:hover path{fill:#31A592}header .header_inner .header_signin .signin_menu{display:none;position:absolute;top:calc(3rem - 3px);right:0;z-index:14;padding:20px;line-height:1.5;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.16)}header .header_inner .header_signin .signin_menu.show{display:block}header .header_inner .header_signin .signin_menu ul{display:flex;flex-direction:column;gap:15px 0}header .header_inner .header_signin .signin_menu ul li{white-space:nowrap}header .header_inner .header_signin .signin_menu ul li a:hover{color:#31a592}header .header_inner .header_icon-wrap{position:relative;width:25pt;height:25pt;display:flex;justify-content:center;align-items:center;margin-left:15px;cursor:pointer}@media only screen and (min-width:1025px){header .header_inner .header_icon-wrap{display:none}}@media only screen and (max-width:800px){header .header_inner .header_icon-wrap{width:22pt;height:22pt}}header .header_inner .header_icon-wrap .header_icon{display:block;width:100%;height:2pt;background-color:#666;opacity:1;transition:.3s ease;transition-property:opacity width}header .header_inner .header_icon-wrap:after,header .header_inner .header_icon-wrap:before{content:"";position:absolute;display:block;width:100%;height:2pt;background-color:#666;transform:rotate(0) translate(0,0);transition:.3s ease;transition-property:transform top bottom}header .header_inner .header_icon-wrap:before{top:2pt}header .header_inner .header_icon-wrap:after{bottom:2pt}header .header_inner .header_icon-wrap.open .header_icon{width:0;opacity:0}header .header_inner .header_icon-wrap.open:before{top:50%;transform:rotate(-45deg) translate(0,-50%)}header .header_inner .header_icon-wrap.open:after{bottom:50%;transform:rotate(45deg) translate(0,50%)}header.top_minus{transform:translate(0,-64px)}header.fixed{position:fixed;transition:.3s ease;transition-property:transform}header.appear{transform:translate(0,0)!important}.slide_menu{display:none}@media only screen and (max-width:1024px){.slide_menu{display:block;position:fixed;top:0;right:0;z-index:14;width:100%;max-width:100vw;background-color:#fff;border-bottom:solid 1px #ccc;transform:translate(0,-100%);transition:.3s ease;transition-property:transform}}.slide_menu.open{transform:translate(0,64px)}.slide_menu .slide_menu_list{width:100%;padding:20px 30px;border-bottom:solid 1px #ccc}.slide_menu .slide_menu_list nav ul li{font-size:2vw;padding:15px 0}@media only screen and (max-width:800px){.slide_menu .slide_menu_list nav ul li{padding:10px 0}}@media only screen and (max-width:560px){.slide_menu .slide_menu_list nav ul li{font-size:14px}}.slide_menu .slide_menu_list nav ul li:not(:last-of-type){border-bottom:solid 1px #ccc}.slide_menu .slide_btns{max-width:65%;padding:30px;margin:0 auto;display:flex;flex-direction:column;gap:20px 0}@media only screen and (max-width:560px){.slide_menu .slide_btns{max-width:100%}}.slide_menu .slide_btns a{width:100%;font-size:18px;line-height:45px;border-radius:45px;padding:7px}@media only screen and (max-width:800px){.slide_menu .slide_btns a{font-size:16px;line-height:30px;border-radius:30px}}.btn{display:block;padding:1em 2em;font-weight:700;text-align:center;line-height:1;border-radius:1.75em;background:#fff}.btn.--cv{color:#fff;background:#4abaa7;border:2px solid #4abaa7}.btn.--cv:hover{color:#fff;background:#31a592;border-color:#31a592}.btn.--sub{border:2px solid #999;overflow:hidden;position:relative;z-index:0}.btn.--sub::after{content:"";display:block;position:absolute;bottom:0;right:0;z-index:-1;width:0;height:100%;background-color:#f5f5f5;transition:all .3s ease}.btn.--sub.--primary{color:#4abaa7;border:solid 2px #4abaa7}.btn.--sub.--primary:after{z-index:0;background-color:#f0faf8;mix-blend-mode:multiply;border-radius:35px}.btn.--sub:hover::after{left:0;width:100%}.txt{font-size:16px;line-height:1.75}.page-header{display:flex;height:480px;background:#f1f3f5}.page-header__txtarea{padding:1em 4.6% 1em 7.1%;flex:1;display:flex;align-items:center}.page-header__img{width:55.7%}.page-header__img img{width:100%;height:100%;object-fit:cover}.page-header__ttl{margin:0 0 .5em;font-size:3.0357142857vw;font-weight:700;line-height:1.4}.page-header__txt{margin:0;font-size:18px}.page-header .btn.--cv{margin-top:1.5em;max-width:400px;font-size:1.7857142857vw}@media screen and (min-width:1120px){.page-header{height:auto}.page-header__img img{min-height:100%;aspect-ratio:50/33}.page-header .btn.--cv{font-size:20px}}@media screen and (max-width:820px){.page-header{height:inherit;flex-wrap:wrap}.page-header__txtarea{width:100%;height:440px;padding:1em 30px}.page-header__ttl{font-size:4.6341463415vw}.page-header__img{width:100%}.page-header__img img{height:auto;aspect-ratio:50/33}.page-header .btn.--cv{font-size:20px}}@media screen and (max-width:480px){.page-header__ttl{font-size:7.0833333333vw}.page-header__txtarea{height:360px}.page-header__txt{font-size:16px}.page-header .btn.--cv{font-size:18px}}.section__wrapper{margin:100px 0 0}.section__wrapper.--band{padding:100px 0;background:#f1f3f5}.section__inner{margin:0 auto;padding:0 24px;max-width:1168px}.page__ttl{margin-bottom:1.5em;font-size:28px;font-weight:700;line-height:1.5;text-align:center}.page__ttl strong{font-size:40px;color:inherit}@media screen and (max-width:480px){.section__wrapper{margin:60px 0 0}.section__wrapper.--band{padding:60px 0}.page__ttl{font-size:18px}.page__ttl strong{font-size:26px}}.demo-site__wrapper{margin-top:40px;display:flex;gap:30px}.demo-site{position:relative;max-height:38.8vw;border:4px solid #333;border-radius:28px;overflow:hidden}.demo-site:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border-radius:24px;box-shadow:0 0 6px 6px rgba(0,0,0,.05) inset;pointer-events:none}.demo-site.--pc{width:74.3%}.demo-site.--sp{flex:1}.demo-site figure{width:100%;height:100%;overflow-y:scroll}.demo-site figure::-webkit-scrollbar{width:6px;background:rgba(255,255,255,.1)}.demo-site figure::-webkit-scrollbar-thumb{background:rgba(204,204,204,0);transition:all .3s ease;border-top:24px solid rgba(255,255,255,.1);border-bottom:24px solid rgba(255,255,255,.1);min-height:90px}.demo-site figure:hover::-webkit-scrollbar-thumb{background:#ccc}.demo-site figure img{width:100%;object-fit:cover}.demo-site.--sp figure::-webkit-scrollbar{display:none}@media screen and (min-width:1120px){.demo-site{max-height:515px}}@media screen and (max-width:820px){.demo-site{border-radius:18px}.demo-site:after{border-radius:18px}}@media screen and (max-width:480px){.demo-site{border-radius:28px}.demo-site:after{border-radius:28px}.demo-site{max-height:640px}.demo-site.--pc{display:none}}.outline .btn{margin:60px auto 0;max-width:318px}.merit__item{display:flex;gap:1em}.merit__item:not(:last-child){position:relative;padding-bottom:20px;z-index:0}.merit__item:not(:last-child):before{position:absolute;left:1.5em;height:100%;content:"";border-right:2px dashed #ccc;z-index:-1}.merit__item__icon{display:flex;align-items:center;justify-content:space-between;padding:5px;width:4em;height:4em;border-radius:50%;background:#fff}.merit__item__icon img{width:auto;max-width:100%;max-height:100%}.merit__item__txtarea{flex:1}.merit__item__step{margin:.75em 0 0;font-size:16px;font-weight:700;color:#555;line-height:1.2}.merit__item__ttl{margin:.5em 0 0;padding:0 6px 20px 0;font-size:24px;font-weight:700;border-bottom:1px solid #333;transition:all .3s ease}.merit__item__ttl strong{font-size:1em;color:inherit;background:linear-gradient(transparent 49%,#ffdbc1 50%)}.merit__item__ttl.js-merit-open span{position:relative;display:block;padding-right:32px;cursor:pointer}.merit__item__ttl.js-merit-open span::after,.merit__item__ttl.js-merit-open span::before{position:absolute;right:0;top:0;bottom:0;margin:auto;width:18px;height:2px;content:"";background:#333}.merit__item__ttl.js-merit-open span::after{transform:rotate(90deg);transition:all .3s ease}.merit__item__txt{padding:0 1.25em;font-size:16px;border-radius:6px;background:#fff;transition:all .3s ease;height:0;opacity:0;visibility:hidden}.merit__item__ttl.is-open{border-color:rgba(255,255,255,0)}.merit__item__ttl.is-open span::after{transform:rotate(0)}.merit__item__ttl.is-open+.merit__item__txt{padding:1em 1.25em;height:auto;opacity:1;visibility:visible}@media screen and (max-width:820px){.merit__item__ttl{font-size:22px}}@media screen and (max-width:480px){.merit__item:not(:last-child):before{left:1.2em}.merit__item__icon{padding:4px;width:2.8em;height:2.8em}.merit__item__step{margin:.75em 0 0;font-size:12px}.merit__item__ttl{font-size:18px}.merit__item__ttl span{padding-right:28px}.merit__item__ttl span::after,.merit__item__ttl span::before{width:14px}}.function__list{display:flex;flex-wrap:wrap;gap:16px}.function__list:after{content:"";display:block;width:calc((100% - 32px)/ 3)}.function__item{width:calc((100% - 32px)/ 3)}.function__item a{position:relative;padding:1.5em .75em;display:flex;gap:1em;width:100%;height:100%;font-size:16px;border:1px solid #ccc;border-radius:6px;overflow:hidden}.function__item a:before{position:absolute;top:0;right:0;width:0;height:100%;content:"";background:#f1f3f5;border-radius:6px;z-index:-1;transition:all .3s ease}.function__item a:hover{color:inherit}@media (hover:hover) and (pointer:fine){.function__item a:hover{color:inherit}.function__item a:hover:before{left:0;width:100%}}.function__item__icon{padding:7px;width:64px;height:64px;font-size:16px;background:#f1f3f5;border-radius:50%}.function__item__txtarea{flex:1}.function__item__ttl{margin:0;font-size:18px;font-weight:700}.function__item__txt{margin:.25em 0 0;font-size:14px}@media screen and (max-width:820px){.function__item{width:calc((100% - 16px)/ 2)}}@media screen and (max-width:480px){.function__list{gap:10px}.function__list:after{display:none}.function__item{width:100%}.function__item a{padding:1em .75em}.function__icon{width:56px;height:56px}.function__ttl{font-size:16px}}.function .btn{margin:60px auto 0;max-width:318px}.movie{padding-top:100px;background:linear-gradient(#f1f3f5 0,#f1f3f5 70%,#fff 70%)}.movie__list.slick-initialized .slick-slide{padding:0}.movie__list .slick-track{display:flex;align-items:center}.movie__list .slick-arrow{position:absolute;top:0;bottom:0;margin:auto;width:48px;height:48px;border-radius:50%;z-index:1;color:transparent;border:none;outline:0;cursor:pointer;filter:drop-shadow(0 0 6px rgba(0, 0, 0, .2));pointer-events:none;opacity:0}.movie__list .slick-arrow.active{pointer-events:inherit;opacity:1}.movie__list .slick-arrow.slick-prev{left:16vw;transform:rotate(90deg);background:url("../img/arrow.svg") center 53%/40% auto no-repeat,#333}.movie__list .slick-arrow.slick-next{right:16vw;transform:rotate(-90deg);background:url("../img/arrow.svg") center 53%/40% auto no-repeat,#333}.movie__item{width:58vw;max-width:800px;transition:all .3s ease}.movie__item__figure{width:100%;aspect-ratio:16/9}.movie__item__figure iframe{width:100%;height:100%}.movie__item__ttl{font-size:28px;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.movie__item .btn{max-width:146px}.movie__item:not(.slick-current){opacity:.3;pointer-events:none;transform:scale(.78)}.movie__item.is-active-next{transform:scale(1);opacity:1}@media screen and (max-width:820px){.movie__list .slick-arrow.slick-prev{left:4vw}.movie__list .slick-arrow.slick-next{right:4vw}.movie__item{width:70vw}.movie__item__ttl{font-size:20px}}@media screen and (max-width:480px){.movie{padding-top:60px;background:linear-gradient(#f1f3f5 0,#f1f3f5 50%,#fff 50%)}.movie__list .slick-arrow{width:36px;height:36px}.movie__list .slick-arrow.slick-prev{left:2vw}.movie__list .slick-arrow.slick-next{right:2vw}.movie__item{width:74vw}.movie__item__ttl{font-size:18px}}@media screen and (min-width:1600px){.movie__list .slick-arrow.slick-prev{left:23vw}.movie__list .slick-arrow.slick-next{right:23vw}}.case .page__ttl{text-align:left}.case__item{display:flex;gap:32px}.case__item+.case__item{margin-top:32px}.case__item__img{width:40%}.case__item__txtarea{flex:1}.case__item__ttl{margin:0;font-size:18px;font-weight:700}.case__item__txt{margin:1em 0 0;font-size:16px;line-height:1.75}.case__item .btn{margin-top:1.5em;max-width:146px}@media screen and (max-width:480px){.case__item{flex-wrap:wrap;gap:14px}.case__item+.case__item{margin-top:40px}.case__item__img{width:100%}}.price .page__ttl{padding:0 24px}.price__list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto;padding:0 30px;width:100%;max-width:1310px}.price__item{width:calc((100% - 50px)/ 6);border:1px solid #ccc;border-radius:6px;background:#fff}.price__item__ttl{margin:0;padding:16px 12px 0;font-size:18px;font-weight:700;text-align:center;border-radius:5px}.price__item.--free{border-top:10px solid #4abaa7}.price__item.--blue{border-top:10px solid #8faef3}.price__item.--silver{border-top:10px solid #b1b1b1}.price__item.--gold{border-top:10px solid #eccc5f}.price__item.--enterprise{border-top:10px solid #ff9c7d}.price__item.--sweet{border-top:10px solid #3d82ac}.price__item__yearly{margin:1em 0 0;font-size:12px;font-weight:700;text-align:center}.price__item__yearly .price__yearly{font-size:23px}.price__item__yearly .price__unit{font-size:15px}.price__item .per__yearly{padding-bottom:16px;margin:.25em 0 0;font-size:11px;text-align:center}@media screen and (max-width:820px){.price__list{padding:0 24px}.price__item{width:calc((100% - 20px)/ 3)}}@media screen and (max-width:480px){.price__item{width:calc((100% - 10px)/ 2)}.price__item__ttl{font-size:16px}.price__item__yearly .price__yearly{font-size:22px}.price__item__yearly .price__unit{font-size:14px}}.price .btn{margin:60px auto 0;max-width:318px}.secondary2024__breadcrumb{padding:.75em 0;border-bottom:1px solid #e5e5e5}.secondary2024__breadcrumb a{color:#777}.secondary .secondary2024__breadcrumb .box-breadcrumb nav ul li:not(:last-child)::after{content:"》";color:#777}.fixed-cv{position:fixed;bottom:0;left:0;padding:14px 0;width:100%;background:#fff;box-shadow:0 0 16px rgba(0,0,0,.1);pointer-events:none;opacity:0;transition:all .3s ease}.fixed-cv.fixed{pointer-events:inherit;opacity:1}.fixed-cv .section__inner{display:flex;justify-content:space-between;align-items:center;gap:8px}.fixed-cv__txt{flex:1;font-size:15px;font-weight:700}.fixed-cv__start{width:50%;max-width:500px}.fixed-cv__start .btn{padding:1.25em}.fixed-cv__sub{flex:1}.fixed-cv__sub .btn{margin-left:auto;max-width:224px}@media screen and (max-width:820px){.fixed-cv__txt{display:none}.fixed-cv__start{flex:1;width:inherit;max-width:inherit}.fixed-cv__sub{flex:inherit}.fixed-cv__sub .btn{padding:1em 1.5em}}@media screen and (max-width:480px){.fixed-cv{padding:12px 0}.fixed-cv .section__inner{padding:0 12px;gap:6px}}footer .inner{padding-bottom:100px}