/* Concrete WEB and SNS work, retaining FI NEXT's chapter language. */
body.fi-subpage #main [data-work-web-sns] .ws-case--official,body.fi-subpage #main [data-work-web-sns] .ws-case--red{background:#f0f5f9}
body.fi-subpage #main [data-work-web-sns] .ws-official-intro{max-width:850px}
body.fi-subpage #main [data-work-web-sns] .ws-official-intro .td-prose{font-size:16px;line-height:1.95}
body.fi-subpage #main [data-work-web-sns] .ws-official-intro .td-prose p{margin:0 0 1.2em;text-wrap:pretty;line-break:strict}
body.fi-subpage #main [data-work-web-sns] .ws-official-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:30px}
body.fi-subpage #main [data-work-web-sns] .ws-case--blueseal .ws-figure{grid-column:1;grid-row:1}
body.fi-subpage #main [data-work-web-sns] .ws-case--blueseal .ws-case-copy{grid-column:2;grid-row:1}
body.fi-subpage #main [data-work-web-sns] .ws-case--blueseal .ws-contributions{counter-reset:participation;gap:32px}
body.fi-subpage #main [data-work-web-sns] .ws-case--blueseal .ws-contributions dt:before{counter-increment:participation;content:counter(participation,decimal-leading-zero);display:block;color:#977746;font-size:14px;letter-spacing:.08em;margin-bottom:8px}
body.fi-subpage #main [data-work-web-sns] .ws-condition{border-left:2px solid #ba9b64;padding-left:16px;margin:28px 0 0;font-size:14px;line-height:1.9;color:#4c6074}
body.fi-subpage #main [data-work-web-sns] .ws-case-actions{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:28px;align-items:center}
body.fi-subpage #main [data-work-web-sns] .ws-case-actions .text-link{font-size:15px;line-height:1.8;min-width:0;max-width:100%}
body.fi-subpage #main [data-work-web-sns] .ws-other-materials{margin-top:40px}
body.fi-subpage #main [data-work-web-sns] .ws-other-materials>h3,body.fi-subpage #main [data-work-web-sns] .ws-related-work>h3{font-size:22px;line-height:1.7;margin:0 0 22px;color:#12395b}
body.fi-subpage #main [data-work-web-sns] .ws-related-work{margin-top:46px;padding-top:32px;border-top:1px solid #c1ced8}
body.fi-subpage #main [data-work-web-sns] .ws-related-work article{display:grid;grid-template-columns:1fr 1.2fr;gap:4px 28px;padding:22px 0;border-bottom:1px solid #cbd6df;scroll-margin-top:110px}
body.fi-subpage #main [data-work-web-sns] .ws-related-work h4{font-size:17px;line-height:1.8;margin:0;color:#12395b}
body.fi-subpage #main [data-work-web-sns] .ws-related-work p{font-size:15px;line-height:1.9;margin:0}
body.fi-subpage #main [data-work-web-sns] .ws-related-work article>div{grid-column:2;display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:10px}
body.fi-subpage #main [data-work-web-sns] .ws-related-work .text-link{font-size:14px;line-height:1.9}
body.fi-subpage #main [data-work-web-sns] .ws-related-work>p{margin-top:24px}
@media(max-width:760px){body.fi-subpage #main [data-work-web-sns] .ws-case--blueseal .ws-figure,body.fi-subpage #main [data-work-web-sns] .ws-case--blueseal .ws-case-copy{grid-column:auto;grid-row:auto}body.fi-subpage #main [data-work-web-sns] .ws-official-views{grid-template-columns:1fr;gap:26px}body.fi-subpage #main [data-work-web-sns] .ws-case--blueseal .ws-contributions{gap:20px}body.fi-subpage #main [data-work-web-sns] .ws-case--blueseal .ws-contributions>div{position:relative;padding-left:38px}body.fi-subpage #main [data-work-web-sns] .ws-case--blueseal .ws-contributions dt:before{position:absolute;left:0;top:2px}body.fi-subpage #main [data-work-web-sns] .ws-related-work article{display:block}body.fi-subpage #main [data-work-web-sns] .ws-related-work h4{margin-bottom:8px}body.fi-subpage #main [data-work-web-sns] .ws-case-actions{gap:16px 24px}}

body.fi-subpage #main [data-work-web-sns] .td-contents .ws-toc-part{display:inline-block}

@media(min-width:761px) and (max-width:900px){body.fi-subpage #main [data-work-web-sns] .ws-case-layout{grid-template-columns:1fr}body.fi-subpage #main [data-work-web-sns] .ws-case--blueseal .ws-figure,body.fi-subpage #main [data-work-web-sns] .ws-case--blueseal .ws-case-copy{grid-column:auto;grid-row:auto}body.fi-subpage #main [data-work-web-sns] .ws-project-grid{grid-template-columns:1fr}body.fi-subpage #main [data-work-web-sns] .ws-project-grid article{display:grid;grid-template-columns:1fr 1.15fr;gap:0 22px}body.fi-subpage #main [data-work-web-sns] .ws-project-image{grid-row:1/4;margin-bottom:0;align-self:start}body.fi-subpage #main [data-work-web-sns] .ws-project-grid .eyebrow{margin-top:0}body.fi-subpage #main [data-work-web-sns] .ws-project-grid h3{margin-top:8px}}

body.fi-subpage #main [data-work-web-sns] .ws-unit{display:inline-block}
