#flow{--flow-list-background: rgb(248, 242, 151);--flow-list-counter-size: 2em;--flow-list-counter-border-size: 5px;--flow-list-counter-padding-size: calc((var(--flow-list-counter-size) + var(--flow-list-counter-border-size)) / 2);--list-nth: 5;--path-width: 10px;--path-line: calc(var(--path-width) / 2);--path-adjust-X: var(--path-line) * 4;--path-A-X: calc(100% - (100% / var(--list-nth) / 2) - var(--path-adjust-X));--path-A-Y: 0;--path-B-X: var(--path-A-X);--path-B-Y: 50%;--path-C-X: calc(100% / var(--list-nth) / 2 - var(--path-adjust-X));--path-C-Y: 50%;--path-D-X: var(--path-C-X);--path-D-Y: 100%}#flow .is-school{--flow-list-background: rgb(248, 242, 151)}#flow .is-center{--flow-list-background: rgb(159, 208, 94)}#flow ul{list-style:none;padding:0;margin:0}#flow ul.arowlist2{margin:0 auto}#flow ul.arowlist2 li::before{left:.3em}#flow ul.arowlist2 p{margin-top:1em}#flow ul.flow-type-list{margin:30px auto;width:min(100%,1200px)}#flow .flow-type-list{display:flex;justify-content:flex-start;align-items:flex-start;gap:1em;margin:0 !important;padding:0}#flow .flow-type-list li{display:flex;justify-content:flex-start;align-items:center;gap:1em;padding-left:0;border:0}#flow .flow-type-list li::before{content:"";position:relative;left:0;display:block;width:5em;height:2em;background-color:var(--flow-list-background)}#flow .flow-list-wrap{container-type:inline-size;container-name:flow_list;overflow:hidden;width:min(100%,1200px);margin:0 auto;margin-top:3em}#flow .flow-list{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:var(--flow-list-counter-padding-size);margin-right:calc(-1*(var(--path-width)*3 + var(--flow-list-counter-padding-size)))}#flow .flow-list::after{order:2;content:"";display:block;background-color:#9af0ff;width:100%;height:80px;clip-path:polygon(calc(var(--path-A-X) + var(--path-line)) var(--path-A-Y), calc(var(--path-B-X) + var(--path-line)) calc(var(--path-B-Y) + var(--path-line)), calc(var(--path-C-X) + var(--path-line)) calc(var(--path-C-Y) + var(--path-line)), calc(var(--path-D-X) + var(--path-line)) calc(var(--path-D-Y) - var(--path-line) * 4), calc(var(--path-D-X) + var(--path-line) * 3) calc(var(--path-D-Y) - var(--path-line) * 4), var(--path-D-X) var(--path-D-Y), calc(var(--path-D-X) - var(--path-line) * 3) calc(var(--path-D-Y) - var(--path-line) * 4), calc(var(--path-D-X) - var(--path-line)) calc(var(--path-D-Y) - var(--path-line) * 4), calc(var(--path-C-X) - var(--path-line)) calc(var(--path-C-Y) - var(--path-line)), calc(var(--path-B-X) - var(--path-line)) calc(var(--path-B-Y) - var(--path-line)), calc(var(--path-A-X) - var(--path-line)) var(--path-A-Y))}#flow .flow-list li{font-size:clamp(12px,1.3vw,16px);order:1;display:flex;justify-content:center;align-items:center;padding:var(--flow-list-counter-padding-size);padding-left:0;padding-right:0;width:20%}#flow .flow-list li:first-of-type{counter-reset:flow_counter}#flow .flow-list li:nth-of-type(n + 6){order:3}#flow .flow-list li:not(:last-of-type)::after{content:"";display:block;width:calc(var(--path-width)*3);height:calc(var(--path-width)*3);aspect-ratio:1;background-color:#9af0ff;clip-path:polygon(0 30%, 50% 30%, 50% 0, 100% 50%, 50% 100%, 50% 70%, 0 70%);margin:0 .5em}#flow .flow-list li:nth-of-type(5)::after{opacity:0}#flow .flow-list li .list-inner{position:relative;background-color:var(--flow-list-background);width:100%;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:bold;padding:var(--flow-list-counter-padding-size)}#flow .flow-list li .list-inner .list-text-box{width:fit-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:.5em;line-height:1.8em}#flow .flow-list li .list-inner .list-text-box span::before{content:"・"}#flow .flow-list li .list-inner span{display:flex;justify-content:center;align-items:center}#flow .flow-list li .list-inner span ruby{ruby-position:under}#flow .flow-list li .list-inner span ruby rt{font-size:.7em}#flow .flow-list li .list-inner::before{position:absolute;top:calc(-1*var(--flow-list-counter-padding-size));left:calc(-1*var(--flow-list-counter-padding-size));display:flex;justify-content:center;align-items:center;width:var(--flow-list-counter-size);height:var(--flow-list-counter-size);aspect-ratio:1;border:var(--flow-list-counter-border-size) solid var(--flow-list-background);border-radius:calc(infinity*1px);background-color:#fff;content:counter(flow_counter);counter-increment:flow_counter 1;line-height:1;box-sizing:content-box}@container flow_list (max-width: 800px){#flow .flow-list{--path-width: 15px;flex-direction:column;flex-wrap:wrap;padding-left:var(--flow-list-counter-padding-size);padding-right:calc(var(--flow-list-counter-padding-size)*4)}#flow .flow-list::after{display:none}#flow .flow-list li{font-size:1em;width:100%;flex-direction:column;padding-bottom:0}#flow .flow-list li:not(:last-of-type)::after{transform:rotate(90deg);margin:0;margin-top:1em}#flow .flow-list li:nth-of-type(5)::after{opacity:1}#flow .flow-list li .list-inner{padding:0}}@media screen and (max-width: 768px){#flow ul.arowlist2{width:100%}#flow ul.flow-type-list{width:100%}}/*# sourceMappingURL=flow.css.map */