.management_accordion_area {
    margin-top: 30px;
}

.management_accordion_grid:has(.item_avatar) {
    display: flex !important;
}

.management_accordion_grid:has(.item_avatar) .item_content {
    width: calc(100% - 120px - 20px);
}
@media screen and (min-width: 768px) {
    .management_accordion_grid:has(.item_avatar) .item_content {
        width: 100%;
    }
}

.management_accordion_wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    .management_accordion_wrap {
        gap: 0 40px;
        flex-direction: row;
    }
    .management_accordion_wrap .management_accordion {
        width: calc(50% - 20px);
        /* border-top: 1px solid #b9c9d8; */
    }
    .management_accordion_wrap .management_accordion_col {
        width: calc(50% - 20px);
    }
    .management_accordion_wrap .management_accordion_grid {
        flex-direction: column;
    }
    .management_accordion_wrap .management_accordion .item_content {
        width: 100%;
    }
}

.initiatives_bg {
    position: absolute !important;
}

.management_accordion_toggler,
.initiatives {
    position: relative !important;
}

.vision .title_sec {
    text-align: left !important;
}

@media screen and (min-width: 768px) {
    .management_accordion .item_pos,
    .management_accordion .item_txt {
        font-size: 0.875rem;
    }
}

.management_accordion .item_name,
.address_info {
    font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
    .management_accordion .item_name,
    .address_info {
        font-size: clamp(
            1.375rem,
            calc(1.375rem + 0.0089285714 * (100vw - 768px)),
            1.75rem
        );
    }
}

.message_01_leading {
    font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
    .message_01_leading {
        font-size: clamp(
            1.5rem,
            calc(1.5rem + 0.0089285714 * (100vw - 768px)),
            1.875rem
        );
    }
}

.management_accordion .item_tag {
    font-weight: 300;
}

.address {
    margin-top: 64px;
}
@media screen and (min-width: 768px) {
    .address {
        margin-top: 78px;
    }
}
@media screen and (min-width: 1025px) {
    .address_map {
        padding-top: 5px;
    }
}
.address_map iframe {
    width: 100%;
    height: 360px;
}
@media screen and (min-width: 768px) {
    .address_map iframe {
        height: 440px;
    }
}
.address_info {
    line-height: 1.3333333333;
    margin-top: 24px;
    margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
    .address_info {
        margin-top: 44px;
        margin-bottom: 37px;
    }
}

.company {
    margin-top: 64px;
}
@media screen and (min-width: 768px) {
    .company {
        margin-top: 120px;
    }
}
.company_info {
    margin-top: 32px;
}
@media screen and (min-width: 768px) {
    .company_info {
        margin-top: 60px;
    }
}

.history {
    margin-top: 64px;
}
@media screen and (min-width: 768px) {
    .history {
        margin-top: 120px;
    }
}
.history_timelines {
    margin-top: 32px;
    padding-left: 16px;
}
@media screen and (min-width: 768px) {
    .history_timelines {
        margin-top: 66px;
        padding-left: 50px;
    }
}

.initiatives {
    z-index: 0;
    padding-bottom: 200px;
}
@media screen and (min-width: 768px) {
    .initiatives {
        padding-bottom: 494px;
    }
}
.initiatives_bg {
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
}
.initiatives_bg img {
    width: 100%;
}
.initiatives .block_note {
    margin-top: 32px;
}
@media screen and (min-width: 768px) {
    .initiatives .block_note {
        margin-top: 56px;
    }
}

.management_accordion {
    width: 100%;
    border-bottom: 1px solid #b9c9d8;
}

.management_accordion:nth-child(1) {
    border-top: 1px solid #b9c9d8;
}
.management_accordion:not(:has(.management_accordion_content))
    .management_accordion_toggler {
    pointer-events: none;
}
.management_accordion:not(:has(.management_accordion_content))
    .management_accordion_toggler::before,
.management_accordion:not(:has(.management_accordion_content))
    .management_accordion_toggler::after {
    display: none;
}
.management_accordion .item_pos {
    line-height: 2;
}
.management_accordion .item_name {
    line-height: 1.3333333333;
    margin-top: 6px;
}
@media screen and (min-width: 768px) {
    .management_accordion .item_name {
        margin-top: 9px;
    }
    .management_accordion:nth-child(2) {
        border-top: 1px solid #b9c9d8;
    }
}
.management_accordion .item_avatar {
    width: 120px;
}
@media screen and (min-width: 768px) {
    .management_accordion .item_avatar {
        width: 200px;
    }
}

@media screen and (min-width: 1025px) {
    .management_accordion .item_content {
        margin-top: -3px;
    }
}
.management_accordion .item_txt {
    width: 100%;
}
.management_accordion .item_tag {
    font-size: 0.75rem;
    color: #083868;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 16px;
}
.management_accordion .item_tag span {
    min-width: 55px;
    background-color: #f5f8fb;
    line-height: 1;
    padding: 4px 16px;
}
.management_accordion_toggler {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 48px;
}
@media screen and (min-width: 768px) {
    .management_accordion_toggler {
        padding-top: 31px;
        padding-bottom: 39px;
        transition: opacity 300ms ease;
        cursor: pointer;
    }
    .management_accordion_toggler:hover {
        opacity: 0.6;
    }
}
.management_accordion_toggler.is_open::after {
    opacity: 0;
}
.management_accordion_toggler::before,
.management_accordion_toggler::after {
    content: "";
    width: 24px;
    height: 1px;
    background-color: #083868;
    position: absolute;
    top: 50%;
    right: 12px;
    translate: 0 -50%;
    transition: 300ms linear;
}
@media screen and (min-width: 768px) {
    .management_accordion_toggler::before,
    .management_accordion_toggler::after {
        width: 30px;
        /* right: 10px; */
    }
}
.management_accordion_toggler::after {
    rotate: 90deg;
}
.management_accordion_grid {
    gap: 20px;
    padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
    .management_accordion_grid {
        gap: 30px;
        padding-top: 6px;
        padding-bottom: 35px;
    }
}

.message_01_leading {
    line-height: 1.3333333333;
    margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
    .message_01_leading {
        margin-bottom: 30px;
    }
}
.message_01 .txt_sign {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .message_01 .txt_sign {
        margin-top: 22px;
        padding-bottom: 6px;
    }
}

.vision .title_sec {
    margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
    .vision_01 {
        padding-bottom: 101px;
    }
}
.vision_02 {
    padding-top: 32px;
}
@media screen and (min-width: 768px) {
    .vision_02 {
        padding-top: 85px;
        padding-bottom: 94px;
    }
}
