.page-services #duties{background:#f4f1e9;padding:65px 0}
.page-services #duties .section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end;margin-bottom:35px}
.page-services #duties .section-heading h2{font-size:clamp(34px,2.5vw,48px);line-height:1.45}
.page-services #duties .section-heading>p{max-width:29em;justify-self:end;font-size:18px!important;line-height:1.8;color:#485b6c}
.page-services #category-grid{display:block;border-top:2px solid #263d51}
.page-services #category-grid .category{display:grid;grid-template-columns:52px minmax(150px,1fr) minmax(220px,2fr) 105px 30px;align-items:center;gap:24px;width:100%;min-height:96px;padding:23px 24px;border:0;border-bottom:1px solid #cfc7b8;background:transparent;text-align:left;transition:background .2s}
.page-services #category-grid .category:hover,.page-services #category-grid .category:focus-visible{background:#fffdf8}
.page-services #category-grid .area-index{grid-column:1;font:400 23px/1.3 DJPShippori,serif;color:#977742}
.page-services #category-grid h3{grid-column:2;font:600 clamp(23px,1.5vw,30px)/1.4 'Pretendard Variable',sans-serif;letter-spacing:-.04em;color:#1e354b;margin:0}
.page-services #category-grid p{grid-column:3;margin:0;font-size:clamp(18px,1.1vw,22px)!important;line-height:1.6;color:#415669}
.page-services #category-grid .count{grid-column:4;white-space:nowrap;font:500 15px/1.4 'Pretendard Variable',sans-serif;color:#506071;background:#e7e1d5;padding:8px 12px;text-align:center;letter-spacing:0}
.page-services #category-grid .area-arrow{grid-column:5;justify-self:end;color:#93713d;font-size:23px}
.page-services #duties .duty-footer{margin-top:24px;padding:0;gap:24px;align-items:center}.page-services #duties .duty-footer>p{font-size:17px!important;color:#4a5b69}.page-services #duties .duty-footer .button{font-size:16px;padding:17px 22px}
.page-approach .operating-flow{background:#f8f6f0;padding:75px 0}
.page-approach .operating-flow>.wrap{grid-template-columns:32% minmax(0,1fr);gap:35px 7%}
.page-approach .flow-heading>p{font-size:clamp(19px,1.15vw,23px)!important;line-height:1.85;color:#3d5265}
.page-approach .flow-heading h2{font-size:clamp(34px,2.5vw,48px);line-height:1.5}
.page-approach .flow-rail article{grid-template-columns:56px 1fr;gap:14px 20px;padding:30px 0 34px;border-top:1px solid #b7aa92}
.page-approach .flow-rail article>b{font-size:32px;color:#92703b;padding-top:2px}
.page-approach .flow-rail h3{font:600 clamp(26px,1.65vw,34px)/1.5 'Pretendard Variable',sans-serif;color:#183249;letter-spacing:-.035em}
.page-approach .flow-rail p{font-size:clamp(20px,1.25vw,26px)!important;color:#354c60;line-height:1.8!important;max-width:40em}
.page-approach .flow-rail .flow-result{background:#e8e2d5;border-left:3px solid #ad8b50;padding:16px 20px;font-size:clamp(18px,1.15vw,23px);line-height:1.65;color:#213b50;margin-top:4px}
.page-approach .flow-result small{font-size:14px;color:#725c36;letter-spacing:0;margin-bottom:5px;font-weight:600}
.page-approach .operating-flow .fine{font-size:16px!important;line-height:1.8;color:#526475}
@media(max-width:999px){.page-services #category-grid .category{grid-template-columns:36px 1fr 100px 25px;gap:10px 18px;padding:22px 16px}.page-services #category-grid .area-index{grid-row:1/3}.page-services #category-grid h3{grid-column:2;grid-row:1}.page-services #category-grid p{grid-column:2;grid-row:2}.page-services #category-grid .count{grid-column:3;grid-row:1/3}.page-services #category-grid .area-arrow{grid-column:4;grid-row:1/3}.page-approach .operating-flow>.wrap{grid-template-columns:1fr}.page-approach .flow-heading{position:static}.page-approach .operating-flow .fine{grid-column:1}.page-approach .flow-heading>p br{display:none}}
@media(max-width:700px){.page-services #duties{padding:45px 0}.page-services #duties .section-heading{display:block}.page-services #duties .section-heading h2{font-size:30px}.page-services #duties .section-heading>p{font-size:16px!important;margin-top:20px}.page-services #category-grid .category{grid-template-columns:25px 1fr 75px;gap:10px 12px;padding:20px 4px}.page-services #category-grid h3{font-size:22px}.page-services #category-grid p{grid-column:2/4;font-size:16px!important;padding-right:12px}.page-services #category-grid .count{grid-column:3;grid-row:1;font-size:12px;padding:6px 8px}.page-services #category-grid .area-index{font-size:19px;align-self:start;padding-top:4px}.page-services #category-grid .area-arrow{display:none}.page-services #duties .duty-footer{display:block}.page-services #duties .duty-footer>p{font-size:15px!important}.page-services #duties .duty-footer .button{width:100%;justify-content:space-between}.page-approach .operating-flow{padding:45px 0}.page-approach .flow-heading h2{font-size:30px}.page-approach .flow-heading>p{font-size:18px!important}.page-approach .flow-rail article{grid-template-columns:32px 1fr;gap:12px 14px;padding:25px 0}.page-approach .flow-rail article>b{font-size:25px}.page-approach .flow-rail h3{font-size:24px}.page-approach .flow-rail p{font-size:18px!important}.page-approach .flow-rail .flow-result{font-size:17px;padding:13px 15px}.page-approach .flow-result small{font-size:13px}.page-approach .operating-flow .fine{font-size:14px!important}}
