#service__flow{background:#eff6ff;padding:0 0 40px}#service__flow header{background:#3b82f6;clip-path:polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 100%);width:100%;padding:40px 0 50px;display:flex;flex-direction:column;align-items:center}#service__flow header .headline{font-size:28px;color:#fff;font-weight:700;letter-spacing:.05em;text-shadow:1px 1px 0 rgba(0,0,0,0.1)}#service__flow .flow_list{display:flex;justify-content:center;gap:8px;width:498px;margin:-30px auto 0}@media (max-width: 767px){#service__flow .flow_list{width:100%}}#service__flow .flow_list .icon{width:80px;height:80px}#service__flow .flow_list .name{width:120px;height:28px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px solid #3b82f6;border-radius:14px;color:#1d4ed8;font-size:14px;font-weight:700;position:relative;z-index:2}#service__flow .flow_list dl{height:108px;background:#fff;width:244px;border:1px solid #3b82f6;border-radius:4px;position:relative;z-index:5}@media (max-width: 767px){#service__flow .flow_list dl{width:100%}}#service__flow .flow_list dl.sizeL{width:calc(200% + 8px);margin:0 0 0 auto}#service__flow .flow_list dl.hidden{visibility:hidden}#service__flow .flow_list dl.short{height:calc(108px - 28px)}#service__flow .flow_list dl.step6{margin:36px auto 0}#service__flow .flow_list dt{align-items:baseline;background-color:#3b82f6;background-image:repeating-linear-gradient(-60deg, #3b82f5, #3b82f5 4px, #3b8af7 4px, #3b8af7 8px);color:#fff;font-size:14px;font-weight:700;height:28px;display:flex;align-items:center;justify-content:center}#service__flow .flow_list dd{color:#1d4ed8;font-size:14px;font-weight:700;letter-spacing:.025em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:calc(100% - 28px)}#service__flow .flow_list dd img{width:28px;height:28px}#service__flow .flow_list .you,#service__flow .flow_list .company{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}@media (max-width: 767px){#service__flow .flow_list .you,#service__flow .flow_list .company{width:calc((100% - 32px) / 2)}}#service__flow .flow_list .you::after,#service__flow .flow_list .company::after{content:"";width:48px;height:calc(100% - 240px);background-color:#dbeafe;position:absolute;top:100px;clip-path:polygon(12px 0, calc(100% - 12px) 0, calc(100% - 12px) calc(100% - 20px), 100% calc(100% - 20px), 50% 100%, 0 calc(100% - 20px), 12px calc(100% - 20px))}
/*# sourceMappingURL=flow.css.map */