.portfolio-live-case{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:center;padding-block:40px 70px;border-bottom:1px solid #dce5ee}.portfolio-live-case h2{font-size:40px;letter-spacing:-.04em;margin:15px 0}.portfolio-live-case p{font-size:17px;color:#657489;line-height:1.8;max-width:420px}.portfolio-live-case img{width:100%;height:auto;border:1px solid #dce5ee;border-radius:7px}.portfolio-directory{padding-block:65px 90px}.portfolio-directory>h2{font-size:36px;letter-spacing:-.04em;margin:0 0 35px}.portfolio-directory>a{display:grid;grid-template-columns:50px minmax(0,1fr) 30px;align-items:center;gap:25px;padding:28px 0;border-top:1px solid #dce5ee}.portfolio-directory>a:last-child{border-bottom:1px solid #dce5ee}.portfolio-directory>a>span{font-size:12px;color:#66778b}.portfolio-directory h3{font-size:23px;font-weight:550;letter-spacing:-.02em;margin:0 0 7px}.portfolio-directory p{font-size:15px;line-height:1.6;color:#64758b;margin:0}.portfolio-directory b{font-weight:400;color:#0068d1;font-size:23px}.portfolio-directory>a:hover h3{color:#0068d1}@media(max-width:700px){.portfolio-live-case{grid-template-columns:1fr;gap:25px;padding-block:20px 45px}.portfolio-live-case h2{font-size:32px}.portfolio-live-case p{font-size:15px}.portfolio-directory{padding-block:40px}.portfolio-directory>h2{font-size:29px}.portfolio-directory>a{gap:16px;grid-template-columns:24px minmax(0,1fr) 20px;padding:22px 0}.portfolio-directory h3{font-size:20px}.portfolio-directory p{font-size:14px}}