@charset "UTF-8";
.servicenow{--service-fv-bg:url("/assets/img/business/servicenow/fv-bg01-sp.webp");--service-fv-bg-position:center top}@media (min-width:768px),(orientation:landscape){.servicenow{--service-fv-bg:url("/assets/img/business/servicenow/fv-bg01.webp")}}.detail-content{--detail-bg-soft:var(--sn-bg-soft);--detail-accent:var(--sn-accent);--detail-reason-image-max:var(--sn-reason-image-max)}.sn-heading-center{text-align:center}.sn-heading-center .detail-lead{margin-inline:auto}:where(.sn-page figure){margin:0}:where(.sn-page figure img){display:block;width:100%;height:auto;border-radius:var(--sn-image-radius);box-shadow:var(--sn-image-shadow)}.sn-page.is-motion .sn-reveal{opacity:0;transform:translateY(calc(var(--sn-reveal-shift) * 1.5));transition:opacity var(--sn-image-reveal-speed) var(--sn-reveal-ease),transform var(--sn-image-reveal-speed) var(--sn-reveal-ease)}.sn-page.is-motion .sn-reveal img{transform:scale(var(--sn-image-reveal-scale));transition:transform calc(var(--sn-image-reveal-speed) * 1.4) var(--sn-reveal-ease)}.sn-page.is-motion .sn-reveal.is-shown{opacity:1;transform:none}.sn-page.is-motion .sn-reveal.is-shown img{transform:none}.sn-approach{overflow:clip;background:var(--sn-light-bg)}.sn-approach-inner{display:grid;gap:var(--detail-block-space);width:min(var(--contents-max-width),calc(100% - var(--detail-gutter) * 2));margin-inline:auto}.sn-approach-text h2{margin-bottom:16px}.sn-approach-figure img{height:var(--sn-approach-image-height);object-fit:cover;object-position:45% 50%}.sn-viewpoints{margin:32px 0 0;padding:0;list-style:none}.sn-viewpoints li{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:16px;padding-block:16px}.sn-viewpoint-index{grid-row:1 / span 2;color:var(--sn-accent);font-family:var(--font-heading);font-size:var(--detail-small-size);font-weight:bold;line-height:2}.sn-viewpoints h3{margin-bottom:4px;font-size:var(--detail-h4-size)}.sn-page.is-motion .sn-viewpoints li{opacity:0;transform:translateY(var(--sn-rise))}.sn-page.is-motion .sn-viewpoints.is-shown li{opacity:1;transform:none;transition:opacity var(--sn-rise-speed) var(--sn-rise-ease),transform var(--sn-rise-speed) var(--sn-rise-ease);transition-delay:calc(var(--sn-order) * var(--sn-viewpoint-step))}.sn-lifecycle-label{margin-bottom:12px;color:var(--detail-muted);font-size:var(--detail-small-size);font-weight:bold;letter-spacing:0.07em}.sn-lifecycle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 var(--sn-theme-gap);padding:0;list-style:none}.sn-lifecycle li{display:flex;align-items:baseline;gap:10px;padding:12px 14px;border-radius:12px;background:var(--sn-bg-soft);color:var(--detail-ink);font-weight:bold;line-height:1.5}.sn-lifecycle-index{flex:none;color:var(--sn-accent);font-family:var(--font-heading);font-size:var(--detail-small-size)}.sn-themes{display:grid;gap:var(--sn-theme-gap)}.sn-theme{display:grid;gap:24px;align-items:center}.sn-theme-figure{position:relative;isolation:isolate}.sn-theme-figure::before{content:"";position:absolute;inset:var(--sn-paper-offset) calc(-1 * var(--sn-paper-offset)) calc(-1 * var(--sn-paper-offset)) var(--sn-paper-offset);z-index:-1;border-radius:var(--sn-image-radius);background:var(--sn-bg-soft)}.is-reverse .sn-theme-figure::before{inset:var(--sn-paper-offset) var(--sn-paper-offset) calc(-1 * var(--sn-paper-offset)) calc(-1 * var(--sn-paper-offset))}.sn-theme-label{margin-bottom:10px;color:var(--sn-accent);font-size:var(--detail-small-size);font-weight:bold;letter-spacing:0.07em}.sn-theme h3{margin-bottom:12px;font-size:var(--detail-h3-size)}.sn-theme-list-title{margin:20px 0 8px;color:var(--detail-muted);font-size:var(--detail-small-size);letter-spacing:0.07em}.sn-check-list{margin:0;padding:0;list-style:none}.sn-check-list li{position:relative;padding-left:28px;color:var(--detail-ink)}.sn-check-list li + li{margin-top:6px}.sn-check-list li::before{content:"";position:absolute;top:0.45em;left:0;width:18px;height:18px;border-radius:50%;background:var(--sn-accent)}.sn-check-list li::after{content:"";position:absolute;top:calc(0.45em + 5px);left:6px;width:6px;height:4px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg)}.sn-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.sn-chips li{padding:4px 12px;border:1px solid var(--sn-line);border-radius:999px;background:#fff;color:var(--detail-ink);font-size:var(--detail-small-size)}.sn-more-support{display:grid;gap:16px;margin-top:var(--sn-theme-gap)}.sn-support-card{padding:var(--detail-card-pad);border:1px solid var(--sn-line);border-radius:var(--detail-card-radius);background:var(--sn-light-bg)}.sn-support-card h3{margin-bottom:8px;font-size:var(--detail-h4-size)}.sn-note{margin-top:24px;color:var(--detail-muted);font-size:var(--detail-small-size);text-align:center}.sn-process-body{display:grid;gap:var(--detail-block-space)}.sn-steps{margin:0;padding:0;list-style:none}.sn-steps li{position:relative;display:grid;grid-template-columns:var(--sn-step-mark) 1fr;column-gap:20px;padding-bottom:28px}.sn-steps li:last-child{padding-bottom:0}.sn-steps li:not(:last-child)::before{content:"";position:absolute;top:var(--sn-step-mark);bottom:0;left:calc(var(--sn-step-mark) / 2 - 1px);width:2px;background:var(--sn-line)}.sn-step-index{display:grid;grid-row:1 / span 2;place-items:center;width:var(--sn-step-mark);height:var(--sn-step-mark);border:1px solid var(--sn-line);border-radius:50%;background:#fff;color:var(--sn-accent);font-family:var(--font-heading);font-size:var(--detail-small-size);font-weight:bold}.sn-steps h3{margin:8px 0 6px;font-size:var(--detail-h4-size)}.sn-page.is-motion .sn-steps li{opacity:0;transform:translateY(var(--sn-rise))}.sn-page.is-motion .sn-steps li:not(:last-child)::before{transform:scaleY(0);transform-origin:top}.sn-page.is-motion .sn-steps.is-shown li{opacity:1;transform:none;transition:opacity var(--sn-rise-speed) var(--sn-rise-ease),transform var(--sn-rise-speed) var(--sn-rise-ease);transition-delay:calc(var(--sn-order) * var(--sn-step-step))}.sn-page.is-motion .sn-steps.is-shown li:not(:last-child)::before{transform:none;transition:transform var(--sn-step-step) var(--sn-draw-ease) calc((var(--sn-order) + 0.5) * var(--sn-step-step))}.sn-reasons-section{background:var(--sn-light-bg)}@media (min-width:768px){.sn-lifecycle{grid-template-columns:repeat(4,minmax(0,1fr))}.sn-lifecycle li{flex-direction:column;gap:4px}.sn-more-support{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.sn-approach-inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:calc(var(--detail-column-gap) * 1.8);align-items:center}.sn-approach-figure{margin-right:calc(-1 * max(var(--detail-gutter),(100vw - var(--contents-max-width)) / 2))}.sn-approach-figure img{border-radius:var(--sn-image-radius) 0 0 var(--sn-image-radius)}.sn-lifecycle{grid-template-columns:repeat(8,minmax(min-content,1fr));gap:0}.sn-lifecycle li{position:relative;padding:22px 12px 0 0;border-top:2px solid var(--sn-line);border-radius:0;background:none}.sn-lifecycle li::before{content:"";position:absolute;top:calc(var(--sn-step-dot) / -2 - 1px);left:0;width:var(--sn-step-dot);height:var(--sn-step-dot);border-radius:50%;background:var(--sn-accent);box-shadow:0 0 0 4px #fff}.sn-theme{grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:calc(var(--detail-column-gap) * 2)}.sn-theme.is-reverse{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.sn-theme.is-reverse .sn-theme-figure{grid-column:2;grid-row:1}.sn-process-body{grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:calc(var(--detail-column-gap) * 2);align-items:start}.sn-process-figure{position:sticky;top:calc(var(--header-height) + var(--detail-nav-height) + 32px)}}