.wp-block-houan-flow-nav{--flow-skew:30px;--flow-skew-first-last:calc(var(--flow-skew) - 10px);--flow-now-skew:10px;--flow-gap:calc(var(--flow-skew) + 4px);--flow-current-bg:var(--wp--preset--color--color-red);--flow-current-text:var(--wp--preset--color--color-white);--flow-normal-bg:var(--wp--preset--color--color-white);--flow-normal-number:var(--wp--preset--color--color-dark-blue);--flow-now-bg:var(--wp--preset--color--color-dark-blue);--flow-now-text:var(--wp--preset--color--color-white);--flow-label-color:var(--wp--preset--color--text-color);--flow-current-padding-y:clamp(9.5px,9.5px + (100vw - 375px)*(22 - 9.5)/(1040 - 375),22px);--flow-current-padding-x:clamp(0px,0px + (100vw - 375px)*(8 - 0)/(1040 - 375),8px);--flow-step-min-height:140px;--flow-number-size:clamp(12px,12px + (100vw - 375px)*(12 - 12)/(1040 - 375),12px);--flow-now-number-size:clamp(12px,12px + (100vw - 375px)*(18 - 12)/(1040 - 375),18px);--flow-row-now:40px;--flow-row-number:auto;--flow-row-label:1fr}.wp-block-houan-flow-nav .houan-flow-nav__list{--flow-max-width:950px;align-items:stretch;-moz-column-gap:var(--flow-gap);column-gap:var(--flow-gap);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0 auto;max-width:var(--flow-max-width);padding-left:var(--flow-skew-first-last);padding-right:var(--flow-skew-first-last);row-gap:3px}@media screen and (min-width:781px){.wp-block-houan-flow-nav .houan-flow-nav__list{grid-template-columns:repeat(6,minmax(0,1fr))}}.wp-block-houan-flow-nav .houan-flow-nav__item{display:grid;grid-template-rows:var(--flow-row-now) var(--flow-row-number) var(--flow-row-label);position:relative;text-align:center}.wp-block-houan-flow-nav .houan-flow-nav__item-inner{display:grid;grid-row:1/-1;grid-template-rows:subgrid;min-height:calc(var(--flow-row-now) + var(--flow-step-min-height))}.wp-block-houan-flow-nav .houan-flow-nav__now{align-items:start;display:flex;grid-row:1;justify-content:center;left:auto;position:relative;top:auto;transform:none;transform:translateX(calc(var(--flow-skew)/2));z-index:3}.wp-block-houan-flow-nav .houan-flow-nav__now .houan-flow-nav__now-box{align-items:center;background:var(--flow-now-bg);display:inline-flex;justify-content:center;position:relative}.wp-block-houan-flow-nav .houan-flow-nav__now .houan-flow-nav__now-box:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--flow-now-bg);bottom:-6px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.wp-block-houan-flow-nav .houan-flow-nav__now .houan-flow-nav__now-box .houan-flow-nav__now-text{color:var(--flow-now-text);font-size:clamp(12px,12px + (100vw - 375px)*(14 - 12)/(1040 - 375),14px);font-weight:700;line-height:1;padding:clamp(6px,6px + (100vw - 375px)*(7 - 6)/(1040 - 375),7px) clamp(24px,24px + (100vw - 375px)*(30 - 24)/(1040 - 375),30px);position:relative;white-space:nowrap}.wp-block-houan-flow-nav .houan-flow-nav__now .houan-flow-nav__now-box .houan-flow-nav__now-text:after,.wp-block-houan-flow-nav .houan-flow-nav__now .houan-flow-nav__now-box .houan-flow-nav__now-text:before{background-color:var(--flow-now-bg);content:"";height:100%;position:absolute;top:0;width:var(--flow-now-skew)}.wp-block-houan-flow-nav .houan-flow-nav__now .houan-flow-nav__now-box .houan-flow-nav__now-text:before{clip-path:polygon(0 100%,100% 0,100% 100%);left:calc((var(--flow-now-skew) - .5px)*-1)}.wp-block-houan-flow-nav .houan-flow-nav__now .houan-flow-nav__now-box .houan-flow-nav__now-text:after{clip-path:polygon(0 0,100% 0,0 100%);right:calc((var(--flow-now-skew) - .5px)*-1)}.wp-block-houan-flow-nav .houan-flow-nav__step{background:var(--flow-normal-bg);display:grid;grid-row:2/4;grid-template-rows:subgrid;min-height:var(--flow-step-min-height);padding:var(--flow-current-padding-y) var(--flow-current-padding-x);position:relative;z-index:1}.wp-block-houan-flow-nav .houan-flow-nav__number{align-items:center;color:var(--flow-normal-number);display:flex;font-family:Jost,sans-serif;font-size:var(--flow-number-size);font-style:italic;font-weight:700;justify-content:center;letter-spacing:10%;line-height:1;margin:0;min-height:clamp(12px,12px + (100vw - 375px)*(20 - 12)/(1040 - 375),20px)}.wp-block-houan-flow-nav .houan-flow-nav__label{align-items:center;color:var(--flow-label-color);display:flex;font-size:clamp(12px,12px + (100vw - 375px)*(15 - 12)/(1040 - 375),15px);font-weight:400;justify-content:center;line-height:1.5;margin-top:.5em;text-align:center;word-break:break-word}.wp-block-houan-flow-nav .houan-flow-nav__item .houan-flow-nav__step:after,.wp-block-houan-flow-nav .houan-flow-nav__item .houan-flow-nav__step:before{background-color:var(--flow-normal-bg);content:"";height:100%;position:absolute;top:0;width:var(--flow-skew)}.wp-block-houan-flow-nav .houan-flow-nav__item .houan-flow-nav__step:before{clip-path:polygon(0 100%,100% 0,100% 100%);left:calc((var(--flow-skew) - .5px)*-1)}.wp-block-houan-flow-nav .houan-flow-nav__item .houan-flow-nav__step:after{clip-path:polygon(0 0,100% 0,0 100%);right:calc((var(--flow-skew) - .5px)*-1)}.wp-block-houan-flow-nav .houan-flow-nav__item.is-current .houan-flow-nav__step,.wp-block-houan-flow-nav .houan-flow-nav__item.is-current .houan-flow-nav__step:after,.wp-block-houan-flow-nav .houan-flow-nav__item.is-current .houan-flow-nav__step:before{background:var(--flow-current-bg)}.wp-block-houan-flow-nav .houan-flow-nav__item.is-current .houan-flow-nav__step .houan-flow-nav__label,.wp-block-houan-flow-nav .houan-flow-nav__item.is-current .houan-flow-nav__step .houan-flow-nav__number{color:var(--flow-current-text)}.wp-block-houan-flow-nav .houan-flow-nav__item.is-current .houan-flow-nav__step .houan-flow-nav__number{font-size:var(--flow-now-number-size)}.wp-block-houan-flow-nav .houan-flow-nav__item--1 .houan-flow-nav__step:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);left:calc((var(--flow-skew-first-last) - .5px)*-1);width:var(--flow-skew-first-last)}@media screen and (max-width:780px){.wp-block-houan-flow-nav .houan-flow-nav__item--3 .houan-flow-nav__step:after{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);right:calc((var(--flow-skew-first-last) - .5px)*-1);width:var(--flow-skew-first-last)}.wp-block-houan-flow-nav .houan-flow-nav__item--4 .houan-flow-nav__step:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);left:calc((var(--flow-skew-first-last) - .5px)*-1);width:var(--flow-skew-first-last)}}.wp-block-houan-flow-nav .houan-flow-nav__item--6 .houan-flow-nav__step:after{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);right:calc((var(--flow-skew-first-last) - .5px)*-1);width:var(--flow-skew-first-last)}@media screen and (max-width:780px){.wp-block-houan-flow-nav .houan-flow-nav__item:nth-last-child(-n+3){grid-template-rows:var(--flow-row-number) var(--flow-row-label) var(--flow-row-now)}.wp-block-houan-flow-nav .houan-flow-nav__item:nth-last-child(-n+3) .houan-flow-nav__now{align-items:end;grid-row:4;transform:none}.wp-block-houan-flow-nav .houan-flow-nav__item:nth-last-child(-n+3) .houan-flow-nav__now .houan-flow-nav__now-box:after{border-bottom:6px solid var(--flow-now-bg);border-top:0;bottom:auto;top:-6px}.wp-block-houan-flow-nav .houan-flow-nav__item:nth-last-child(-n+3) .houan-flow-nav__step{grid-row:1/3}}