@charset "utf-8";

.np-business{overflow:hidden}

.np-business-hero{background:#f8faf7}

.np-business-hero-photo{position:absolute;inset:0 0 0 52%;overflow:hidden}

.np-business-hero-photo::after{position:absolute;inset:0;background:linear-gradient(90deg,#f8faf7 0%,#f8faf700 55%);content:""}

.np-business-hero-photo img{display:block;width:100%;height:100%;object-fit:cover}

.np-business-hero .df-container{width:calc(100% - (var(--df-gutter)*2))}

.np-business-hero h1{max-width:560px}

.np-business-service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}

.np-business-service{grid-column:span 3;display:flex;flex-direction:column;overflow:hidden;background:#edf2f4}

.np-business-service-primary{grid-column:span 4;grid-row:span 2}

.np-business-service:nth-child(2){grid-column:span 2}

.np-business-service:nth-child(3){grid-column:span 2}

.np-business-service:nth-child(4){grid-column:span 3}

.np-business-service:nth-child(5){grid-column:span 3}

.np-business-service-media{height:205px;overflow:hidden}

.np-business-service-primary .np-business-service-media{height:420px}

.np-business-service-media img{width:100%;height:100%;object-fit:cover}

.np-business-service-copy{flex:1;padding:24px 28px}

.np-business-service-copy>div:first-child{display:block;margin-bottom:14px;color:#c8501b;font-weight:800;letter-spacing:.12em}

.np-business-service-copy h3{margin:0 0 8px;font-size:clamp(19px,1.8vw,24px)}

.np-business-service-copy p{margin:0;padding-top:14px;border-top:1px solid #20394d24;font-size:15px;line-height:1.8}

.np-business-service-text{justify-content:center;background:#20394d;color:#fff}

.np-business-service-text h3{color:#fff}

.np-business-service-text .np-business-service-copy>div:first-child{color:#fff}

.np-business-flow{margin:0 auto 24px}

.np-business-flow-note{margin:0 auto;line-height:1.8}

.np-business-flow-client{width:min(100%,300px);padding:18px 24px;border:1px solid #cad4d8;background:#fff;text-align:center;font-weight:700}

.np-business-flow-center{width:min(100%,300px);background:#fff}

.np-business-flow-center{display:flex;gap:3px;flex-direction:column;padding:18px 24px;border:1px solid #20394d;background:#20394d;color:#fff;text-align:center;font-weight:700}

.np-business-flow-center>div:first-child{font-size:27px;font-weight:800;letter-spacing:.12em}

.np-business-flow-center>div:last-child{font-size:13px}

.np-business-flow-line{background:#ed762a;transform-origin:top}

.np-business-flow-trades{position:relative;display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,64px);gap:32px 12px;padding-top:24px;background:linear-gradient(#ed762a,#ed762a) center top/2px 104px no-repeat}

.np-business-flow-trades::before{position:absolute;right:calc((100% - 12px)/4);left:calc((100% - 12px)/4);height:2px;background:#ed762a;content:""}

.np-business-flow-trades::after{position:absolute;right:calc((100% - 12px)/4);left:calc((100% - 12px)/4);height:2px;background:#ed762a;content:""}

.np-business-flow-trades::before{top:0}

.np-business-flow-trades::after{top:104px}

.np-business-flow-trades>div{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 10px;background:#fff;text-align:center;font-weight:700}

.np-business-flow-trades>div::before{position:absolute;bottom:100%;left:calc(50% - 1px);width:2px;height:16px;background:#ed762a;content:""}

.np-business-flow-trades>div:nth-child(-n+2)::before{height:24px}

.np-business-flow-play>.np-business-flow-line{animation:np-flow-line .45s ease-out both}

.np-business-flow-play>.np-business-flow-line:nth-child(4){animation-delay:.65s}

.np-business-flow-play .np-business-flow-trades{animation:np-flow-trunk .4s ease-out 1.5s both}

.np-business-flow-play .np-business-flow-trades::before{transform-origin:left;animation:np-flow-branch .4s ease-out 1.1s both}

.np-business-flow-play .np-business-flow-trades::after{transform-origin:left;animation:np-flow-branch .4s ease-out 1.9s both}

.np-business-flow-play .np-business-flow-trades>div::before{transform-origin:top;animation:np-flow-line .3s ease-out 1.5s both}

.np-business-flow-play .np-business-flow-trades>div:nth-child(n+3)::before{animation-delay:2.3s}

@media (min-width:601px){.np-business-flow-trades{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:64px;gap:12px;padding-top:28px;background:none}}

@media (min-width:601px){.np-business-flow-trades::before{right:calc((100% - 36px)/8);left:calc((100% - 36px)/8)}}

@media (min-width:601px){.np-business-flow-trades::after{display:none}}

@media (min-width:601px){.np-business-flow-trades>div::before{height:28px}}

@media (min-width:601px){.np-business-flow-trades>div:nth-child(-n+2)::before{height:28px}}

@media (min-width:601px){.np-business-flow-play .np-business-flow-trades{animation:none}}

@media (min-width:601px){.np-business-flow-play .np-business-flow-trades>div:nth-child(n+3)::before{animation-delay:1.5s}}

.np-business-strength-list{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}

.np-business-strength-list>div{padding-top:18px;border-top:1px solid #a8b9bf}

.np-business-strength-list h3{margin:0 0 8px;font-size:18px}

.np-business-strength-list p{margin:0;font-size:14px}

.np-business-quality{overflow:hidden;padding:clamp(70px,7vw,110px)0;background:#20394d url(https://nepoc.co.jp/system_panel/uploads/images/20261026121925678803.jpg)center/cover}

@media (min-width:900px){.np-business-quality{background-position:right center;background-size:70%auto;background-repeat:no-repeat}}

.np-business-quality::before{position:absolute;inset:0;background:linear-gradient(90deg,#20394df2 0%,#20394dd9 52%,#20394d80 100%);content:""}

.np-business-quality .df-container{position:relative}

.np-business-quality .np-sub-kicker{color:#fff}

.np-business-quality h2{max-width:700px;margin:0 0 22px;color:#fff;font-size:clamp(32px,4vw,52px);line-height:1.35}

.np-business-quality p:not(.np-sub-kicker){max-width:700px;margin:0 0 18px;color:#fff}

.np-business-quality p:last-child{margin-bottom:0}

.np-business-project-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #cbd5d8}

.np-business-project-list>div{display:flex;justify-content:space-between;gap:20px;padding:27px 16px;border-bottom:1px solid #cbd5d8}

.np-business-project-list>div>div:first-child{color:#bd4d1a;font-size:13px;font-weight:800}

.np-business-project-list>div>div:last-child{font-size:17px;font-weight:var(--df-font-weight-heading)}

.np-business-area .df-container>p:not(.np-sub-kicker){max-width:700px}

.np-business-area{padding-top:clamp(64px,6vw,92px);padding-bottom:clamp(64px,6vw,92px)}

.np-business-map{margin:38px auto 0;background:#fffaf1}

.np-business-map img{display:block;width:100%;height:auto}

.np-business-map-regions{z-index:1;inset:0;pointer-events:none}

.np-business-map .np-business-map-region{position:absolute;inset:0;width:100%;height:100%;opacity:0}

.np-business-map .np-business-map-label{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}

.np-business-map.is-motion .np-business-map-base{filter:grayscale(1);opacity:.48}

.np-business-map.is-motion .np-business-map-region{transition:opacity .6s ease}

.np-business-map.is-motion .np-business-map-chugoku{transition-delay:.35s}

.np-business-map.is-motion .np-business-map-kansai{transition-delay:.8s}

.np-business-map.is-motion .np-business-map-shikoku{transition-delay:1.25s}

.np-business-map.is-motion .np-business-map-kyushu{transition-delay:1.7s}

.np-business-map.is-motion .np-business-map-label{opacity:0;transition:opacity .6s ease .35s}

.np-business-map.is-motion.is-visible .np-business-map-region{opacity:1}

.np-business-map.is-motion.is-visible .np-business-map-label{opacity:1}

.np-business-map-legend{gap:12px 28px;padding:0 22px 20px}

.np-business-map-legend>div{display:flex;align-items:center;gap:8px}

.np-business-map-swatch{flex:0 0 14px}

.np-business-map-swatch-base{background:#f05a25}

.np-business-map-swatch-coverage{background:#2852b8}

@keyframes np-flow-line{from{transform:scaleY(0)}to{transform:scaleY(1)}}

@keyframes np-flow-branch{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@keyframes np-flow-trunk{from{background-size:2px 0}to{background-size:2px 104px}}

@media (max-width:850px){.np-business-hero-photo{inset:0 0 0 44%;opacity:.4}}

@media (max-width:850px){.np-business-hero-photo::after{background:linear-gradient(90deg,#f8faf7 0%,#f8faf7b3 70%)}}

@media (max-width:850px){.np-business-service-primary{grid-row:auto}}

@media (max-width:850px){.np-business-service-primary{grid-column:span 3}}

@media (max-width:850px){.np-business-service:nth-child(2){grid-column:span 3}}

@media (max-width:850px){.np-business-service:nth-child(3){grid-column:span 3}}

@media (max-width:850px){.np-business-service:nth-child(4){grid-column:span 3}}

@media (max-width:850px){.np-business-service:nth-child(5){grid-column:span 3}}

@media (max-width:850px){.np-business-service-primary .np-business-service-media{height:205px}}

@media (max-width:850px){.np-business-strength-list{grid-template-columns:1fr}}

@media (max-width:600px){.np-business-hero{min-height:0}}

@media (max-width:600px){.np-business-hero-photo{inset:0;opacity:.2}}

@media (max-width:600px){.np-business-hero-photo::after{background:#f8faf7aa}}

@media (max-width:600px){.np-business-service-grid{grid-template-columns:1fr}}

@media (max-width:600px){.np-business-service-primary{grid-column:auto}}

@media (max-width:600px){.np-business-service:nth-child(2){grid-column:auto}}

@media (max-width:600px){.np-business-service:nth-child(3){grid-column:auto}}

@media (max-width:600px){.np-business-service:nth-child(4){grid-column:auto}}

@media (max-width:600px){.np-business-service:nth-child(5){grid-column:auto}}

@media (max-width:600px){.np-business-service-media{height:195px}}

@media (max-width:600px){.np-business-service-primary .np-business-service-media{height:195px}}

@media (max-width:600px){.np-business-service-copy{padding:22px}}

@media (max-width:600px){.np-business-project-list{grid-template-columns:1fr}}

@media (max-width:600px){.np-business-project-list>div{display:block}}

@media (max-width:600px){.np-business-project-list>div>div:last-child{display:block;margin-top:5px}}

@media (prefers-reduced-motion:reduce){.np-business-flow-play>.np-business-flow-line{animation:none}}

@media (prefers-reduced-motion:reduce){.np-business-flow-play .np-business-flow-trades{animation:none}}

@media (prefers-reduced-motion:reduce){.np-business-flow-play .np-business-flow-trades::before{animation:none}}

@media (prefers-reduced-motion:reduce){.np-business-flow-play .np-business-flow-trades::after{animation:none}}

@media (prefers-reduced-motion:reduce){.np-business-flow-play .np-business-flow-trades>div::before{animation:none}}

@media (prefers-reduced-motion:reduce){.np-business-map.is-motion .np-business-map-region{transition:none}}

@media (prefers-reduced-motion:reduce){.np-business-map.is-motion .np-business-map-label{transition:none}}

*{box-sizing:border-box}

body{margin:0}

.np-business-flow-client{padding-top:18px;padding-right:24px;padding-bottom:18px;padding-left:24px;padding:18px 24px;text-align:center;border:1px solid rgb(202,212,216);border-width:1px;border-style:solid;border-color:rgb(202,212,216);border-top:1px solid rgb(202,212,216);border-top-width:1px;border-top-style:solid;border-top-color:rgb(202,212,216);border-right:1px solid rgb(202,212,216);border-right-width:1px;border-right-style:solid;border-right-color:rgb(202,212,216);border-bottom:1px solid rgb(202,212,216);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgb(202,212,216);border-left:1px solid rgb(202,212,216);border-left-width:1px;border-left-style:solid;border-left-color:rgb(202,212,216);border-image:none;font-weight:700}

.np-business-flow-center{padding-top:18px;padding-right:24px;padding-bottom:18px;padding-left:24px;padding:18px 24px;text-align:center;border:1px solid rgb(202,212,216);border-width:1px;border-style:solid;border-color:rgb(202,212,216);border-top:1px solid rgb(202,212,216);border-top-width:1px;border-top-style:solid;border-top-color:rgb(202,212,216);border-right:1px solid rgb(202,212,216);border-right-width:1px;border-right-style:solid;border-right-color:rgb(202,212,216);border-bottom:1px solid rgb(202,212,216);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgb(202,212,216);border-left:1px solid rgb(202,212,216);border-left-width:1px;border-left-style:solid;border-left-color:rgb(202,212,216);border-image:none;font-weight:700}

.np-business-flow-center{display:flex;flex-direction:column;color:rgb(255,255,255);border-color:rgb(32,57,77);border-top-color:rgb(32,57,77);border-right-color:rgb(32,57,77);border-bottom-color:rgb(32,57,77);border-left-color:rgb(32,57,77)}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

.np-business-map{width:100%;max-width:760px}

.np-business-map-art{position:relative;width:100%}

.np-business-map-regions{position:absolute}

.np-business-map-legend{display:flex;flex-wrap:wrap;color:rgb(32,57,77);font-size:13px;font-weight:700}

.np-business-map-swatch{width:14px;height:14px}

*{box-sizing:border-box}

body{margin:0}

.np-business-strength-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:44px}

.np-business-strength-details>div{padding:28px;background:#fff}

.np-business-strength-details h3{margin:0 0 9px;font-size:18px;font-weight:800}

.np-business-strength-details p{margin:0;padding-top:14px;border-top:1px solid #20394d24;line-height:1.8}

.np-business-case-studies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:56px}

.np-business-case-studies h3{grid-column:1/-1;margin:0 0 6px;font-size:clamp(22px,2.5vw,30px)}

.np-business-case-studies>div{padding:30px;background:#f4f0e5}

.np-business-case-studies h4{margin:0 0 10px;font-size:18px}

.np-business-case-studies p{margin:0;padding-top:14px;border-top:1px solid #20394d24;line-height:1.8}

.np-business-area-map{width:min(100%,860px);margin:40px auto 0;background:#fffaf1}

.np-business-area-map img{display:block;width:100%;height:auto}

.np-business-area-legend{gap:10px 18px}

.np-business-area-legend>div{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}

.np-business-area-swatch{flex:0 0 14px}

.np-business-area-swatch-base{background:#f05a25}

.np-business-area-swatch-coverage{background:#2852b8}

.np-business-area-swatch-nationwide{background:#b9d5e8}

@media (min-width:851px){.np-business-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (min-width:851px){.np-business-service-primary{grid-column:auto;grid-row:auto}}

@media (min-width:851px){.np-business-service:nth-child(2){grid-column:auto}}

@media (min-width:851px){.np-business-service:nth-child(3){grid-column:auto}}

@media (min-width:851px){.np-business-service:nth-child(4){grid-column:auto}}

@media (min-width:851px){.np-business-service-primary .np-business-service-media{height:205px}}

@media (max-width:600px){.np-business-strength-details{grid-template-columns:1fr}}

@media (max-width:600px){.np-business-case-studies{grid-template-columns:1fr}}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

.np-business-area-legend{display:flex;flex-wrap:wrap;justify-content:flex-start;padding-top:14px;padding-right:18px;padding-bottom:20px;padding-left:18px;padding:14px 18px 20px;color:rgb(32,57,77);font-size:13px;font-weight:700}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

.np-business-strengths .df-motion-stagger>.np-sub-intro{margin-bottom:16px}

.np-business-strengths .df-motion-stagger>.np-sub-intro:last-child{margin-bottom:clamp(38px,5vw,60px)}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

.np-business-service-media-split{display:grid;gap:3px;background:#fff}

.np-business-service-media-two{grid-template-columns:repeat(2,minmax(0,1fr))}

.np-business-service-media-three{grid-template-columns:repeat(3,minmax(0,1fr))}

.np-business-service-media-split img{display:block;min-width:0;width:100%;height:100%;object-fit:cover}

.np-business-project-area{line-height:1.5}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

.np-business-quality{position:relative}