.flow{margin:35px 0 0}.flow-list{display:grid;gap:45px 65px;grid-template-columns:repeat(3,1fr)}.flow-list__item{align-items:center;background:var(--subbg-color);border-radius:10px;color:var(--primary-color);display:flex;font-size:20px;font-weight:700;justify-content:center;padding:55px 15px 30px;position:relative;text-align:center}.flow-list__item:before{background:url(https://2263214.fs1.hubspotusercontent-na1.net/hubfs/2263214/%E3%80%90CR%E8%AA%B2%E3%80%91%E6%A7%8B%E7%AF%89%E7%94%A8%E3%83%95%E3%82%A9%E3%83%AB%E3%83%80/denshihozonCS/img_arrow_short.png) no-repeat;content:"";height:40px;position:absolute;right:-50px;width:40px}.flow-list__item:last-child:before{display:none}.flow-list__num{align-items:center;background:var(--white);border-radius:35px;color:var(--primary-color);font-size:14px;font-weight:400;height:70px;left:50%;padding:10px 0 0;position:absolute;top:-35px;transform:translateX(-50%);width:70px}.flow-list__num span{display:block;font-size:22px;font-weight:700}@media screen and (max-width:1024px){.flow-list__item{font-size:18px}}@media screen and (max-width:768px){.flow-list{gap:40px}.flow-list__item{font-size:16px;padding:45px 15px 30px}.flow-list__item:before{background-size:30px;height:30px;right:-35px;width:30px}.flow-list__num{height:60px;padding:5px 0 0;top:-30px;width:60px}.flow-list__num span{font-size:20px}}@media screen and (max-width:600px){.flow-list{gap:60px;grid-template-columns:1fr}.flow-list__item:before{bottom:-30px;left:50%;transform:translateX(-50%) rotate(90deg)}}