.page-flow .page-flow__section.is-gray{background:#f5f5f5}.step__items{display:flex;flex-direction:column;gap:24px;width:100%;margin:0;padding:0;list-style:none;counter-reset:step}.step__items .step__item{position:relative;padding:24px;background:#fff;border:1px solid #b2e4f8;border-radius:8px}@media screen and (max-width: 768px){.step__items .step__item{padding:16px}}.step__items .step__item+.step__item::before{content:"";position:absolute;top:-16px;left:50%;width:0;height:0;transform:translateX(-50%);border-right:12px solid rgba(0,0,0,0);border-bottom:0;border-left:12px solid rgba(0,0,0,0);border-top:12px solid #00afec}.step__items .step__item .step__item-head{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5f5fc}.step__items .step__item .step__item-head .step__item-num{flex-shrink:0;padding:4px 12px;background:#00afec;color:#fff;font-size:12px;font-weight:700;line-height:1;border-radius:4px}.step__items .step__item .step__item-head .step__item-num span{margin-left:4px;font-size:22px}.step__items .step__item .step__item-head .step__item-title{font-size:18px;font-weight:700;margin:0}@media screen and (max-width: 768px){.step__items .step__item .step__item-head .step__item-title{font-size:16px}}.step__items .step__item .step__item-txt{margin:0 0 8px;font-size:16px;line-height:1.75;color:#454545}.step__items .step__item .step__item-txt a{color:#00afec;text-decoration:underline}.step__items .step__item .step__item-note{margin:0;font-size:12px;color:#777}.step__items .step__item .step__item-btn{margin-top:16px;text-align:center}