/* CSS Document */
.display_pc_chart {
    display: block;
}
.display_sp_chart {
    display: none !important;
}
@media screen and (max-width: 920px) {
.display_pc_chart {
    display: none !important;
}
.display_sp_chart {
    display: block !important;
}
}

.Update_date {
    display: block;
    text-align: right;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.5;
}

.organization_chart {
    display: flex;
    margin: 0;
    position: relative;
    width: 100%;
}
.organization_chart img {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 920px) {
.organization_chart {
    display: block;
}
}

/* 罫線画像用 */
.organization_chart .ruled_line {
    position: absolute;
    top: 0;
    left: 0;
}

.organization_chart a img:hover {
    opacity: 0.6 !important;
    transition: none !important;
}


.section01, .section02, .section03, .section04 {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1;
}
.section01 li , .section02 li, .section03 li, .section04 li {
    line-height: 0;
}

.section01 {
    display: flex;
    width: 186px;
}

.mgLR5 {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 40px;
}
.mgLR13 {
    margin-left: 13px;
    margin-right: 13px;
}

.mgt120 {
    margin-top: 120px;
}

.mgt100 {
    margin-top: 100px;
}


.section02 {
    display: block;
    margin-left: 31px;
    width: 200px;
}

.mgT450 {
    margin-top: 450px;
}

.mgT410 {
    margin-top: 410px;
}
.mgT290 {
    margin-top: 290px;
}

.mgT255 {
    margin-top: 255px;
}

.mgT216 {
    margin-top: 216px;
}

.mgT213 {
    margin-top: 213px;
}

.mgT130 {
    margin-top: 130px;
}
.mgT170 {
    margin-top: 170px;
}
.mgT164 {
    margin-top: 164px;
}

.mgT100 {
    margin-top: 100px;
}

.mgT66 {
    margin-top: 66px;
}


.section03, .section04 {
    display: block;
    margin-left: 28px;
    width: 200px;
}
.mgT10 {
    margin-top: 10px;
}
.mgT40 {
    margin-top: 40px;
}
.mgT50 {
    margin-top: 50px;
}
.mgT90 {
    margin-top: 90px;
}
.mgT115 {
    margin-top: 115px;
}
.mgT120 {
    margin-top: 120px;
}

.mgT124 {
    margin-top: 124px;
}

.mgT160 {
    margin-top: 160px;
}



/* ツールチップ用 */
.tooltip1, .tooltip2, .tooltip3, .tooltip4, .tooltip5, .tooltip6, .tooltip07 {
    position: relative;
    cursor: pointer;
    display:  inline-block;
    z-index: 5;
}
.tooltip1 img, .tooltip2 img, .tooltip3 img, .tooltip4 img, .tooltip5 img, .tooltip6 img, .tooltip7 img {
    width: 200px;
}
.description1, .description2, .description3, .description4, .description5, .description6, .description7 {
    display: none;
    position: absolute;
    padding: 6px 15px 8px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: 200px;
}

.description1:before, .description2:before, .description3:before, .description4:before, .description5:before, .description6:before, .description7:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 5px solid transparent;
    border-top: 5px solid #000;
    margin-left: -5px;
}
.description1 a, .description2 a, .description3 a, .description4 a, .description5 a, .description6 a, .description7 a {
    color: #fff;
    line-height: 2.0;
}
.description1 a:hover, .description2 a:hover, .description3 a:hover, .description4 a:hover, .description5 a:hover, .description6 a:hover, .description7 a:hover {
    text-decoration: none;
}

/* 固有の吹き出し位置 */
.tooltip1:hover .description1 { /* 3支店用 */
    display: inline-block;
    top: -85px;
    left: 0px;
}
.tooltip2:hover .description2 { /* 6支店用 */
    display: inline-block;
    top: -155px;
    left: 0px;
}
.tooltip3:hover .description3 { /* 7支店用 */
    display: inline-block;
    top: -180px;
    left: 0px;
}
.tooltip4:hover .description4 { /* 4支店用 */
    display: inline-block;
    top: -110px;
    left: 0px;
}
.tooltip5:hover .description5 { /* 2支店用 */
    display: inline-block;
    top: -60px;
    left: 0px;
}


/* 2025/07/14 追加*/
/* .organization_chart {
    height: 1550px;
} */


/* 2025/12/16 追加*/
.organization_chart {
    height: 1600px;
}

@media screen and (max-width: 920px) {
    .organization_chart {
      height: 100%;
}
}