:root{--color-primary:var(--color-xc-gate-primary);--color-primary-light:#ebf7ff}@media (min-width:750px){.o-header_menu-list li a{font-size:.875rem}.o-header_menu-list li:nth-child(3) a,.o-header_menu-list li:nth-child(4) a,.o-header_menu-list li:nth-child(5) a{white-space:nowrap}.o-header_button-list li a{font-size:.75rem;white-space:nowrap}}@media (min-width:1000px){.o-header_menu-list li a{font-size:1rem}.o-header_button-list li a{font-size:.875rem;white-space:nowrap}}.p-cv-area{--cv-area-bg-color:#0000;--cv-area-border-color:var(--color-primary)}.a-button.is-download{--download-text-color:var(--color-white);--download-bg-color:var(--color-primary);--download-border-color:var(--color-primary);--balloon-text-color:var(--color-primary);--balloon-bg-color:var(--color-white);--balloon-border-color:var(--color-primary);--download-text-change-color:var(--color-primary);--download-bg-change-color:var(--color-primary-light);--balloon-bg-change-color:var(--color-primary);--balloon-text-change-color:var(--color-white)}.a-button.is-contact{--contact-text-color:var(--color-white);--contact-bg-color:var(--color-primary);--contact-border-color:var(--color-primary);--balloon-text-color:var(--color-primary);--balloon-bg-color:var(--color-white);--balloon-border-color:var(--color-primary);--contact-text-change-color:var(--color-primary);--contact-bg-change-color:var(--color-primary-light);--balloon-bg-change-color:var(--color-primary);--balloon-text-change-color:var(--color-white)}.o-cv-content .a-button.is-download{--download-text-color:var(--color-white);--download-bg-color:var(--color-primary);--download-border-color:var(--color-primary);--balloon-text-color:var(--color-primary);--balloon-bg-color:var(--color-white);--download-text-change-color:var(--color-primary);--download-bg-change-color:var(--color-white);--balloon-bg-change-color:var(--color-primary);--balloon-text-change-color:var(--color-white)}.o-cv-content .a-button.is-contact{--contact-text-color:var(--color-white);--contact-bg-color:var(--color-primary);--contact-border-color:var(--color-primary);--balloon-text-color:var(--color-primary);--balloon-bg-color:var(--color-white);--contact-text-change-color:var(--color-primary);--contact-bg-change-color:var(--color-white);--balloon-bg-change-color:var(--color-primary);--balloon-text-change-color:var(--color-white)}.p-hero{padding-top:1.25rem}.p-hero .l-content{display:grid}.p-hero .l-content>.l-inner:first-child{grid-row:1/2}.p-hero .l-content>.l-inner:nth-child(2){grid-row:2/3}.p-hero .l-content>.l-inner:nth-child(3){grid-row:3/4}@media (min-width:750px){.p-hero .l-content{column-gap:2.875rem;grid-template-columns:auto auto}.p-hero .l-content>.l-inner:first-child{grid-column:1/2;grid-row:1/2;place-self:center end}.p-hero .l-content>.l-inner:nth-child(2){grid-column:2/3;grid-row:1/2;justify-self:start}.p-hero .l-content>.l-inner:nth-child(3){grid-column:1/3;grid-row:2/3}}.p-hero-heading{font-weight:700;text-align:center}.p-hero-heading .a-heading_text-one{font-size:1.125rem;line-height:1}.p-hero-heading .a-heading_text-two{margin:1rem auto 0;width:20rem}.p-hero-heading .a-heading_text-two img{width:100%}.p-hero-heading .a-heading_text-three{font-size:1rem;font-weight:400;letter-spacing:1em;line-height:1;margin-top:.75rem}@media (min-width:750px){.p-hero-heading{margin:0;text-align:center;width:29.75rem}.p-hero-heading .a-heading_text-one{font-size:1.5rem}.p-hero-heading .a-heading_text-two{margin-top:1.25rem;width:29.75rem}}.p-hero-img{margin:1.75rem auto 0;width:13.5rem}@media (min-width:750px){.p-hero-img{width:20.625rem}}.p-hero-list{display:grid;row-gap:.75rem}@media (min-width:750px){.p-hero-list{column-gap:1.25rem;grid-template-columns:repeat(3,1fr)}}.p-hero-list li{align-items:center;background-color:var(--color-primary-light);border-radius:.75rem;display:grid;font-size:1.125rem;font-weight:700;height:5rem;justify-content:center;line-height:1.5;text-align:center}.p-hero-list li em{color:var(--color-primary)}.p-hero-list li em span{font-size:1.75rem}@media (min-width:750px){.p-hero-list li{font-size:1.25rem;height:6.25rem}.p-hero-list li em span{font-size:1.875rem}.p-task-list-wrap{column-gap:3.5rem;display:grid;grid-template-columns:1fr 20.375rem;margin:0 auto;max-width:50rem}}.p-task-list{display:grid;row-gap:.75rem}.p-task-list li{background-color:#f7f8fa;border-radius:.75rem;filter:drop-shadow(.125rem .125rem .125rem rgba(0,0,0,.15));font-weight:700;line-height:1.6;padding:1.25rem .5rem;text-align:center}@media (min-width:750px){.p-task-list{row-gap:1.25rem}.p-task-list li{align-items:center;display:grid;font-size:1.125rem;justify-content:center;position:relative}.p-task-list li:after{background-color:#f7f8fa;clip-path:polygon(0 0,0 100%,100% 50%);content:"";height:2.5rem;position:absolute;right:-1rem;top:50%;transform:translateY(-50%);width:2.5rem}}.p-task-list-img{margin-left:auto;margin-right:auto;width:10.75rem}@media (min-width:750px){.p-task-list-img{margin-left:0;margin-right:0;width:100%}}.p-task-bottom-text-wrap{position:relative}.p-task-bottom-text-wrap:before{background:url(/biz_process_dx/assets/img/xc-gate/task_arrow.svg) no-repeat 0 0/100% 100%;content:"";height:2.5rem;left:0;margin:0 auto;position:absolute;right:0;top:-4rem;width:1.5rem}@media (min-width:750px){.p-task-bottom-text-wrap:before{height:3rem;top:-5rem;width:8rem}}.p-task-bottom-text{display:grid;font-size:1.25rem;font-weight:700;gap:.75rem .5rem;line-height:2.2;text-align:center}.p-task-bottom-text>span{line-height:1}.p-task-bottom-text>span:first-child{grid-column:1/3;grid-row:1/2}.p-task-bottom-text>span:nth-child(2){grid-column:1/2;grid-row:2/3;justify-self:end}.p-task-bottom-text>span:nth-child(3){grid-column:2/3;grid-row:2/3;place-self:end start}.p-task-bottom-text img{width:10.125rem}@media (min-width:750px){.p-task-bottom-text{align-items:baseline;display:flex;font-size:1.75rem;justify-content:center}.p-task-bottom-text img{width:13.125rem}}.p-about{background-image:linear-gradient(180deg,#ebf7ff,#fff 117.64%)}@media (min-width:750px){.p-about-list li:nth-child(odd) .p-about-card{grid-template-columns:1fr 41.1111111111%}.p-about-list li:nth-child(odd) .p-about-card_text-area{grid-column:1/2;padding-left:1.25rem;padding-right:0}.p-about-list li:nth-child(odd) .p-about-card_illustration{grid-column:2/3}}.p-about-card{background-color:#fff;border-radius:.75rem;box-shadow:0 .25rem .75rem 0 #dae2e5;display:grid;padding:1.5rem 2rem;row-gap:1.25rem}@media (min-width:750px){.p-about-card{align-items:center;column-gap:6.6666666667%;grid-template-columns:41.1111111111% 1fr;padding:2.5rem 3.75rem 2.5rem 2.5rem}}.p-about-card_text-area{grid-row:2/3}@media (min-width:750px){.p-about-card_text-area{grid-column:2/3;grid-row:1/2;padding-right:1.25rem}}.p-about-card_heading{font-size:1.25rem;font-weight:700}@media (min-width:750px){.p-about-card_heading{font-size:1.625rem}}.p-about-movie{border-radius:.75rem;margin:0 auto;overflow:hidden;width:100%}.p-about-movie video{cursor:pointer;display:block;height:auto;width:100%}@media (min-width:750px){.p-about-movie{max-width:37.5rem}}.p-about-card_illustration{background-color:var(--color-primary-light);border-radius:.75rem;grid-row:1/2;padding:1.5rem .75rem}@media (min-width:750px){.p-about-card_illustration{grid-column:1/2;padding:2rem 1rem}.p-about-card_illustration img{width:100%}}.p-function-stack{display:grid;row-gap:1.5rem}@media (min-width:750px){.p-function-stack{align-items:center;column-gap:5rem;grid-template-columns:29.375rem 1fr}}.p-function-stack_text-area{grid-row:2/3}@media (min-width:750px){.p-function-stack_text-area{grid-column:2/3;grid-row:1/2}}.p-function-stack_img{background-color:#f7f8fa;border-radius:.75rem;grid-row:1/2;overflow:hidden;padding:1.25rem}@media (min-width:750px){.p-function-stack_img{grid-column:1/2;padding:3rem 1.5rem}}.p-function-stack_heading{font-size:1.25rem;font-weight:700}@media (min-width:750px){.p-function-stack_heading{font-size:1.625rem}}.p-function-box{background-color:var(--color-primary-light);border-radius:.75rem;padding:2.5rem 1.75rem}@media (min-width:750px){.p-function-box{align-items:center;column-gap:3rem;display:grid;grid-template-columns:1fr 15.125rem;padding:1.25rem 5rem}}.p-function-box_heading{font-size:1.25rem;font-weight:700}@media (min-width:750px){.p-function-box_heading{font-size:1.5rem}}.p-function-box .m-text-wrap{line-height:1.8}.p-function-box .a-image{margin:0 auto;width:12.125rem}@media (min-width:750px){.p-function-box .a-image{width:100%}}.p-price-area{border:.25rem solid var(--color-primary);border-radius:.75rem;padding:2.5rem 2.5rem 3.25rem}@media (min-width:750px){.p-price-area{padding:5rem}.p-price-area .l-inner:first-child{align-items:center;display:flex;justify-content:space-between}}.p-price-area_heading{color:var(--color-primary);font-size:1.5rem;font-weight:700}@media (min-width:750px){.p-price-area_heading{font-size:2.25rem}}.p-price-area .m-text-wrap{line-height:1.6;margin-top:.75rem}@media (min-width:750px){.p-price-area .a-button{font-size:1.25rem;height:5rem;width:22.5rem}}.p-flow{background:linear-gradient(180deg,#f6f8f9,#fff)}.p-flow-list{position:relative}.p-flow-list:after{border-left:1px dashed var(--color-stream-primary);content:"";height:100%;left:0;margin:0 auto;position:absolute;right:0;top:0;width:1px}@media (min-width:750px){.p-flow-list:after{border-bottom:1px dashed var(--color-stream-primary);border-left:none;height:2px;top:50%;transform:translateY(-50%);width:100%}}.p-flow-list li{align-items:center;background-color:#fff;border-radius:.75rem;box-shadow:0 .25rem .75rem 0 #dae2e5;display:grid;justify-content:center;padding:1.75rem;position:relative;z-index:1}@media (min-width:750px){.p-flow-list li{padding:2.25rem .75rem 1.75rem}}.p-flow-list_heading{font-weight:700;text-align:center}.p-flow-list_heading .a-heading_text-one{background-color:var(--color-stream-primary);border-radius:9999px;color:var(--color-white);left:0;line-height:1;margin:0 auto;padding:.25rem .75rem .3125rem;position:absolute;right:0;text-transform:uppercase;top:0;transform:translateY(-50%);width:-webkit-fit-content;width:fit-content}.p-flow-list_heading .a-heading_text-two{font-size:1.125rem;line-height:1.2}@media (min-width:750px){.p-flow-list_heading{font-size:700}}.p-usecase{background:#f7f8fa}.p-usecase-list{display:grid;row-gap:1.25rem}.p-usecae-card{background-color:#fff;border-radius:.75rem;padding:2.5rem 1.5rem}@media (min-width:750px){.p-usecae-card{padding:2.5rem 3.75rem}}.p-usecae-card_heading .a-heading_text-one{background-color:var(--color-primary);border-radius:.375rem;color:#fff;padding:.125rem .75rem;width:-webkit-fit-content;width:fit-content}.p-usecae-card_heading .a-heading_text-two{font-size:1.125rem;font-weight:700;margin-top:.75rem}@media (min-width:750px){.p-usecae-card_heading{align-items:center;column-gap:1.25rem;display:flex}.p-usecae-card_heading .a-heading_text-two{font-size:1.5rem;margin-top:0}}.p-usecae-card_head .m-text-wrap{text-align:right}.p-usecae-card_body dl{display:grid;row-gap:.75rem}.p-usecae-card_body dl>div{border-radius:.75rem;overflow:hidden}@media (min-width:750px){.p-usecae-card_body dl>div{display:grid;grid-template-columns:9.375rem 1fr}}.p-usecae-card_body dl dt{align-items:center;column-gap:.5rem;display:grid;font-weight:700;grid-template-columns:1.625rem auto;justify-content:center;padding:.5rem .75rem .5rem 0}.p-usecae-card_body dl dt svg{width:100%}@media (min-width:750px){.p-usecae-card_body dl dt{grid-template-columns:1fr;padding:0;text-align:center}.p-usecae-card_body dl dt svg{align-self:end;display:block;margin:0 auto;width:2rem}.p-usecae-card_body dl dt>span{align-self:start;font-size:1.125rem}}.p-usecae-card_body dl dd{padding:1rem 1rem 1.75rem}@media (min-width:750px){.p-usecae-card_body dl dd{padding:1.5rem 2rem}}.p-usecae-card_body dl>div:first-child{background-color:#f7f8fa}.p-usecae-card_body dl>div:first-child dt{background-color:#e8ecf3}.p-usecae-card_body dl>div:nth-child(2){background-color:#f6fbff}.p-usecae-card_body dl>div:nth-child(2) dt{background-color:#e6f4ff;color:var(--color-primary)}.p-faq{--faq-item-bg:var(--color-white);--faq-a-color:var(--color-primary);--faq-item-icon-color:var(--color-primary);--faq-item-icon-change-color:#90a4ae;--faq-item-shadow:0 0.25rem 0.75rem 0 #dae2e5}.p-connection{--banner-color:#049}


