.content-box{display:grid;gap:clamp(.5333333333rem,2.6666666667vw,1.28rem);padding:clamp(1.4933333333rem,7.4666666667vw,3.584rem) clamp(.4266666667rem,2.1333333333vw,1.024rem) clamp(.64rem,3.2vw,1.536rem);border:clamp(.1066666667rem,.5333333333vw,.256rem) solid var(--color-teal);border-radius:clamp(.8rem,4vw,1.92rem)}@media(min-width:48rem){.content-box{gap:clamp(.5rem,1.0416666667vw,.9375rem);inline-size:clamp(33.3333333333rem,69.4444444444vw,62.5rem);padding:clamp(1.3333333333rem,2.7777777778vw,2.5rem) clamp(.5333333333rem,1.1111111111vw,1rem) clamp(.8rem,1.6666666667vw,1.5rem);border-width:clamp(.0666666667rem,.1388888889vw,.125rem);border-radius:clamp(.8rem,1.6666666667vw,1.5rem)}}.content-box>.txt{font-size:clamp(1.0133333333rem,5.0666666667vw,2.432rem);font-weight:800;line-height:1.7105263158;text-align:center}@media(min-width:48rem){.content-box>.txt{font-size:clamp(1.1333333333rem,2.3611111111vw,2.125rem);line-height:1.7058823529}}.flow-items{display:grid;gap:clamp(2.6666666667rem,13.3333333333vw,6.4rem)}@media(min-width:48rem){.flow-items{grid-template-columns:repeat(2,auto);gap:clamp(4.6666666667rem,9.7222222222vw,8.75rem);justify-content:start}}@media(min-width:48rem){.flow-items>.flow-item[data-variant=item02]{margin-block-start:clamp(-.75rem,-.8333333333vw,-.4rem)}}.flow-item{padding-inline-start:clamp(1.1733333333rem,5.8666666667vw,2.816rem)}@media(max-width:47.99875rem){.flow-item{display:grid;grid-template-columns:1fr clamp(6.9333333333rem,34.6666666667vw,16.64rem);align-items:start}}@media(min-width:48rem){.flow-item[data-variant=item01]{padding-inline-start:clamp(1.1666666667rem,2.4305555556vw,2.1875rem)}}.flow-item>.flow-txt[data-variant=txt02]{margin-inline-end:clamp(-2.56rem,-5.3333333333vw,-1.0666666667rem)}@media(max-width:47.99875rem){.flow-item>.img{justify-self:end}}.flow-item>.img[data-variant=img01]{inline-size:clamp(7.52rem,37.6vw,18.048rem);margin-block-start:clamp(-1.664rem,-3.4666666667vw,-.6933333333rem)}@media(min-width:48rem){.flow-item>.img[data-variant=img01]{inline-size:clamp(9.4rem,19.5833333333vw,17.625rem);margin:clamp(.1333333333rem,.2777777778vw,.25rem) 0 0 clamp(2.3333333333rem,4.8611111111vw,4.375rem)}}.flow-item>.img[data-variant=img02]{inline-size:clamp(9.8933333333rem,49.4666666667vw,23.744rem);margin-block-start:clamp(-1.536rem,-3.2vw,-.64rem)}@media(min-width:48rem){.flow-item>.img[data-variant=img02]{inline-size:clamp(12.3666666667rem,25.7638888889vw,23.1875rem);margin:clamp(.1666666667rem,.3472222222vw,.3125rem) 0 0 clamp(-.375rem,-.4166666667vw,-.2rem)}}.flow-item:not(:last-child){position:relative}.flow-item:not(:last-child):after{position:absolute;inset:auto 0 clamp(-4.608rem,-9.6vw,-1.92rem);inline-size:clamp(1.4933333333rem,7.4666666667vw,3.584rem);block-size:clamp(1.28rem,6.4vw,3.072rem);margin:auto;content:"";background-repeat:no-repeat;background-size:contain;background-image:url(/cms/contents/mada-rogan-janai/img/flow_arrow-CIsOni_v.svg)}@media(min-width:48rem){.flow-item:not(:last-child):after{inset:auto clamp(-6.625rem,-7.3611111111vw,-3.5333333333rem) clamp(3.4rem,7.0833333333vw,6.375rem) auto;inline-size:clamp(2rem,4.1666666667vw,3.75rem);block-size:clamp(1.6666666667rem,3.4722222222vw,3.125rem);rotate:-90deg}}.flow-txt{display:grid;gap:clamp(.32rem,1.6vw,.768rem)}@media(min-width:48rem){.flow-txt{grid-template-columns:auto 1fr;gap:clamp(.8rem,1.6666666667vw,1.5rem);align-items:center}}.flow-txt>.num{font-size:0}.flow-txt>.num[data-variant=num01]{inline-size:clamp(.7733333333rem,3.8666666667vw,1.856rem)}@media(min-width:48rem){.flow-txt>.num[data-variant=num01]{inline-size:clamp(.9666666667rem,2.0138888889vw,1.8125rem)}}.flow-txt>.num[data-variant=num02]{inline-size:clamp(1.3333333333rem,6.6666666667vw,3.2rem);margin-block-start:clamp(.3733333333rem,1.8666666667vw,.896rem)}@media(min-width:48rem){.flow-txt>.num[data-variant=num02]{inline-size:clamp(1.6666666667rem,3.4722222222vw,3.125rem);margin-block-start:clamp(.4rem,.8333333333vw,.75rem)}}.flow-txt>.txt{font-size:clamp(.7466666667rem,3.7333333333vw,1.792rem);font-weight:500;line-height:1.6785714286}@media(min-width:48rem){.flow-txt>.txt{font-size:clamp(.7333333333rem,1.5277777778vw,1.375rem);line-height:1.7272727273}}@media(min-width:48rem){.content-container>.content-box{margin-inline:auto}}
