@font-face{font-family:"Yu Gothic M";src:local("Yu Gothic Medium")}@font-face{font-family:"Yu Gothic M";src:local("Yu Gothic Bold");font-weight:bold}.typ span{opacity:0}.pro-guide .scene-item p,.telework-whats .scene-item p,.price-guide .scene-item p{right:0}.pro-guide path,.telework-guide path,.price-guide path{opacity:0;fill:#11c0ad}.pro-guide .text-box,.telework-whats .text-box{width:80%}.pro-reform .caption .caption-in-txt path,.telework-reform .caption .caption-in-txt path{opacity:0;fill:#222}.pro-reform .contents-01,.pro-reform .contents-02,.pro-reform .contents-03,.telework-reform .contents-01,.telework-reform .contents-02,.telework-reform .contents-03{top:3rem;opacity:0;visibility:hidden}.pro-guide .scene-item p{top:-20rem}.pro-guide .title-scene{width:40%}.pro-guide .svg{padding-top:calc(90 / 500 * 100%)}.pro-reform .scene-item p{top:-4rem;right:5%;-webkit-transform:translateX(-5%);transform:translateX(-5%)}.pro-reform .svg{padding-top:calc(50 / 613 * 100%)}.pro-reform .flex-l{width:40%;margin:0 5% 0 0}.pro-reform .flex-r .title-sub{margin:0 0 1rem}.pro-reform .contents-01{position:relative}.pro-reform .contents-01 .flex-r{margin:2rem 0 0}.pro-reform .contents-02{width:calc(54% - 3rem);position:relative;margin:-48% 3rem 0 auto}.pro-reform .contents-02 img{margin:.5rem 0 0}.pro-reform .contents-02:before,.pro-reform .contents-02:after{content:'';width:30px;height:30px;position:absolute}.pro-reform .contents-02:before{top:-3rem;left:-3rem;border-left:solid 2px #222;border-top:solid 2px #222}.pro-reform .contents-02:after{bottom:-3rem;right:-3rem;border-right:solid 2px #222;border-bottom:solid 2px #222}.pro-reform .contents-03{width:40%;position:relative;margin:-45% 0 0 0}.pro-reform .contents-03 .scene-item{text-align:right}.pro-reform .contents-03 p:last-child{margin:1rem 0 0}.point_red{margin:3rem 0 .5rem}.point_red span{padding:.2rem 1rem;display:inline;color:#fff;background-color:#f5f5f5;background:-webkit-linear-gradient(left, #d60000 50%, #f5f5f5 50%);background:-moz-linear-gradient(left, #d60000 50%, #f5f5f5 50%);background:-ms-linear-gradient(left, #d60000 50%, #f5f5f5 50%);background:-o-linear-gradient(left, #d60000 50%, #f5f5f5 50%);background:linear-gradient(to right, #d60000 50%, #f5f5f5 50%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#d60000', EndColorStr='#f5f5f5');background-size:200% 100%;background-position:right bottom;transition:all .8s ease;border-radius:2px}@media all and (-ms-high-contrast: none){.point_red span{background:#d60000}}.point_red span.set{background-position:left bottom}.telework--contents .scene-in{padding:4rem 0 2rem}.telework--contents .title-scene{padding:0 0 1rem;color:#11c0ad;font-size:35px;font-size:3.5rem;line-height:1.4}.telework--contents .text-box:not(:first-of-type){margin:2rem 0 0}.telework-whats .scene-item p{top:-22rem}.telework-efficiency .scene-in{padding:6rem 0 4rem}.telework-efficiency .scene-item p{top:2rem;right:0}.telework-efficiency .text-box{width:95%}.telework-guide .title-scene{width:40%}.telework-guide .svg{padding-top:calc(90 / 494 * 100%)}.telework-reform .item-03{width:100%;height:0;margin:-30% 0 0;padding-top:31%;background:url("/knowledgesuite/workstyle/images/telework/img-item_03.png") bottom -2rem right -4rem no-repeat;background-size:contain}.telework-reform .scene-item p{top:-10rem;right:0}.telework-reform .svg{padding-top:calc(50 / 613 * 100%)}.telework-reform path{fill:#222}.telework-reform .sub-caption{width:40%;top:3rem;opacity:0}.telework-reform .sub-caption .svg{padding-top:calc(90 / 540 * 100%)}.telework-reform .contents-01:after,.telework-reform .contents-02:after{content:'';width:87px;height:87px;position:absolute;margin:auto;background:url("/knowledgesuite/workstyle/images/icon/icon-arrow.png") center center no-repeat;background-size:87px}.telework-reform .flex-box{justify-content:flex-start}.telework-reform .contents-01{position:relative;margin:3rem 0 0;background:url("/knowledgesuite/workstyle/images/telework/capture_01.png") right top no-repeat}.telework-reform .contents-01 .contents-in{width:100%;position:relative;top:0;left:-250px}.telework-reform .contents-01:after{left:0;right:0;bottom:-87px;transform:rotate(-45deg)}.telework-reform .contents-02{width:45%;position:absolute;right:0;margin-top:55%}.telework-reform .contents-02 img{margin:1rem 0 0}.telework-reform .contents-02:after{left:-105px;bottom:20%;transform:rotate(45deg)}.telework-reform .contents-03{position:relative;width:45%;margin:10rem 0 0}.telework-reform .contents-03 img{margin:1rem 0 0}.telework-point{padding-bottom:4rem}.price-guide .scene-item p{top:-24rem}.price-guide .title-scene{width:50%}.price-guide .svg{padding-top:calc(44 / 637 * 100%)}.price-detail{width:100%;position:relative;margin:3rem 0 1rem;text-align:center}.price-detail li{top:3rem;opacity:0;visibility:hidden}.price-detail .box{width:25%;position:relative;padding:1rem;display:flex;flex-direction:column;background:#fff;border-radius:5px}.price-detail .box:not(:last-child){margin:0 .5% 0 0}.price-detail .box a{color:#222;text-decoration:none;transition:all .3s}.price-detail .box a:hover{color:#222;text-decoration:none}.price-detail .box .repletion{font-size:12px;font-size:1.2rem}.price-detail .box-title{width:100%;margin:1rem 0 2rem}.price-detail .box-title .price{font-size:45px;font-size:4.5rem;padding:0 .2rem}.price-detail .box-title p:not(:nth-child(n+3)){font-weight:bold;line-height:1.2}.price-detail .box-title p:nth-child(1){margin:0 0 1rem 0}.price-detail .box-title p:nth-child(n+3){margin:1rem 0 0;color:#222;line-height:1.4}.price-detail .detail-link{width:100%;height:100%;position:relative;margin-top:0;padding:2rem;border-radius:5px}.price-detail .detail-link>div{line-height:1.4}.price-detail .detail-link>div:not(:last-child){margin:0 0 0.8rem}.price-detail .detail-link>div a{transition:all .3s;text-decoration:underline}.price-detail .groupware{border-top:5px solid #111}.price-detail .groupware .box-title{color:#111}.price-detail .groupware .detail-link{background:#f5f5f5}.price-detail .groupware .detail-link>div p:nth-child(1) a:hover{color:rgba(17,17,17,0.5)}.price-detail .standard{border-top:5px solid #0093cc}.price-detail .standard .box-title{color:#0093cc}.price-detail .standard .detail-link{background:#e1f7ff}.price-detail .standard .detail-link>div p:nth-child(1) a:hover{color:#0093cc}.price-detail .professional{border-top:5px solid #38ba0b}.price-detail .professional .box-title{color:#38ba0b}.price-detail .professional .detail-link{background:#e2fbda}.price-detail .professional .detail-link>div p:nth-child(1) a:hover{color:#38ba0b}.price-detail .enterprise{border-top:5px solid #4e0d7f}.price-detail .enterprise .box-title{color:#4e0d7f}.price-detail .enterprise .detail-link{background:#f5e7ff}.price-detail .enterprise .detail-link>div p:nth-child(1) a:hover{color:#4e0d7f}.attention{font-size:12px;font-size:1.2rem}@media screen and (max-width: 1320px){.telework--contents .scene-in{padding:4rem 2rem 2rem}.telework-efficiency .scene-in{padding:6rem 2rem 4rem}.telework-reform .contents-01:after{width:70px;height:70px;background-size:70px}.telework-reform .contents-02{right:2rem}.telework-reform .contents-02:after{width:70px;height:70px;left:-85px;background-size:70px}}@media screen and (max-width: 1240px){.pro-reform .contents-02{margin:-40% 3rem 0 auto}.telework-reform .contents-01 .contents-in{width:80%}}@media screen and (max-width: 1180px){.pro-guide .scene-item,.telework-whats .scene-item,.price-guide .scene-item{display:none}.pro-guide .text-box,.telework-whats .text-box,.price-guide .text-box{width:100%}.bg-productivity,.bg-telework,.bg-price{width:100%;position:relative}.bg-productivity{background:url("/knowledgesuite/workstyle/images/sp/productivity/bg-bar.png") center center no-repeat,#11c0ad;background-size:cover}.bg-telework{background:url("/knowledgesuite/workstyle/images/sp/telework/bg-bar.png") center center no-repeat,#11c0ad;background-size:cover}.bg-price{background:url("/knowledgesuite/workstyle/images/sp/price/bg-bar.png") center center no-repeat,#11c0ad;background-size:cover}}@media screen and (max-width: 1100px){.pro-reform .contents-02{width:61%;margin:-30% 3rem 0 auto}.pro-reform .contents-02:before{top:-1.5rem;left:-1.5rem}.pro-reform .contents-02:after{bottom:-1.5rem;right:-1.5rem}.pro-reform .contents-03{width:36%;margin:-70% 0 0 0}.telework-reform .sub-caption{width:50%}.telework-reform .contents-01{background:url("/knowledgesuite/workstyle/images/telework/capture_01.png") right top 15rem no-repeat}.telework-reform .contents-01 .contents-in{left:-200px}.telework-reform .contents-01:after{width:60px;height:60px;bottom:-70px;background-size:60px}.telework-reform .contents-02{margin-top:68%}.telework-reform .contents-02:after{width:60px;height:60px;left:-75px;background-size:60px}.telework-reform .contents-03{margin:20vw 0 0}}@media (max-width: 1024px){.pro-guide .title-scene,.telework-guide .title-scene,.price-guide .title-scene{width:55%;background:rgba(251,252,240,0.5)}.pro-guide .text-box,.telework-guide .text-box,.price-guide .text-box{background:rgba(251,252,240,0.5)}}@media (max-width: 960px){.pro-reform .contents-02{width:70%;margin:-20% 3rem 0 0}.pro-reform .contents-03{width:33%;margin:-90% 0 0 0}.telework-reform .contents-01{background:url("/knowledgesuite/workstyle/images/telework/capture_01.png") bottom right no-repeat;background-size:35%}.telework-reform .contents-01 .flex-r{width:100%}.telework-reform .contents-01 .contents-in{width:100%;left:0}.telework-reform .contents-01:after{width:50px;height:50px;bottom:-60px;background-size:50px}.telework-reform .contents-02{margin-top:60%}.telework-reform .contents-02:after{width:50px;height:50px;left:-55px;background-size:50px}.telework-reform .contents-03{margin:15vw 0 0}.price-guide .flex-box{flex-wrap:wrap}.price-detail li.box{width:49%}.price-detail li.box:not(:nth-last-child(2)){margin:0 .5% .5% 0}.price-detail li.box:nth-child(even){margin-right:0}.price-detail li.box:last-child{margin-bottom:0}}@media screen and (max-width: 820px){.pro-reform .contents-02{width:80%;margin:-10% 3rem 0 auto}.pro-reform .contents-03{width:30%;margin:-100% 0 0 0}}@media (max-width: 768px){.pro-guide .title-scene,.telework-guide .title-scene,.price-guide .title-scene{width:100%}.pro-reform .svg{padding-top:calc(110 / 430 * 100%)}.pro-reform .scene-item p{top:-4rem;right:0;-webkit-transform:translateX(0);transform:translateX(0)}.pro-reform .scene-item p img{max-width:180px}.pro-reform .flex-box{flex-wrap:wrap}.pro-reform .contents-01 .flex-l{width:100%;margin:0;order:1}.pro-reform .contents-01 .flex-r{margin:0 0 1rem;order:0}.pro-reform .contents-02{width:calc(100% - 1rem - 4rem);margin:5rem 0 0}.pro-reform .contents-02:before{top:-1.5rem;left:-2rem}.pro-reform .contents-02:after{bottom:-1.5rem;right:-2rem}.pro-reform .contents-03{width:100%;margin:1rem 0 0}.pro-reform .contents-03 .scene-item{bottom:-3rem;z-index:0}.pro-reform .contents-03 .scene-item img{max-width:150px}.pro-reform .contents-03 .title-sub{z-index:1;text-shadow:0 0 2px #f5f5f5,0 0 2px #f5f5f5,0 0 2px #f5f5f5}.pro-reform .contents-03 p:last-child{margin:1rem 0 0}.telework--contents .scene-in{padding:3rem 2rem 0}.telework--contents .title-scene{font-size:6.5vw;line-height:1.2}.telework-efficiency .scene-in{padding:3rem 2rem 0}.telework-efficiency .scene-item p{top:-2rem}.telework-efficiency .scene-item p img{padding:0 0 0 15%}.telework-efficiency .text-box{width:100%}.telework-reform .item-03{background:none;display:none}.telework-reform .svg{padding-top:calc(110 / 430 * 100%)}.telework-reform .scene-item p{top:-4rem}.telework-reform .scene-item p img{max-width:180px}.telework-reform .sub-caption{width:80%}.telework-reform .flex-box{flex-wrap:wrap}.telework-reform .flex-l{order:1}.telework-reform .flex-r{order:0;margin:1rem 0}.telework-reform .contents-01{background:none}.telework-reform .contents-01:after{right:0;left:0;bottom:-60px;transform:rotate(0deg)}.telework-reform .contents-02{width:100%;position:relative;top:0;left:0;margin-top:80px}.telework-reform .contents-02:after{right:0;left:0;bottom:-60px;transform:rotate(0deg)}.telework-reform .contents-03{width:100%;margin-top:80px}.price-detail li.box{width:100%}.price-detail li.box:not(:first-child){margin:0 0 1rem}.price-detail .box-title{margin:.5rem 0 1rem}.price-detail .box-title .price{font-size:35px;font-size:3.5rem}.price-detail .box-title p:nth-child(1){margin:0}.price-detail .box-title p:nth-child(3){margin:.5rem 0 0}.price-detail .detail-link{padding:1rem}.price-detail .detail-link>div p:nth-child(1) a{transition:not}.price-detail .standard .detail-link>div p:nth-child(1) a:hover,.price-detail .professional .detail-link>div p:nth-child(1) a:hover,.price-detail .enterprise .detail-link>div p:nth-child(1) a:hover,.price-detail .groupware .detail-link>div p:nth-child(1) a:hover{color:#222}.price-detail .standard{order:0}.price-detail .professional{order:1}.price-detail .enterprise{order:2}.price-detail .groupware{order:3}}