.p-flow-agent-steps{padding:64px 0}.p-flow-agent-steps__title{display:flex;gap:4px;justify-content:center;padding-bottom:50px;font-family:var(--noto-sans-jp);font-size:24px;font-weight:bold;line-height:32px;color:#000;letter-spacing:1.2px}.p-flow-agent-steps__title-em{isolation:isolate;position:relative;font-size:32px}.p-flow-agent-steps__title-em::before{content:"";position:absolute;z-index:-1;bottom:-1px;left:50%;transform:translateX(-50%);width:107px;height:11px;background:#2297f4}.p-flow-agent-steps__list{display:flex;gap:40px;margin:0;padding:0;list-style:none}.p-flow-agent-steps__item{position:relative;display:flex;flex:1;min-width:0;max-width:400px}.p-flow-agent-steps__item:not(:last-child)::after{content:"";position:absolute;top:50%;left:calc(100% + 20px);transform:translate(-50%, -50%) rotate(90deg);width:32px;height:8px;background:url("../../svg/flow-step-arrow.svg") no-repeat center/contain}.p-flow-agent-step{overflow:hidden;display:flex;flex:1;flex-direction:column;min-width:0;border:3px solid #000;border-radius:8px}.p-flow-agent-step__head{display:flex;flex-direction:column;gap:8px;padding:8px 4px;font-family:var(--noto-sans-jp);font-weight:bold;line-height:1;color:#fff;text-align:center;letter-spacing:1.2px;background:#000}.p-flow-agent-step__number{font-size:13px}.p-flow-agent-step__name{margin:0;font-size:18px}.p-flow-agent-step__body{display:flex;flex-wrap:wrap;gap:16px;align-content:flex-start;justify-content:center;padding:24px 8px}.p-flow-agent-step__icon{flex-shrink:0;width:63px;height:63px;object-fit:cover}.p-flow-agent-step__text{flex:1;min-width:min(150px,100%);max-width:400px;margin:0;font-family:var(--yu-gothic);font-size:15px;font-weight:500;line-height:1.5;color:#000;letter-spacing:1.2px}@media screen and (width <= 900px){.p-flow-agent-steps{margin-inline:calc(50% - 50vw + 16px);padding:40px 0}.p-flow-agent-steps__title{flex-direction:column;align-items:center;font-size:min(24px,6.4vw);white-space:nowrap}.p-flow-agent-steps__title-em{font-size:inherit}.p-flow-agent-steps__list{flex-direction:column;gap:32px;align-items:center}.p-flow-agent-steps__item{width:100%}.p-flow-agent-steps__item:not(:last-child)::after{top:calc(100% + 16px);left:50%;transform:translate(-50%, -50%) rotate(180deg)}.p-flow-agent-step__text{font-family:var(--noto-sans-jp)}}