:root{--color-main: #edece8;--color-main-deep: #666461;--color-main-dark: #33312e;--color-accent: #b29b6b;--color-accent-light: #e4d5b7;--color-accent-deep: #997d45;--color-accent-dark: #594324;--color-accent2: #993d41;--color-text: #33312e;--color-text-bright: #fff;--color-base: #edece8;--color-base-deep: #666461;--color-base-dark: #33312e;--color-base-bright: #fff;--color-border: rgb(from var(--color-text) r g b / 0.2);--color-border-light: rgb(from var(--color-text-bright) r g b / 0.2);--sans-serif-ja: "Noto Sans JP", sans-serif;--sans-serif-en: Arial, sans-serif;--serif-ja: "Shippori Mincho B1", serif;--serif-en: "Cormorant", serif;--serif-en-num: "Cormorant Infant", serif;--opacity-hover: 0.5;--opacity-disabled: 0.2;--transition-default: 0.4s ease;--flowStep-padding-block: 100px}.flowStep{-ms-overflow-style:none;position:relative;width:100%;height:100dvh;overflow-y:auto;overscroll-behavior:contain;mask-image:linear-gradient(to bottom, rgb(from #000 r g b/0) var(--flowStep-padding-block), rgb(from #000 r g b/1) var(--flowStep-padding-block), rgb(from #000 r g b/1) calc(100dvh - var(--flowStep-padding-block)), rgb(from #000 r g b/0) calc(100dvh - var(--flowStep-padding-block)));mask-position:0 0;mask-repeat:no-repeat;mask-size:100% 100dvh;scrollbar-width:none}html.hide-scrollbar .flowStep{width:100lvw}.flowStep::-webkit-scrollbar{display:none}.flowStep__content{container-type:inline-size;position:relative;padding-block:var(--flowStep-padding-block)}.flowStep__img__list{background-color:var(--color-base-bright)}.flowStep__img__list__item{position:absolute;height:100%;inset-block-start:0;inset-inline:0}.flowStep__img__list__item:not(:first-child){opacity:0;pointer-events:none}.flowStep__img__list__item img{width:100%;height:100%;object-fit:cover;object-position:left top}.flowStep__img__list__item[data-img-id=step4] img{object-position:center center}.flowStep__list{display:flex;flex-direction:column;padding-inline:clamp(25px,5.2083333333vw,100px);background-image:url(../../../common/imgs/bg-texture-deep.jpg);background-size:400px auto;background-repeat:repeat;background-color:var(--color-base-deep);color:var(--color-text-bright);counter-reset:numFlowStep}.flowStep__list__item{padding-block:clamp(40px,6.25vw,80px);counter-increment:numFlowStep}.flowStep__list__header{display:flex;row-gap:clamp(4px,1.0416666667vw,8px);flex-direction:column;margin-block-end:clamp(24px,3.75vw,48px)}.flowStep__list__header::before{content:"Step " counter(numFlowStep);color:var(--color-accent);font-size:clamp(1.6rem,3.125vw,2.4rem);font-family:var(--serif-en-num);letter-spacing:.05em;text-transform:uppercase}.flowStep__list__title{font-size:clamp(2rem,2.2222222222vw,3.2rem);line-height:1.6;letter-spacing:.05em}.flowStep__list__body{display:flex;row-gap:2em;flex-direction:column;font-size:clamp(1.2rem,1.8229166667vw,1.4rem);line-height:2}.flowStep__list__footer{margin-block-start:clamp(64px,6.25vw,80px)}.flowStep__list__note{margin-block-start:1.3333333333em;font-size:clamp(1rem,1.5625vw,1.2rem);line-height:1.6;letter-spacing:.05em}@media(min-width: 769px){.flowStep__content{display:flex;flex-direction:row-reverse}.flowStep__content .flowStep__img__list{width:50%}.flowStep__content .flowStep__list{width:50%}.flowStep__img__list__inner{z-index:2;position:sticky;height:calc(100dvh - var(--flowStep-padding-block)*2);inset-block-start:var(--flowStep-padding-block);inset-inline-end:0;background-color:var(--color-base-bright)}.flowStep__list__item:last-child{min-height:calc(100dvh - var(--flowStep-padding-block)*2)}}@media(max-width: 768px){.flowStep{--flowStep-padding-block: clamp(48px, calc(100 / 768 * 100vw), 100px)}.flowStep__img__list{z-index:2;position:sticky;inset-block-start:var(--flowStep-padding-block)}.flowStep__img__list__inner{aspect-ratio:5/4}.flowStep__list__item:last-child{min-height:max(40dvh,100dvh - var(--flowStep-padding-block)*2 - 80cqw)}}