.our-process-page{--size-small: 11.1111111111vw;--size-medium: 17.3611111111vw;--size-large: 22.4305555556vw;--overlap-medium: 4.1666666667vw;--arrow-size: 3.4722222222vw;--stroke-size: .2777777778vw;--dash-gap: 1.2vw;--step-point-size: 1.25vw}.bg-offwhite{background-color:#f6f8f9}.section-title{--title-color: #253b4f;color:var(--title-color);position:relative;height:-moz-fit-content;height:fit-content;&.c-white{--title-color: #fff}&:before{content:"";display:block;width:0;height:100%;position:absolute;top:0;left:0;bottom:0;border-right:5px solid var(--title-color)}.title-text{padding-left:25px;.title{font-size:var(--font-size-h1);line-height:1.1;font-weight:500;color:var(--title-color)}.subtitle{font-size:var(--font-size-h4);font-weight:500}}}.blob{display:block;width:22.4305555556vw;height:-moz-fit-content;height:fit-content;aspect-ratio:1;border-radius:50%;overflow:hidden;transition:.3s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center;color:#fff;line-height:1;.blob-ttl{font-size:var(--font-size-h2)}.blob-desc{font-size:var(--font-size-description);max-width:75%;text-wrap:balance;line-height:1.2}&.small{width:var(--size-small);.blob-ttl{font-size:var(--font-size-h3);line-height:1}}&.medium{width:var(--size-medium)}&.large{width:var(--size-large)}&.white{background-color:transparent;border:1px solid #000;color:#000;position:relative;&:not(.no-hover):hover{background-color:#f8f8f8e6;z-index:2}}&.blue{background-color:#253b4f;&:not(.no-hover):hover{background-color:#375774}}&.khaki{background-color:#bda78f;&:not(.no-hover):hover{background-color:#e3bb90}}&.gray{background-color:#606060;&:not(.no-hover):hover{background-color:#b7c9d4}}&.hover-image{position:relative;&:before,&:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:.3s ease-in-out}&:before{background-image:var(--hover-image);background-size:cover;background-position:center;z-index:5}&:after{background-color:#00000040;z-index:6}&:hover:before,&:hover:after{opacity:1}}}.arrow{display:block;width:var(--arrow-size);aspect-ratio:1;position:absolute;top:calc(var(--size-medium) - (var(--overlap-medium) / 2) - (var(--arrow-size) / 2));border-right:var(--stroke-size) solid #253b4f;border-bottom:var(--stroke-size) solid #253b4f;rotate:-45deg}.step-point{position:absolute;display:block;width:var(--step-point-size);aspect-ratio:1;background-color:#253b4f;border-radius:50%;overflow:hidden}.progress-line-x{position:absolute;height:var(--stroke-size);background-image:linear-gradient(to right,#253b4f 50%,#253b4f00 0%);background-position:bottom;background-size:var(--dash-gap) 100%;background-repeat:repeat-x}.progress-line-y{position:absolute;width:var(--stroke-size);background-image:linear-gradient(to bottom,#253b4f 50%,#253b4f00 0%);background-position:right;background-size:100% var(--dash-gap);background-repeat:repeat-y}.step-flow-vertical{margin-top:calc(var(--gap-section) / 2);.step-block{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;margin:0 auto;position:relative;&.loop{flex-direction:row;gap:40px;padding:40px;border-radius:100vw;border:var(--stroke-size) dashed #253b4f;.arrow.type-1{top:0;left:25%;transform:translateY(calc((-1 * sqrt(2) / 2 * var(--arrow-size)) - var(--stroke-size) / 2))}.arrow.type-2{top:unset;bottom:0;right:25%;transform:translateY(calc((-1 * sqrt(2) / 2 * var(--arrow-size)) - var(--stroke-size) / 2));rotate:135deg}}.step-point{position:static}.progress-line-y{position:static;min-height:250px}.step-header{width:40%;position:absolute;left:0;text-align:end;font-size:var(--font-size-h2)}.step-desc{width:40%;position:absolute;right:0}&.start{.step-header,.step-desc{top:0}}&.end{.step-header{bottom:0}.step-desc{bottom:0;transform:translateY(calc(100% - var(--font-size-description) * 2))}}.side-blob{position:absolute;top:calc(var(--size-large) / 2);transform:translateY(-50%);.blob-ttl{line-height:1.1;&.padding{padding:0 20px}}}&:has(.side-blob) .progress-line-y{min-height:100px}&:nth-child(2n) .side-blob{left:calc(50% + var(--size-large) * .75)}&:nth-child(odd) .side-blob{right:calc(50% + var(--size-large) * .75)}}}@media(max-width:1280px){.blob{.blob-ttl{font-size:var(--font-size-h3)}&.small{.blob-ttl{font-size:var(--font-size-h4)}}}}@media(max-width:991px){.our-process-page{--size-small: 19.2307692308vw;--size-medium: 23.07692307692vw;--size-large: 23.07692307692vw;--overlap-medium: 4.3846153846vw;--arrow-size: 3.8205128205vw;--stroke-size: .62564102564vw;--dash-gap: 3vw;--step-point-size: 2.3076923077vw}.step-block{--size-small: 25.641025641vw;--size-medium: 30.769230769vw;--size-large: 64.1025641026vw}.section-title{.title-text{padding-left:16px}.title-text:not(:has(.subtitle)){.title{font-size:var(--font-size-h2);line-height:normal}}}.blob{.blob-ttl{font-size:var(--font-size-description)}&.small{.blob-ttl{font-size:var(--font-size-description)}}}.step-flow-vertical{margin-top:calc(var(--gap-section) / 2);.step-block{.progress-line-y{min-height:100px}&.loop{width:-moz-fit-content;width:fit-content;flex-direction:column;gap:30px;padding:30px;.arrow.type-1{top:25%;left:0;width:calc(var(--arrow-size) * 2);transform:translate(calc((sqrt(2) * var(--arrow-size)) + var(--stroke-size) / 2));rotate:-135deg}.arrow.type-2{top:unset;bottom:25%;right:0;width:calc(var(--arrow-size) * 2);transform:translate(calc((sqrt(2) * var(--arrow-size)) + var(--stroke-size) / 2));rotate:45deg}}.step-header{width:100%;position:static;text-align:center;font-size:var(--font-size-h4);padding-top:20px}.step-desc{width:100%;text-align:center;position:static;font-size:var(--font-size-description);padding:20px 0;transform:unset!important}.blob-ttl.large{font-size:var(--font-size-h2)}.side-blob{top:calc(-1 * var(--size-large) / 6);transform:unset}&:has(.side-blob) .progress-line-y{min-height:50px}&:nth-child(2n) .side-blob{left:calc(50% + var(--size-large) / 4)}&:nth-child(odd) .side-blob{right:calc(50% + var(--size-large) / 4)}}}}.our-process-hero{--bottom-gradient-height: 50px;height:calc(100vh + var(--bottom-gradient-height));position:relative}.our-process-hero .bg-cover{height:100vh;position:relative;overflow:hidden}.our-process-hero .bg-cover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;background:linear-gradient(0deg,#253b4f,#253b4f00)}.our-process-hero:after{transform:translateY(-2px);content:"";display:block;width:100%;height:var(--bottom-gradient-height);background:linear-gradient(180deg,#253b4f 31%,#253b4f00)}.our-process-hero .section-title{position:absolute;left:var(--page-padding);bottom:calc(var(--bottom-gradient-height) + var(--page-padding));z-index:10}@media(max-width:768px){.our-process-hero{height:calc(125vw + var(--bottom-gradient-height))}.our-process-hero .bg-cover{height:125vw}}.how-we-work{overflow:hidden;.header{display:flex;justify-content:space-between;gap:40px;margin-bottom:var(--gap-section);.section-desc{max-width:550px;p{text-indent:3em}}}.diagram{display:flex;justify-content:space-between;position:relative;.arrow.type-1{left:25%}.arrow.type-2{left:69%}.step-point{top:50%;left:50%;transform:translate(-50%,-50%)}.progress-line-x{width:100vw;top:calc(var(--size-medium) - (var(--overlap-medium) / 2));left:calc(var(--size-medium) / 2);transform:translateY(-50%)}.step-container{display:flex;flex-direction:column;align-items:center;gap:40px;.step{flex-grow:1;position:relative;display:flex;flex-direction:column;justify-content:center;.white:nth-child(3){margin-top:calc(-1 * var(--overlap-medium))}.gray{position:absolute;top:0;left:70%}}.step-desc{font-size:var(--font-size-h3);text-align:center;line-height:1.2}}}}@media(max-width:991px){.how-we-work{.header{flex-direction:column;gap:24px;.section-desc{max-width:unset}}.diagram{.arrow.type-2{left:66%}.step-container{gap:20px;.step{.gray{top:-10%;left:50%}}.step-desc{font-size:var(--font-size-description);max-width:80px}}}}}.list-info{&.reverse .content{flex-direction:row-reverse}&.border-bottom{border-bottom:1px solid rgba(0,0,0,.15)}.content{display:flex;align-items:center;gap:60px;margin-top:60px;.content-image{width:47%;flex-shrink:0;aspect-ratio:.922962963;overflow:hidden;border-radius:min(3.4722222222vw,50px)}.content-text{flex-grow:1;height:100%;min-height:46.875vw;display:flex;flex-direction:column;justify-content:space-between;gap:40px;.list .list-item{padding:30px 0;border-bottom:1px solid rgba(0,0,0,.3);display:flex;align-items:center;&:first-child{padding-top:0}.item-header{display:flex;align-items:center;gap:20px;width:50%}.counter{width:58px;font-size:var(--font-size-h4);border:1px solid rgba(0,0,0,.3);aspect-ratio:1;display:flex;justify-content:center;align-items:center;border-radius:50%}.item-ttl{font-size:var(--font-size-h4)}.item-desc{font-size:var(--font-size-description);width:50%}}.content-desc{max-width:240px}}}}@media(max-width:991px){.list-info{.content{flex-direction:column!important;gap:40px;margin-top:40px;.content-image{width:100%;aspect-ratio:.9623655914;border-radius:12px}.content-text{flex-grow:1;height:100%;min-height:46.875vw;display:flex;flex-direction:column;justify-content:space-between;gap:40px;.list .list-item{flex-direction:column;.item-header{width:100%}.item-desc{width:100%;padding-left:78px}}.content-desc{max-width:unset}}}}}