.cr-rev.cr-process-page .rev-hero{padding:clamp(72px,8vw,128px)0 clamp(50px,6vw,88px);background:#eef4fc}

.cr-rev.cr-process-page .cr-process-hero-grid{display:grid;gap:30px;align-items:end}

.cr-rev.cr-process-page .rev-hero h1{max-width:800px;margin:18px 0 24px}

.cr-rev.cr-process-page .rev-hero .rev-label{margin:0}

.cr-rev.cr-process-page .cr-process-hero-grid>p{margin:0 0 7px;padding-top:20px;border-top:1px solid #b9cce8}

.cr-rev.cr-process-page .rev-process-section{padding:clamp(48px,6vw,84px)0 clamp(70px,9vw,128px);background:#f7faff}

.cr-rev.cr-process-page .rev-process-list{position:relative;display:grid;gap:20px;max-width:1020px;margin:auto;border:0}

.cr-rev.cr-process-page .rev-process-step{position:relative;display:grid;grid-template-columns:1fr;gap:14px;align-items:start;padding:26px 24px;border:1px solid #d5e3f4;background:#fff;box-shadow:0 16px 40px rgba(9,47,122,.055)}

.cr-rev.cr-process-page .rev-process-step>div:first-child{padding-top:2px;color:#1e6fe0;font:700 clamp(46px,5.5vw,72px)/1 Montserrat,sans-serif;letter-spacing:-.065em}

.cr-rev.cr-process-page .rev-process-step h2{margin:0 0 13px;color:#0b2a8f;font:700 clamp(23px,2.2vw,31px)/1.4"Noto Sans JP",sans-serif;letter-spacing:-.02em}

.cr-rev.cr-process-page .rev-process-step p{max-width:690px;color:var(--rev-copy);font-size:clamp(15px,1.1vw,17px);line-height:1.85}

.cr-rev.cr-process-page .rev-process-step>div:last-child{grid-column:1;margin:0;padding:0;border:0;color:inherit}

.cr-rev.cr-process-page .rev-process-step:not(:last-child)::after{position:absolute;left:48px;bottom:-21px;z-index:2;width:2px;height:21px;background:#1e6fe0;content:""}

.cr-rev.cr-process-page .rev-note{max-width:1020px;margin:28px auto 0}

@media (min-width:768px){.cr-rev.cr-process-page .cr-process-hero-grid{grid-template-columns:minmax(0,7fr) minmax(280px,4fr);gap:8.33%}}

@media (min-width:768px){.cr-rev.cr-process-page .rev-process-list{gap:24px}}

@media (min-width:768px){.cr-rev.cr-process-page .rev-process-step{grid-template-columns:clamp(64px,9vw,108px) minmax(0,1fr);gap:clamp(20px,3vw,44px);padding:clamp(28px,4vw,48px)}}

@media (min-width:768px){.cr-rev.cr-process-page .rev-process-step>div:last-child{grid-column:2}}

@media (min-width:768px){.cr-rev.cr-process-page .rev-process-step:not(:last-child)::after{left:calc(clamp(28px,4vw,48px) + clamp(32px,4.5vw,54px));bottom:-25px;height:25px}}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}
