@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}*{box-sizing:border-box;word-wrap:break-word}html{overflow-y:scroll;-ms-overflow-style:-ms-autohiding-scrollbar}body,h1,h2,h3,h4,h5,h6,p,img,hr,li,ul,dl,dt,dd{padding:0;margin:0;border:0;list-style:none}table{border-collapse:collapse}html{font-size:62.5%;line-height:1.6}body{font-size:16px;font-size:1.6rem;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",HelveticaNeue,"Segoe UI","游ゴシック体",YuGothic,"Yu Gothic M","游ゴシック Medium","Yu Gothic Medium","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN W3",HiraKakuProN-W3,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#222;-webkit-text-size-adjust:100%;position:relative}html,body{width:100%;height:100%;background:#fff}img{max-width:100%;border:0;vertical-align:middle}a{color:#11c0ad;text-decoration:underline}a:hover,a:active,a:focus{text-decoration:none}::selection{background:#11c0ad;color:#fff}::-moz-selection{background:#11c0ad;color:#fff}.bg-springgreen_pattern{background:url("/knowledgesuite/workstyle/images/bg/bg-pattern.png") center center repeat,#11c0ad}.bg-lightgray{background:#f5f5f5}.hover-line a::after{content:'';position:absolute;bottom:0;left:0;right:0;width:80%;margin:auto;height:2px;background:#11c0ad;transform:scale(0, 1);transform-origin:right top;transition:transform .3s}.hover-line a:hover::after{transform-origin:left top;transform:scale(1, 1)}.fixed{position:fixed !important;box-shadow:0 1px 5px rgba(34,34,34,0.2);transition:all 0.3s;z-index:999 !important}.wrapper{width:100%;position:relative;background:#fbfcf0}.flex-box{display:flex;justify-content:center}.scene{width:100%;position:relative}.scene-in,.scene-in-last{width:100%;max-width:1280px;position:relative;margin:0 auto}.scene-in{padding:4rem 0 10rem}.title-sub{position:relative;margin:0 0 .5rem;line-height:1.4;font-size:24px;font-size:2.4rem;font-weight:bold;font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}.title-scene{position:relative;padding:0 0 2rem}.scene-item{width:100%;max-width:1280px;position:relative;margin:0 auto}.scene-item p{position:absolute;z-index:0}.bar{width:100%;position:relative;background:url("/knowledgesuite/workstyle/images/bg/bg-pattern.png") center center repeat,#11c0ad;z-index:0}.bar .bar-in{width:100%;height:280px;max-width:1280px;position:relative;margin:0 auto;text-align:center}.bar .bar-text{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;color:#fff;height:140px;z-index:1;display:flex;justify-content:center;flex-direction:column}.bar .bar-text p{text-shadow:0 0 2px #11c0ad,0 0 2px #11c0ad,0 0 2px #11c0ad,0 0 2px #11c0ad}.bar__h2{font-weight:normal;font-size:20px;font-size:2rem}.bar__h1{font-size:50px;font-size:5rem;line-height:1.2;display:flex;justify-content:center;align-self:stretch;align-items:center}.caption{position:relative;padding:7rem 0 0}.caption .caption-in{max-width:1280px;margin:0 auto}.caption .caption-in-txt{width:50%;background:rgba(245,245,245,0.5)}.caption:before{content:'';width:calc(50% + 2rem);height:2px;position:absolute;left:0;bottom:-1rem;background:#11c0ad}.svg{width:100%;height:0;position:relative}.svg-in{width:100%;height:100%;position:absolute;top:0;left:0;display:block}.site-header{width:100%;position:relative;letter-spacing:-.4em;z-index:1;background:#fbfcf0}.site-header ul{width:100%;position:relative}.site-header-in{width:100%;max-width:1280px;position:relative;margin:auto;padding:2rem .5rem}.site-gnav-bg,.site-gnav-btn{display:none}.site-logo,.site-gnav-in{vertical-align:middle;display:inline-block;*display:inline;zoom:1;letter-spacing:normal}.site-logo{width:30%}.site-gnav-in{width:70%;padding-left:1rem}.site-gnav-in ul{display:flex;align-item:flex-start;justify-content:flex-end}.site-gnav-in li{line-height:1.4}.site-gnav-in li:not(:first-child){padding-left:3rem}.site-gnav-in li a{display:block;text-decoration:none;color:#222}.site-gnav-in li a:hover p:nth-child(1){color:#11c0ad}.site-gnav-in li a:hover p:nth-child(1):before{background:url("/knowledgesuite/workstyle/images/icon/icon-gnav_on.png");background-size:15px}.site-gnav-in li a:hover p:nth-child(2){color:#222}.site-gnav-in li p{position:relative}.site-gnav-in li p:nth-child(1){font-weight:bold;padding:0 0 0 2rem}.site-gnav-in li p:nth-child(1):before{content:'';width:15px;height:15px;position:absolute;top:0;left:0;bottom:0;margin:auto 0;background:url("/knowledgesuite/workstyle/images/icon/icon-gnav_off.png");background-size:15px;transition:all .2s}.site-gnav-in li p:nth-child(2){font-size:14px;font-size:1.4rem}.site-gnav-in li.active p:nth-child(1){color:#11c0ad}.site-gnav-in li.active p:nth-child(1):before{background:url("/knowledgesuite/workstyle/images/icon/icon-gnav_on.png");background-size:15px}.site-gnav-in li.active p:nth-child(2){color:#222}.site-gnav-in .contact{display:none}.service-list-in .scene-in{padding:4rem 2rem 10rem;line-height:1.4}.service-list-in .scene-in{padding:2rem}.scene-list{width:100%;position:relative;margin:0 auto;background:#fff;border-radius:4px}.list-flex{width:100%;display:flex;flex-wrap:wrap;align-self:stretch;justify-content:space-between}.list-flex li a{display:block}.h2basic{position:relative;margin:0 auto 2rem;padding:1rem;color:#fff;font-weight:nomal;font-size:16px;font-size:1.6rem;line-height:1;background:#11c0ad;border-radius:4px}.contents-list{justify-content:flex-start}.contents-list li{background:url("/knowledgesuite/common/images/listmark_arrow03.gif") left top 0.5rem no-repeat !important;padding-left:10px !important;font-size:14px;font-size:1.4rem}.contents-list li a{display:inline-block}.contents-list{margin:.5rem 0 1rem;padding:0 .5rem 1rem;border-bottom:1px dotted rgba(34,34,34,0.5)}.contents-list:last-child{margin:.5rem 0 0;padding:0 .5rem 0;border-bottom:none}.contents-list li{width:50%}.contents-list li:not(:nth-child(-n+2)){margin-top:.5rem}@-webkit-keyframes fuwafuwa{0%{transform:translateY(-10px)}100%{transform:translateY(0px)}}@keyframes fuwafuwa{0%{transform:translateY(-10px)}100%{transform:translateY(0px)}}@-webkit-keyframes slide{0%{opacity:0;transform:translateX(-4rem)}100%{opacity:1;transform:translateX(0)}}@keyframes slide{0%{opacity:0;transform:translateX(-4rem)}100%{opacity:1;transform:translateX(0)}}@media screen and (max-width: 1320px){.site-logo{padding:0 0 0 1rem}.scene-in{padding:4rem 2rem 15rem}.caption{padding:7rem 2rem 0}.caption:before,.caption .caption-in-txt{width:calc( 50% + 2rem)}}@media screen and (max-width: 1100px){.gnav-in li p:nth-child(2){font-size:12px;font-size:1.2rem}}@media (max-width: 960px){.site-logo,.gnav-in{vertical-align:top}.gnav-in li:not(:first-child){padding-left:1rem}}@media (max-width: 768px){.contents-header .ch-menu-bg{z-index:3}.contents-header .ch-gnav{z-index:4}.contents-header .ch-gnav-in{z-index:4}.contents-header .ch-menu-btn{z-index:5}.outline{display:none !important}img{width:100%}body{font-size:14px;font-size:1.4rem}.hover-line a:hover::after{display:none}.scene-in{padding:4rem 2rem 7rem}.scene-in-last{padding:7rem 2rem}.bar{background:none}.bar .bar-in{height:auto}.bar .bar-text{height:auto;position:relative;padding:8% 1rem}.bar__h2{font-size:16px;font-size:1.6rem}.bar__h1{font-size:40px;font-size:4rem}.caption{padding:4rem 0 0}.caption .caption-in-txt{width:calc(80% + 2rem);padding:0 2rem}.caption:before{width:calc(80% + 2rem)}.title-visual{text-align:center}.title-scene{padding:0 0 1rem}.site-header-in{padding:1rem;text-align:right}.site-logo,.site-gnav-btn{vertical-align:middle;display:inline-block;*display:inline;zoom:1;letter-spacing:normal}.site-logo{width:100%;position:relative;margin:0 -40px 0 0;padding:0 60px 0 0}.site-gnav-bg{content:'';width:100%;height:100%;position:fixed;top:0;left:0;display:block;visibility:hidden;background:rgba(34,34,34,0);transition:all .5s ease;z-index:1}.site-gnav-in{width:70vw;height:100%;position:fixed;top:0;right:-70vw;z-index:2;padding:120px 1rem 1rem;display:block;visibility:hidden;letter-spacing:normal;background:#fbfcf0;transition:all .5s ease;z-index:999}.site-gnav-in ul{text-align:left;display:block}.site-gnav-in li:not(:first-child){padding-left:0}.site-gnav-in li:not(:first-child){margin:2rem 0 0}.site-gnav-in .contact{width:100%;position:relative;margin:2rem 0 0;display:block;font-size:12px;font-size:1.2rem;font-feature-settings:"pwid"}.safari .site-gnav-in .contact{font-feature-settings:"pkna"}.site-gnav-btn span,.site-gnav-btn span::after,.site-gnav-btn span::before,.site-gnav-btn.is-open span::after,.site-gnav-btn.is-open span::before{position:absolute;height:2px;background:#11c0ad}.site-gnav-btn{width:40px;height:40px;position:relative;z-index:99999;top:50%;right:0;bottom:0;text-align:center;background:none;cursor:pointer}.site-gnav-btn span{top:40%;left:50%;width:25px;transform:translate(-50%, -50%);transition:linear .4s}.site-gnav-btn span::after{content:'';width:25px;top:500%;left:0}.site-gnav-btn span::before{content:'';top:-500%;left:0;width:25px}.site-gnav-btn.is-open{border:1px solid #11c0ad;border-radius:50%}.site-gnav-btn.is-open span{position:absolute;top:46%;width:25px;height:2px;background:none;transform:translateX(-50%) rotate(45deg);transition:linear .4s}.site-gnav-btn.is-open span::after,.site-gnav-btn.is-open span::before{content:'';top:50%;left:50%;transition:linear .4s;width:25px}.site-gnav-btn.is-open span::after{transform:translate(-50%, -50%) rotate(90deg)}.site-gnav-btn.is-open span::before{transform:translate(-50%, -50%) rotate(180deg)}.nav-open{z-index:5}.nav-open .site-gnav-bg{cursor:pointer;background:rgba(34,34,34,0.8)}.nav-open .site-gnav-bg,.nav-open .site-gnav-in{visibility:visible;transform:translate3d(-70vw, 0, 0)}.service-list>.scene-in{padding:2rem}.contents-list li{width:100%}.contents-list li:not(:nth-child(-n+2)){margin-top:0}}@media screen and (max-width: 768px) and (orientation: landscape){.site-gnav-in{overflow-y:scroll}}