.top .navbar-fixed-top{position:fixed !important}.top .navbar-fixed-top .container{width:auto;padding-left:150px;padding-right:150px;max-width:1600px}.top .navbar .navbar-inner{padding:0}.top .navbar.bgimage .navbar-inner{padding:20px 0}.box-fadein img{opacity:0;transition:all 1s}.box-fadein img.lazyloaded{opacity:1}.top-hero-section,.top-features,.top-function-section,.top-template-section,.top-casestudy-section,.top-price-section,.top-contact-section,.fixed-button{font-family:'Noto Sans JP',Meiryo,'Hiragino Kaku Gothic Pro','MS PGothic',sans-serif}.top-hero-section h1{font-size:36px;line-height:1.3;font-weight:bold;margin-bottom:15px;letter-spacing:0}.top-hero-section h2{color:#fff;font-size:25px;font-weight:bold;margin:.5em 0}.top-hero-section{padding:120px 0}.top-hero-section .container{display:flex;width:auto;max-width:1600px;padding-left:150px;padding-right:150px}.top-hero-section .header{flex:0 0 50%;text-align:left}.top-hero-section .contact-large-button{width:auto;background-color:rgba(0,0,0,.2)}.top-hero-section .lead{margin-bottom:60px}.top-hero-section .contact-headline{font-size:26px}.top-hero-section .top-image img{width:100%}.top-features-section{position:relative;z-index:10;background-color:#fff;display:flex;flex-flow:row wrap}.top-features .top-features-section:nth-of-type(1){padding:100px 0 150px 0}.top-features .top-features-section:nth-of-type(2),.top-features .top-features-section:nth-of-type(3),.top-features .top-features-section:nth-of-type(4){padding:0 0 150px 0}.features-visual{order:2;flex:0 1 calc(50% + 100px);height:auto;overflow:hidden}_:-ms-lang(x)::-ms-backdrop,.features-visual{flex:0 1 50%}.features-text{order:1;flex:0 1 calc(50% - 100px);padding:0 80px}_:-ms-lang(x)::-ms-backdrop,.features-text{flex:0 1 50%}.top-features .top-features-section:nth-of-type(2) .features-visual,.top-features .top-features-section:nth-of-type(4) .features-visual{order:1}.top-features .top-features-section:nth-of-type(2) .features-text,.top-features .top-features-section:nth-of-type(4) .features-text{order:2}.features-text-title{font-size:32px;line-height:1.4;color:#552b00}.features-text-body{font-size:18px;margin-top:20px}.features-text-link{margin-top:80px;font-size:0}.features-visual-image{text-align:right}.top-features-section .features-visual-image{opacity:0;transform:scale(1.2);transition:all .8s}.top-features-section.is-inview .features-visual-image{opacity:1;transform:scale(1);transition-delay:.4s}@media(max-width:1450px){.top .navbar-fixed-top .container,.top-hero-section .container{padding-left:50px;padding-right:50px}}@media(max-width:1250px){.top-hero-section{padding:100px 0}.top-hero-section h1{font-size:32px}.top-hero-section h2{font-size:22px}.top-hero-section .lead{font-size:18px}.top-hero-section .contact-headline{font-size:20px}.contact-large-button,.contact-large-button:focus{padding:14px 20px}.features-text-title{font-size:28px}.features-text-body{font-size:16px}}@media(max-width:1200px){.top-hero-section{padding:100px 0 0}.top-hero-section .container{display:block}.top-hero-section .header{text-align:center}.top-hero-section .top-image{margin-top:50px}.top-hero-section .top-image img{width:60%}.top-hero-section .lead{margin-bottom:30px}}@media(max-width:1024px){.top .navbar-fixed-top .container,.top-hero-section .container{padding-left:30px;padding-right:30px}.top-features .top-features-section:nth-of-type(1){padding:30px 0}.top-features .top-features-section:nth-of-type(2),.top-features .top-features-section:nth-of-type(3),.top-features .top-features-section:nth-of-type(4){padding:0 0 30px 0}}@media(max-width:600px){.top .navbar-fixed-top .container,.top-hero-section .container{padding-left:15px;padding-right:15px}.top-hero-section h1 .wrap-text{display:block}.top-hero-section h2,.top-hero-section .lead{text-align:left}.top-hero-section .header{padding-left:30px;padding-right:30px}}@media(max-width:480px){.top-hero-section .top-image img{width:100%}.top-hero-section .contact-headline{font-size:16px}.top-hero-section .contact-headline img{display:none}.top-hero-section .header{padding-left:0;padding-right:0}.features-text-body{font-size:14px}}.circleButton,.circleButton:focus{display:inline-block;height:46px;max-width:100%;padding:0 66px 0 0;position:relative;width:auto;color:#552b00}.circleButton:hover{color:#552b00;text-decoration:none}.circleButton__label{display:block;height:46px;font-size:18px;font-weight:bold;line-height:46px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.circleButton__circle{border:1px solid rgba(85,43,0,.3);border-radius:50%;display:block;height:46px;position:absolute;right:0;top:0;width:46px}.circleButton__circle__arc{height:46px;left:-1px;position:absolute;top:-1px;transform:scaleX(-1) rotate(-90deg);transform-origin:center;width:46px;z-index:1}.circleButton__circle__arc circle{stroke:#552b00;stroke-dasharray:144px;stroke-dashoffset:144px;transition:stroke-dashoffset .75s cubic-bezier(.19,1,.22,1)}.circleButton__circle__arrow{position:absolute;top:1px;left:14px;font-size:26px}.circleButton:hover .circleButton__circle__arc{transform:rotate(-90deg)}.circleButton:hover .circleButton__circle__arc circle{stroke-dashoffset:0}.top-features .circleButton{margin-bottom:10px}.features-text-link{overflow:hidden}.features-text-link .col-half{width:50%;float:left}.features-text-link .col-half .circleButton{height:32px;padding:0 40px 0 0}.features-text-link .col-half .circleButton__label{height:32px;line-height:32px}.features-text-link .col-half .circleButton__circle{width:32px;height:32px}.features-text-link .col-half .circleButton__circle__arc{width:32px;height:32px}.features-text-link .col-half .circleButton__circle__arrow{top:2px;left:10px;font-size:16px}@media(min-width:1600px){.features-text{padding:0 80px 0 140px}.top-features .top-features-section:nth-of-type(2) .features-text{padding:0 140px 0 80px}}@media(max-width:1200px){.features-visual{flex:0 1 50%}.features-text{flex:0 1 50%;padding:0 80px}.features-text-link{margin-top:30px}.top-features-section{padding:60px 0}}@media(max-width:1020px){.top-features-section{display:block;padding:30px 0}.features-visual{flex:0 1 100%}.features-visual-image{text-align:center;padding:0 30px}.features-text-title{font-size:30px;line-height:1.2}.features-text{flex:0 1 100%;padding:0 30px;margin-top:30px}.features-text-body{margin-top:10px}}@media(max-width:480px){.features-text-link .col-half .circleButton__label{font-size:14px}.features-text-title{font-size:22px}}.top-function-section .container,.top-template-section .container{padding-left:0;padding-right:0}@media(max-width:1300px){.top-function-section .container,.top-template-section .container,.top-casestudy-section .container{width:auto}}.top-function-section .section-title,.top-template-section .section-title,.top-casestudy-section .section-title,.top-price-section .section-title,.top-contact-section .section-title{font-size:32px;font-weight:bold;line-height:1.3;margin-bottom:1em}.top-function-section .section-title,.top-template-section .section-title,.top-casestudy-section .section-title,.top-price-section .section-title{color:#552b00}.top-function-section .section-title{color:#552b00}.top-function-section{background-color:#f3ece9;padding:40px 35px;z-index:10;position:relative}.top-function-section .bnr{background-color:#fff;margin:10px 0}.top-function-section .bnr a{text-decoration:none;padding:24px;display:block;color:#333;border:2px solid #fff;box-shadow:0 0 10px #f3ece9;transition:all .4s}.top-function-section .bnr a:hover{border:2px solid #402000;box-shadow:0 0 10px #ddd}.top-function-section .service-icon,.top-function-section .service-name,.top-function-section .service-info{display:block;position:relative}.top-function-section .service-name{margin-top:5px;font-size:18px;font-weight:bold;color:#552b00;text-align:center}.top-function-section .service-icon{text-align:center}.top-function-section .service-info{margin-top:1em;font-size:13px}.top-function-section .flex-container{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-15px}.top-function-section .flex-item{width:25%;margin-bottom:10px}.top-function-section .bnr{height:100%;margin:0 5px}.top-function-section .bnr a{height:100%}@media(max-width:1200px){.top-function-section .flex-item{width:33.333%}}@media(max-width:850px){.top-function-section .flex-item{width:50%}}@media(max-width:480px){.top-function-section .section-title,.top-template-section .section-title,.top-casestudy-section .section-title,.top-price-section .section-title,.top-contact-section .section-title{font-size:22px}.top-function-section .flex-item{width:100%}.top-function-section{padding:20px 15px}.top-function-section .flex-container{margin-left:0;margin-right:0}}.top-template-section{background-color:#402000;padding:40px 35px;text-align:center;position:relative;z-index:10}.top-template-section .section-title{color:#fff}.template-box{background-color:#fff;margin-bottom:20px}.template-box-image img{width:100%;height:auto}.template-box-text{padding:20px}.top-template-section .template-name{font-size:18px;font-weight:bold;color:#552b00;text-align:center;margin-bottom:10px}.top-template-section .template-box-info{font-size:12px;text-align:left;min-height:3em}.top-template-section .template-box-btn{display:flex;margin-top:10px}.top-template-section .template-box-btn-column{flex:0 0 calc(50% - 5px);margin-right:10px}.top-template-section .template-box-btn-column:last-child{margin-right:0}.top-template-section .flex-container{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-15px}.top-template-section .flex-item{width:33.333%;margin-bottom:10px}.top-template-section .template-box{height:100%;margin:0 5px}@media(max-width:1200px){.top-template-section .flex-item{width:33.333%}}@media(max-width:1024px){.top-template-section .template-box-btn{display:block}.top-template-section .template-box-btn-column{flex:none;margin:10px 0 0}}@media(max-width:850px){.top-template-section .flex-item{width:50%}}@media(min-width:580px){.top-template-section .section-title .wrap-text{display:block}}@media(max-width:480px){.top-template-section .flex-item{width:100%}.top-template-section{padding:20px 15px}.top-template-section .flex-container{margin-left:0;margin-right:0}}.top-casestudy-section{background-color:#fff;padding:40px 0;text-align:center;position:relative;z-index:10}.casestudy-area{background-color:#ebe1d3;padding:30px;width:900px;margin:0 10px}.casestudy-text-title{font-size:28px;line-height:1.3;color:#552b00;margin-top:20px}.casestudy-text-body{font-size:16px;margin:15px 0 0}.casestudy-text-link{margin-top:30px;font-size:0}.res-flow{padding:10px 15px;margin-top:5px;background-color:#fff;border:1px solid #552b00;font-size:16px;font-weight:bold}.top-casestudy-section .nav-pills>li>a{padding:5px 10px;margin:0 15px 0 0;border-radius:13px;transition:all .4s;color:#552b00}.top-casestudy-section .nav-pills>.active>a,.nav-pills>.active>a:hover,.nav-pills>li>a:hover{background-color:#402000;color:#fff}@media(max-width:800px){.top-casestudy-section p.subhead{text-align:left}}.top-price-section{background-color:#fff;padding:40px 35px;text-align:center;position:relative;z-index:10}.price-card-container{display:flex;justify-content:center;border-right:1px solid #ddd}.price-card{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;flex:0 0 25%}.price-card-head{border-bottom:1px solid #ddd;padding:10px 0;color:#fff;font-size:16px}.price-card-body{padding:20px 0}.price-base{font-size:16px;line-height:1.2}.price-text{font-size:26px;font-weight:bold}.tax-inc{font-size:14px}.price-description{margin-top:1em}.free-plan .price-base{margin:17px 0}.free-plan .price-card-head{background-color:#429ce6}.basic-plan .price-card-head{background-color:#8cc152}.pro-plan .price-card-head{background-color:#e95e4f}.premium-plan .price-card-head{background-color:#eeb300}.free-plan .price-base{color:#429ce6}.basic-plan .price-base{color:#8cc152}.pro-plan .price-base{color:#e95e4f}.premium-plan .price-base{color:#eeb300}@media(max-width:800px){.top-price-section{padding:0}.price-card-container{display:block}.free-plan .price-base{margin:0}.link-plan-guide{font-size:16px}}@media(max-width:767px){.col-plan-link{border-bottom:1px dotted #ddd;padding-bottom:15px;margin-bottom:15px}.col-plan-link:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}}@media(min-width:481px){.col-plan-link .wrap-text{display:block}}.top-contact-section{position:relative}.contact-large-button,.contact-large-button:focus{border:2px solid #fff;border-radius:10px;color:#fff;padding:20px 28px;display:inline-block;text-align:center;transition:all .4s}.contact-large-button:hover{text-decoration:none;color:#fff;background-color:rgba(255,255,255,.3)}.contact-headline{font-size:20px;vertical-align:middle;display:block;font-weight:bold}.contact-text{font-size:16px;display:block;margin-top:15px}.regist-btn-area{text-align:right}.contact-btn-area{text-align:left}@media(max-width:1024px){.top-contact-section .container{width:auto}}@media(max-width:800px){.top-contact-section .section-title .wrap-text{display:block}}@media(max-width:767px){.top-contact-section .contact-large-button{display:block;margin-bottom:15px}}.device-mobile-frame{width:320px;display:inline-block;text-align:center;padding:20px;border-radius:10px;background-color:#402000}.slick-dots li button:before{font-family:"Arial Black",Gadget,"sans-serif" !important;font-size:30px !important}.slick-slider{padding:0}.slick-dots li button:before,.slick-dots li.slick-active button:before{color:#fff !important}#casestudy-slide>.slick-next{right:18px !important;background:url("../img/doc/top/arrow-icon-right.png") no-repeat !important;width:62px !important;height:62px !important}#casestudy-slide>.slick-next:before{font-size:74px !important;opacity:0 !important}#casestudy-slide>.slick-prev{left:18px !important;z-index:1;background:url("../img/doc/top/arrow-icon-left.png") no-repeat !important;width:62px !important;height:62px !important}#casestudy-slide>.slick-prev:before{font-size:0 !important;opacity:1 !important}@media(max-width:400px){#casestudy-slide>.slick-next{right:0 !important;width:42px;height:42px;background-size:cover}#casestudy-slide>.slick-prev{left:0 !important;width:42px;height:42px;background-size:cover}}.slick-next{right:-12px !important;background:url("../img/doc/top/arrow-icon-right-white.png") no-repeat !important;background-size:cover !important;width:25px !important;height:25px !important}.slick-next:before{font-size:0 !important;opacity:1 !important}.slick-prev{left:-12px !important;z-index:1;background:url("../img/doc/top/arrow-icon-left-white.png") no-repeat !important;background-size:cover !important;width:25px !important;height:25px !important}.slick-prev:before{font-size:0 !important;opacity:1 !important}@media(min-width:768px) and (max-width:991px){.casestudy-area{width:700px}.device-mobile-frame{width:234px}}@media(max-width:991px){.casestudy-text-title{font-size:26px}.casestudy-text-body{font-size:14px;margin-top:10px}.casestudy-text-link{margin-top:23px}.circleButton__label{font-size:16px}.res-flow{font-size:14px}}@media(max-width:767px){.casestudy-area{width:400px}#casestudy-slide{background-color:#ebe1d3}.casestudy-text-title{font-size:23px}}@media(max-width:480px){.casestudy-area{padding:20px 15px}}@media(max-width:430px){.casestudy-area{width:300px}.device-mobile-frame{width:270px}}@media(max-width:420px){.casestudy-text-link .circleButton__label{font-size:18px;line-height:1.3;text-overflow:inherit;overflow:inherit;white-space:inherit}}@media(max-width:380px){.device-mobile-frame{width:100%}}.footer-fixed-button{position:fixed;background:rgba(255,255,255,0.8);z-index:11;padding:20px;box-shadow:0 0 15px -5px #777;border-radius:8px;bottom:-150px;right:15px;transition:all .4s}.footer-fixed-button.displayed{bottom:15px}.regist-button{display:block;margin:0 auto;color:#fff;font-weight:bold;text-align:center;border-radius:7px;background:#d9a300;box-shadow:2px 2px 4px rgb(0 0 0 / 10%);padding:10px 15px;transition:all .4s}.regist-button:hover,.regist-button:focus{text-decoration:none;color:#fff}.regist-button:hover{opacity:.5}@media(max-width:768px){.footer-fixed-button{padding:10px;box-shadow:none;border-radius:0;bottom:-150px;right:0;left:0;text-align:center}.footer-fixed-button.displayed{bottom:0}.regist-button{display:inline-block}.contact-headline{font-size:18px}.footer-fixed-button .contact-headline img{display:none}}@media(max-width:540px){.top-contact-section .section-title{font-size:28px}}@media(max-width:480px){.top-contact-section .section-title{font-size:22px}}@media(max-width:375px){.top-contact-section .contact-headline{font-size:16px}.top-contact-section .contact-text{font-size:14px}}.footer{padding-bottom:100px}