.employeesatisfaction .l-container{line-height:1.9;position:relative}.employeesatisfaction .l-container h2{font-size:28px}.employeesatisfaction__diagonalBg{background-color:#f3f7f7;position:relative}.employeesatisfaction__diagonalBg>*{position:relative;z-index:2}.employeesatisfaction__diagonalBg:after,.employeesatisfaction__diagonalBg:before{background-color:#f3f7f7;height:200px;left:0;pointer-events:none;position:absolute;transform:skewY(-6deg);width:100%}.employeesatisfaction__diagonalBg.-top:before{content:"";top:-100px}.employeesatisfaction__diagonalBg.-bottom:after{bottom:-100px;content:""}.employeesatisfaction__underline{text-decoration:underline}.employeesatisfaction__reason{gap:40px 0}.employeesatisfaction__reason img{width:60px}.employeesatisfaction__reason h3{color:#138d85}.employeesatisfaction__reason p{margin-top:30px}.employeesatisfaction__reason a{color:#999;text-decoration:underline}.employeesatisfaction__reason>div{border-bottom:1px solid #ddd;padding:60px 0}.employeesatisfaction__reason>div:nth-child(odd){border-right:1px solid #ddd;padding-right:40px}.employeesatisfaction__reason>div:nth-child(2n){padding-left:40px}.employeesatisfaction__reason>div:nth-child(5),.employeesatisfaction__reason>div:nth-child(6){border-bottom:none}.employeesatisfaction__detail a{color:#999;text-decoration:underline}.employeesatisfaction__price{gap:60px 20px}.employeesatisfaction__price h3{color:#138d85}.employeesatisfaction__example{background-color:#fff;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);height:200px;position:relative;z-index:2}.employeesatisfaction__example-left{display:flex;flex-direction:column;justify-content:center;padding-left:20px}.employeesatisfaction__example-right{position:relative}.employeesatisfaction__example-right:after{align-items:center;bottom:0;color:#fff;content:"従業員満足度の調査票のイメージはこちら";display:flex;justify-content:center;left:0;margin:auto;pointer-events:none;position:absolute;right:0;top:0;transition:color .2s cubic-bezier(.02,.42,.24,.74)}.employeesatisfaction__example-right:has(a:hover):after{color:#138d85}.employeesatisfaction__example-right a{align-items:center;background-color:#138d85;color:transparent;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;transition:opacity .4s cubic-bezier(.02,.42,.24,.74)}.employeesatisfaction__example-right a:after,.employeesatisfaction__example-right a:before{background-color:#fff;border-radius:50%;bottom:0;content:"";display:block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.employeesatisfaction__example-right a:before{translate:-600px 0}.employeesatisfaction__example-right a:after{translate:600px 0}.employeesatisfaction__example-right a:hover:before{scale:17}.employeesatisfaction__example-right a:hover:after,.employeesatisfaction__example-right a:hover:before{transition:translate .2s cubic-bezier(.02,.42,.24,.74),scale .2s cubic-bezier(.02,.42,.24,.74) .2s;translate:0}.employeesatisfaction__example-right a:hover:after{opacity:0}.employeesatisfaction__button a{background-color:transparent;border-width:1px;overflow:hidden;position:relative;transition:opacity .2s cubic-bezier(.02,.42,.24,.74),color .2s cubic-bezier(.02,.42,.24,.74)}.employeesatisfaction__button a:before{background-color:#31044e;content:"";display:block;height:100vw;position:absolute;right:100%;top:100%;transform:translateY(-50%) rotate(-30deg);transform-origin:right;transition:transform .2s cubic-bezier(.02,.42,.24,.74);width:200%;z-index:-1}@media screen and (min-width:767.02px){.employeesatisfaction__button a:hover{color:#d4c1e0!important}.employeesatisfaction__button a:hover:before{transform:translateY(-50%) translateX(60%) rotate(-30deg)}}@media screen and (max-width:767px){.employeesatisfaction .l-container h2{font-size:18px}.employeesatisfaction__diagonalBg h2{text-align:center}.employeesatisfaction__reason{grid-template-columns:1fr!important}.employeesatisfaction__reason>div:nth-child(odd){border-right:none;padding:20px 20px 40px}.employeesatisfaction__reason>div:nth-child(2n){padding:20px 20px 40px}.employeesatisfaction__reason>div:nth-child(5),.employeesatisfaction__reason>div:nth-child(6){border-bottom:1px solid #ddd}.employeesatisfaction__example,.employeesatisfaction__price{grid-template-columns:1fr!important}.employeesatisfaction__example-left{padding:20px 30px}.employeesatisfaction__example-right a{padding:30px 0}}@media (hover:hover)and (pointer:fine){.employeesatisfaction__example-right a:hover{opacity:.7}}