:root{--primary-f:var(--font-inter),sans-serif;--secondary-f:var(--font-ivy-presto),sans-serif;--black:#000;--white:#fff;--blue:#213b65;--blue-l:#24b9d1;--gray:#d9e3e0;--orange:#eb6a2f;--yellow:#f4b800;--primary-c:var(--blue);--secondary-c:#ccc;--danger-c:red;--footer-height:13rem;--wrap:1860;--p-page:30;--p-margin:20rem;--header-height:calc(9.4rem + 6.6rem);--radius:3rem}@media screen and (max-width:1023px){:root{--wrap:768;--p-page:45;--p-margin:10rem;--header-height:calc(7.2rem + 4.8rem);--radius:2rem}}@media screen and (max-width:480px){:root{--wrap:368;--p-page:13;--p-margin:12rem}}.chart{background:var(--gray);padding-bottom:calc(var(--p-margin)/2)}.chart__wrap{padding:calc(var(--p-margin)/2)0;background-color:var(--blue);border-radius:var(--radius);color:var(--white)}.chart__title{margin-bottom:6rem;font-size:4.8rem;font-weight:600}@media screen and (max-width:1023px){.chart__title{text-align:center;font-size:4rem}}.chart__scroll-outer{position:relative}@media screen and (max-width:1023px){.chart__scroll-outer{overflow:hidden}.chart__scroll-inner{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:auto visible}.chart__scroll-inner::-webkit-scrollbar{display:none}}.chart__scroll-outer:after{content:"";display:none}@media screen and (max-width:1023px){.chart__scroll-outer:after{pointer-events:none;background:linear-gradient(90deg,var(--blue)0%,transparent 12%,transparent 88%,var(--blue)100%);display:block;position:absolute;inset:0}}.chart__tree{flex-direction:column;align-items:center;display:flex}@media screen and (max-width:1023px){.chart__tree{min-width:min-content;padding-left:12rem;padding-right:12rem}}.chart__branch{flex-direction:column;align-items:center;display:flex}.chart__node{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:1.6rem;display:flex}@media screen and (max-width:1023px){.chart__node{gap:1rem}}.chart__node--left{text-align:right;flex-direction:row-reverse;transform:translate(-11.8rem)}@media screen and (max-width:1023px){.chart__node--left{transform:translate(-7.8rem)}}.chart__node--right{text-align:left;flex-direction:row;transform:translate(11.8rem)}@media screen and (max-width:1023px){.chart__node--right{transform:translate(7.8rem)}}.chart__node-avatar{border-radius:var(--radius);width:12.5rem;overflow:hidden}@media screen and (max-width:1023px){.chart__node-avatar{width:7.5rem}}.chart__node-name{font-family:var(--secondary-f);color:var(--gray);font-size:2.4rem;font-weight:700;line-height:160%}@media screen and (max-width:1023px){.chart__node-name{font-size:1.5rem}}.chart__node-title{color:var(--blue-l);letter-spacing:-.03em;font-size:2rem}@media screen and (max-width:1023px){.chart__node-title{font-size:1.25rem}}.chart__node-text{width:22rem}@media screen and (max-width:1023px){.chart__node-text{width:14rem}}.chart__connector{background-color:var(--orange);flex-shrink:0}.chart__connector--down{width:1px;min-height:4rem}.chart__connector--horizontal{width:100%;min-width:4rem;height:1px}.chart__connector--to-child{width:1px;min-height:4rem}@media screen and (max-width:1023px){.chart__connector--to-child{min-height:2rem}}.chart__children{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.chart__children-list{justify-content:space-between;gap:7rem;display:flex}@media screen and (max-width:1023px){.chart__children-list{gap:2rem 2.5rem}}.chart__child-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.chart__tree>.chart__branch>.chart__children>.chart__children-list>.chart__child-wrap>.chart__connector--to-child{min-height:8rem}@media screen and (max-width:1023px){.chart__tree>.chart__branch>.chart__children>.chart__children-list>.chart__child-wrap>.chart__connector--to-child{min-height:4rem}}.chart__children-list:has(>.chart__child-wrap:nth-child(2))>.chart__child-wrap:first-child>.chart__branch{transform:translate(-50%)}.chart__children-list:has(>.chart__child-wrap:nth-child(2))>.chart__child-wrap:first-child{align-items:flex-start}.chart__children-list:has(>.chart__child-wrap:nth-child(2))>.chart__child-wrap:last-child>.chart__branch{transform:translate(50%)}.chart__children-list:has(>.chart__child-wrap:nth-child(2))>.chart__child-wrap:last-child{align-items:flex-end}