@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}.mainvisual{width:100%;position:relative;z-index:1;overflow:hidden;height:735px;text-align:right;opacity:0}.mainvisual-img{width:1280px;height:735px;position:absolute;top:3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:auto}.mv-over{width:100%;min-height:650px;position:relative;margin-top:-795px;z-index:1;pointer-events:none}.mv-over-in{width:100%;max-width:1280px;position:relative;margin:auto;padding-top:100px}.visual-text{width:100%;max-width:600px;position:relative}.visual-text .svg{padding-top:calc(80 / 250 * 100%)}.visual-text path{opacity:0;fill:#222}.visual-detail{width:100%;max-width:620px;position:relative;top:5rem;margin:3rem 0 0;padding:2rem;background:#fce0e0;opacity:0}.why{color:#fff}.why .scene-item p{top:-7rem;left:20%;-webkit-transform:translateX(-20%);transform:translateX(-20%)}.why .title-scene{width:70%}.why .svg{padding-top:calc(37 / 455 * 100%)}.why .svg path{opacity:0;fill:#fff}.why .flex-box{position:relative;margin-top:7rem;align-items:center}.why .flex-l{width:100%}.why .flex-l p{opacity:0}.why .flex-r{width:70%;height:324px;padding:0 0 0 2rem;text-align:center;background:url("/knowledgesuite/workstyle/images/top/why_04.png") center center no-repeat;background-size:contain}.why .flex-r img{width:100%}.why .flex-r .slide-off p{opacity:0}.why .flex-r .slide-on p{opacity:0}.why .flex-r .slide-on p:nth-child(1){animation:slide 1s ease 1 forwards}.why .flex-r .slide-on p:nth-child(2){animation:slide 1s ease .5s 1 forwards}.why .flex-r .slide-on p:nth-child(3){animation:slide 1s ease 1s 1 forwards}.task .title-scene{width:60%;margin:0 auto;text-align:center}.task .svg{padding-top:calc(45 / 800 * 100%)}.task .svg path{opacity:0;fill:#222}.task .scene-item p{top:-15rem}.task .scene-item p:nth-child(1){left:1%;-webkit-transform:translateX(-1%);transform:translateX(-1%)}.task .scene-item p:nth-child(2){left:0;-webkit-transform:translateX(0);transform:translateX(0);animation:fuwafuwa .8s ease-in-out infinite alternate}.task .scene-in{margin-top:6rem;padding:4rem 1rem 8rem}.task ul{margin:5rem 0 0}.task li{width:33.3%;position:relative;text-align:center;justify-content:space-between}.task li a{display:block;padding:1rem;text-decoration:none;position:relative;top:3rem;opacity:0;visibility:hidden}.task li img{max-width:200px;margin:0 0 .5rem}.task li p:nth-child(2){font-size:28px;font-size:2.8rem;line-height:1.4}.task li:not(:last-child):after{content:'';width:1px;height:100%;position:absolute;top:0;right:0;bottom:0;margin:auto;background:#11c0ad}@media screen and (max-width: 1320px){.mv-over{padding:0 1rem}.mv-over-in{padding-top:10vw}}@media (max-width: 960px){.why .title-scene{width:100%}.why .scene-item p{left:10%;-webkit-transform:translateX(-10%);transform:translateX(-10%)}.task li p:nth-child(2){font-size:24px;font-size:2.4rem}}@media (max-width: 768px){.mainvisual{height:auto;margin:0;z-index:1;overflow:auto;text-align:center;opacity:1}.mainvisual-img{width:100%;height:100%;position:relative;top:0;left:0;-webkit-transform:translateX(0);transform:translateX(0);margin:0}.mv-over{min-height:inherit;margin-top:0;padding:0 2rem 3rem;z-index:inherit}.mv-over-in{padding:2rem 0 5vw}.visual-text{max-width:1280px;z-index:2}.visual-detail{max-width:1280px;margin-top:-3vw}.why .title-scene,.task .title-scene{margin:0 auto}.why .title-scene{width:90%}.why .scene-item p{width:100%;top:-10vw;left:0;-webkit-transform:translateX(0);transform:translateX(0);z-index:1}.why .scene-item p img{max-width:100px}.why .scene-in{z-index:2}.why .flex-box{margin:0}.why .flex-box:not(.slide-off):not(.slide-on){flex-wrap:wrap;margin-top:auto}.why .flex-l,.why .flex-r{width:100%}.why .flex-r{margin:2rem 0 0;padding:2rem 0;height:auto}.task .svg{padding-top:calc(90 / 410 * 100%)}.task .scene-item p{top:-110px}.task .scene-item p:nth-child(1){width:100%;left:0;-webkit-transform:translateX(0);transform:translateX(0)}.task .scene-item p:nth-child(1) img{padding:0 40vw 0 0}.task .scene-item p:nth-child(2){width:100%;left:-5%;-webkit-transform:translateX(5%);transform:translateX(5%)}.task .scene-item p:nth-child(2) img{padding:0 40vw 0 0}.task ul{margin:0}.task ul.flex-box{flex-wrap:wrap}.task li{width:100%;top:3rem;opacity:0;visibility:hidden;border:1px solid #11c0ad}.task li a{padding:1.5rem;top:0;opacity:1;visibility:inherit}.task li img{max-width:150px}.task li p:nth-child(2){font-size:20px;font-size:2rem;line-height:1.2}.task li:not(:last-child){margin:0 0 1rem}.task li:not(:last-child):after,.task li::after{content:'';position:absolute;width:20px;height:20px;top:inherit;bottom:0;right:-1rem;margin:auto 0 0;background:no-repeat;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #11c0ad;transform:rotate(-45deg)}}@media (max-width: 599px){.task .title-scene{width:80%}}