#organization { position: relative; overflow: hidden; text-align: center; width: 100%; }
#organization::before { content:''; width:1px; height: 100%; background: #d7dde8; position: absolute; top: 0; left: 50%; margin-left: -0.5px; }
#organization > li { position: relative; display: flex; width: 100%; justify-content: center;}
#organization > li > div { position: relative; width: 200px; line-height: 60px; }
#organization > li > div p + p { margin-top: 10px; }
#organization > li.depth1 > div { margin-top:0; }
#organization > li.depth1 > div p { background: #002453; font-size: 1.8rem; font-weight: 700; color:#fff;}
#organization > li.depth2 > div p { background: #4369b8; color:#fff;}
#organization > li.depth20 > div p { background: #4369b8; color:#fff;}
#organization > li.depth3 > div p { background: #3a76ff; color:#fff;}

#organization > li.depth2 { width: 70%; justify-content: flex-end; margin: 50px auto; }
#organization > li.depth2::before { content:''; width: 25.6%; height: 1px; background: #d7dde8;
                                                    position: absolute; left:50%; top: 50%; margin-top: -0.5px; }
#organization > li.depth2 > div::before { content:''; width: 1px; height: calc(100% - 60px); background: #d7dde8;
                                                            position: absolute; left:-40px; top: 50%; transform: translateY(-50%);}
#organization > li.depth20 { width: 70%; justify-content: flex-end; margin: 50px auto; }
#organization > li.depth20::before { content:''; width: 50%; height: 1px; background: #d7dde8;
                                                    position: absolute;left:50%; top: 50%; margin-top: -0.5px; }
#organization > li.depth2 > div .ool { padding: 0.7em; }
#organization > li.depth2 > div .ool { background: #4369b8; /*border-radius: 5px;*/ border-top: 1px dotted #fff;
                                                          padding: 1em 0; margin-bottom: 10px; }
#organization > li.depth2 > div .ool li { line-height: 1.5em; font-size: 1.5rem; color:#fff; }