/* Existing STYLE-US palette and typography; every selector is section-scoped. */
.su-what-we-do{--su-brown:#604c3f;--su-gold:#c9bc9c;--su-text:#5c4d41;--su-pale:#f5f2ea;background:transparent;color:var(--su-text);padding:60px 0 20px;scroll-margin-top:105px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:16px;line-height:1.8;text-align:left;letter-spacing:normal}
.su-what-we-do *{box-sizing:border-box}
.su-what-we-do .su-wwd-inner{max-width:1190px;width:calc(100% - 90px);margin:0 auto;padding:0}
.su-what-we-do .su-wwd-kicker{font:700 40px/1.3 'Roboto',Arial,sans-serif;color:var(--su-brown);text-align:center;letter-spacing:0;margin:0;padding:24px 0 0}
.su-what-we-do .su-wwd-kicker span{display:block;font:400 14px/1.8 "Noto Sans JP",sans-serif;letter-spacing:.04em;color:#a99770;margin-top:9px}
.su-what-we-do .su-wwd-heading{text-align:center;margin:34px auto 50px;max-width:790px}
.su-what-we-do .su-wwd-heading .su-wwd-headline{font-size:30px;font-weight:700;line-height:1.8;letter-spacing:.025em;color:var(--su-brown);margin:0 0 20px;padding:0}
.su-what-we-do .su-wwd-heading>p:not(.su-wwd-headline){font-size:16px;font-weight:400;line-height:2.1;margin:0 auto;padding:0;max-width:735px;color:var(--su-text)}
.su-what-we-do .su-wwd-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:45px;align-items:center;background:#fff url('../img/common/bg_service02.svg') no-repeat center;background-size:100% 100%;border:1px solid #f0eadd;box-shadow:1px 1px 4px rgba(92,77,65,.15);margin:0 0 44px;padding:36px 40px 36px 28px;scroll-margin-top:115px}
.su-what-we-do .su-wwd-visual{margin:0;padding:0;min-width:0}
.su-what-we-do .su-wwd-visual img{display:block;width:100%;height:auto;aspect-ratio:930/560;object-fit:cover;margin:0;padding:0;border:0}
.su-what-we-do .su-wwd-visual-system img{aspect-ratio:2260/1474;object-fit:contain}
.su-what-we-do .su-wwd-visual figcaption{font-size:12px;line-height:1.8;letter-spacing:.035em;color:#827566;margin:15px 0 0;padding:0;text-align:center}
.su-what-we-do .su-wwd-copy{min-width:0;padding:0}
.su-what-we-do .su-wwd-number{font:700 32px/1 'Roboto',Arial,sans-serif;letter-spacing:.02em;color:var(--su-gold);display:block;margin:0 0 13px;padding:0}
.su-what-we-do .su-wwd-en{font:400 13px/1.7 'Roboto',Arial,sans-serif;letter-spacing:.055em;color:#927e58;display:block;margin:0}
.su-what-we-do .su-wwd-title h3{font-size:38px;font-weight:700;line-height:1.5;letter-spacing:-.02em;margin:3px 0 8px;padding:0;color:var(--su-brown)}
.su-what-we-do .su-wwd-title p{font-size:17px;font-weight:700;line-height:1.9;margin:0 0 20px;padding:0;color:var(--su-brown)}
.su-what-we-do .su-wwd-detail p{font-size:16px;line-height:2;margin:0 0 21px;padding:0;color:var(--su-text)}
.su-what-we-do .su-wwd-tags{display:flex;flex-wrap:wrap;gap:7px 9px;list-style:none;border-top:1px solid #e8e0d0;margin:0;padding:18px 0 0}
.su-what-we-do .su-wwd-tags li{display:block;font-size:14px;line-height:1.65;margin:0;padding:3px 9px;border:1px solid #e6ddc9;color:#776343;background:rgba(255,255,255,.64)}
.su-what-we-do .su-wwd-footer{display:flex;flex-direction:column;align-items:center;gap:25px;padding:4px 0 0;margin:0}
.su-what-we-do .su-wwd-footer p{font-size:14px;line-height:1.9;margin:0;padding:0;text-align:center}
.su-what-we-do .su-wwd-footer a{display:inline-block;position:relative;font-size:15px;font-weight:400;letter-spacing:.04em;line-height:1.8;text-decoration:none;color:var(--su-brown);border-bottom:1px solid var(--su-gold);padding:10px 18px 12px;transition:opacity .2s}
.su-what-we-do .su-wwd-footer a:hover{opacity:.65}
.su-what-we-do a:focus-visible{outline:2px solid var(--su-brown);outline-offset:5px}
@media(max-width:1000px){.su-what-we-do .su-wwd-inner{width:calc(100% - 50px)}.su-what-we-do .su-wwd-row{gap:30px;padding:30px 28px 30px 20px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.su-what-we-do .su-wwd-title h3{font-size:34px}}
@media(max-width:760px){.su-what-we-do{padding:30px 0 0;scroll-margin-top:80px}.su-what-we-do .su-wwd-inner{width:calc(100% - 40px)}.su-what-we-do .su-wwd-kicker{font-size:32px;padding-top:15px}.su-what-we-do .su-wwd-kicker span{font-size:14px;margin-top:7px}.su-what-we-do .su-wwd-heading{margin:26px auto 34px}.su-what-we-do .su-wwd-heading .su-wwd-headline{font-size:24px;letter-spacing:0;line-height:1.8;margin-bottom:19px}.su-what-we-do .su-wwd-heading>p:not(.su-wwd-headline){font-size:16px;line-height:2;text-align:left}.su-what-we-do .su-wwd-row{display:flex;flex-direction:column;gap:0;padding:0;margin-bottom:30px;background:#fff}.su-what-we-do .su-wwd-visual{padding:20px 20px 17px;background:var(--su-pale);width:100%}.su-what-we-do .su-wwd-visual figcaption{font-size:12px;margin-top:12px;letter-spacing:0}.su-what-we-do .su-wwd-copy{padding:25px 22px 28px;width:100%}.su-what-we-do .su-wwd-number{font-size:28px;margin-bottom:12px}.su-what-we-do .su-wwd-en{font-size:12px}.su-what-we-do .su-wwd-title h3{font-size:32px}.su-what-we-do .su-wwd-title p{font-size:16px;margin-bottom:16px}.su-what-we-do .su-wwd-detail p{font-size:16px;line-height:2;margin-bottom:19px}.su-what-we-do .su-wwd-tags{gap:7px;padding-top:17px}.su-what-we-do .su-wwd-tags li{font-size:14px;padding:3px 7px}.su-what-we-do .su-wwd-footer{gap:16px}.su-what-we-do .su-wwd-footer p{font-size:14px}.su-what-we-do .su-wwd-footer a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.su-what-we-do a{transition:none}}