.top-project-outline{background-color:var(--bg-content-light);color:#fff;font-family:var(--font-body);position:relative}.top-project-outline__container{display:flex;padding:4rem 0 13rem;position:relative;width:100%;z-index:1}.top-project-outline:before{background-color:var(--main);bottom:0;clip-path:polygon(0 0,0 100%,calc(100% + 33rem) 0,0 0);content:"";position:absolute;right:0;top:-1px;width:100%;z-index:1}.top-project-outline__text{font-size:1.4rem;font-weight:400;letter-spacing:.05em;line-height:2;margin-top:3.7rem}@media screen and (max-width:1279px){.top-project-outline__figure{margin-top:.2rem;width:50.4%}.top-project-outline__container{gap:1rem}}@media screen and (min-width:1280px){.top-project-outline__figure{max-width:56rem;transform:translateX(7.4rem)}}@media screen and (max-width:768px){.top-project-outline:before{clip-path:polygon(0 0,0 100%,calc(100% + 61rem) 0,0 0)}.top-project-outline__container{flex-direction:column;padding-bottom:0;padding-top:9rem}.top-project-outline__figure{margin:1.5rem calc(0px - var(--padding-x)) -18.5rem;width:calc(100% + var(--padding-x)*2)}.top-project-outline__figure img{width:100%}.top-project-outline__text{font-size:1.6rem;margin-top:6rem}}@media screen and (min-width:769px){.top-project-outline__contents{margin-top:5.8rem}}@media screen and (min-width:769px) and (max-width:1023px){.top-project-outline__container{gap:4rem}.top-project-outline__text{text-align:center}.top-project-outline__figure{margin:0 auto -22rem;max-width:53.8rem;width:70vw}.top-project-outline__figure img{width:100%}.top-project-outline:before{clip-path:polygon(0 0,0 100%,calc(100% + 125rem) 0,0 0)}}