:root {
    --rwdMaxWidth: 512px;
}

body {
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.allDiv {
    display: none;
    width: 100%;
    text-align: center;
}

.frame {
    width: 100%;
}

#orgFrame {
    background-color: white;
    /*display: none;*/
}

.frameDiv {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 50px;
 }

.caption {
    font-style: normal;
    font-weight: 700;
    font-size: 36px !important;
    line-height: 53px;
    color: #3AAFA9;
    margin-bottom: 30px;
}

.frameDiv .doc {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    text-align: justify;
    letter-spacing: 0.02em;
    color: #40474A;
    margin-bottom: 30px;
}

#orgContentDiv {
    width: 100%;
    height: 294px;
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap;
    align-content: space-between;
}

#orgContentDiv * {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: black;
}

#orgHorLine1,#orgHorLine2 {
    position: absolute;
    top :0;
    width: 50%;
    height: 50%;
     z-index: 1;
}

#orgHorLine1 {
    left: 0;
    border-bottom: 4px solid #FFB636;
}

#orgHorLine2 {
    right: 0;
    border-bottom: 4px solid #FFDEC7B2;
}

#orgItem1,#orgItem2 {
    width: 300px;
    height: 156px;
    border-radius: 10px;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 2;

    padding: 48px 25px 48px 25px;
    text-align: center;
}

#orgItem1{
    background-color: #FFB636;
}

#orgItem2 {
    background-color: rgba(255, 222, 199, 1);
}

#orgHorLine3 {
    width: 372px;
    height: 216px;
    border-radius: 10px;
    border-left: 4px solid #FFDEC7B2;
    border-top: 4px solid #FFDEC7B2;
    border-bottom: 4px solid #FFDEC7B2;
    background-color: transparent;
    z-index: 2;
}

#orgItem3Div {
    width: 308px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;

    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap:wrap;
    align-content: space-between;
}

#orgItem3Div div {
    width: 100%;
    height: 78px;
    align-content: space-between;
    background-color: #B8E9E6;
    border-radius: 10px;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
/*----------------------------------*/
#policyFrame {
    background-color: #F7F7F7;
    /*display: none;*/
}

.policyBlock {
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 30px 50px;
    gap: 50px;
    margin-bottom: 20px;

    width: 100%;

    background: #FFFFFF;
    border: 1px solid #F4F5F6;
    border-radius: 20px;

    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    position: relative;
}

.policyBlockMove {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 1);
    z-index: 3;
    display: none;
}

.policyBlockContentDiv {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 5px;

    width: 850px;
    flex: none;
    order: 1;
    flex-grow: 1;
}

.policyBlockTitle {
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    color: #2B7A77;

    display: flex;
    align-items: center;
    letter-spacing: 0.04em;
    text-align: justify;

    flex: none;
    align-self: stretch;
    flex-grow: 0;
}

.policyBlockContent {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #717784;
    display: flex;
    align-items: center;
    text-align: justify;
    letter-spacing: 0.02em;

    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.performanceCaptionDiv {
    color: #005B8E;
}

.performanceContent:nth-child(1) .performanceDoc {
    font-weight: 700;
    font-size: 64px;
    line-height: 150%;
    color: #FF7D45;
    margin-top: 24px;
}

.performanceContent:nth-child(1) .performanceDoc span {
    font-weight: normal;
    font-size: 40px;
}

.performanceContent:nth-child(2) .performanceDoc {
    font-weight: 700;
    font-size: 64px;
    line-height: 150%;
    color: #008CDB;
    margin-top: 19px;
}

.performanceContent:nth-child(2) .performanceDoc span {
    font-weight: normal;
    font-size: 40px;
}

.performanceContent:nth-child(3) .performanceDoc {
    font-weight: 700;
    font-size: 20px;
    line-height: 220%;
    color: black;
    margin-top: 18px;
}
.performanceContent:nth-child(3) .performanceDoc div span {
    font-size: 26px;
    color: #C8B400;
}
.performanceContent:nth-child(3) .performanceDoc div span .two {
    font-size: 22px !important;
}

.performanceContent:nth-child(1) .performanceCaptionDiv div:nth-child(1) {
    font-weight: 700;
    font-size: 37px;
    line-height: 150%;
}
.performanceContent:nth-child(1) .performanceCaptionDiv div:nth-child(2) {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
}

.performanceContent:nth-child(2) .performanceCaptionDiv div:nth-child(1) {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
}
.performanceContent:nth-child(2) .performanceCaptionDiv div:nth-child(2) {
    font-weight: 700;
    font-size: 46px;
    line-height: 120%;
}

.performanceContent:nth-child(3) .performanceCaptionDiv div:nth-child(1) {
    font-weight: 400;
    font-size: 34px;
    line-height: 120%;
}
.performanceContent:nth-child(3) .performanceCaptionDiv div:nth-child(2) {
    font-weight: 700;
    font-size: 34px;
    line-height: 120%;
}

/*----------------------------------*/
#runFrame {
    background-color: #F7F7F7;
    /*display: none;*/
}

.runBlock {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.runBlock .arrowIcon {
    margin-right: -1px;
}

#runContentDiv {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.runContentLeftDiv {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 200px;
    max-width: 200px;
    align-items: center;
    margin-bottom: 10px;
}

.runContentLeftDiv img {
    max-width: 64px;
    max-height: 64px;
}

.runContentLeftDiv div {
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #005B8E;
}

.runContentRightDiv {
    display: flex;
    flex-direction: row;
    gap: 15px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    align-items: center;
    width: 100%;
}

.runContentRightDiv img {
    width: 32px;
    height: 32px;
}

.runContentRightDiv span {
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    text-align: justify;
    letter-spacing: 0.04em;
    color: #40474A;
}

.runContentLine {
    width: calc(100% - 180px - 32px - 2px);
    border-left: 2px solid #008CDB;
}

.onFocus {
    background-color: white;
    font-weight: 700 !important;
}

.runBlock span {
    text-align: left;
    font-weight: 400;
}

#runDownloadDiv {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;

    padding: 7px 10px 7px 15px;
    width: 389px;
    height: 50px;
    background: #3AAFA9;
    border-radius: 30px;
    margin: 60px auto 80px auto;
    position: relative;
}

#runDownloadDiv a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;

    color:  white;
    width: 100%;
    height: 100%;
}

#runFrame a:link {
    text-decoration: none;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
}

#runDownloadDiv img {
    position: absolute;
    right: 10%;
    top: 25%;
    bottom: 25%;
    z-index: 2;
}
/*----------------------------------*/
#performanceFrame {
    background-repeat: no-repeat;
    /*background: linear-gradient(0deg, rgba(35, 95, 166, 0.3), rgba(35, 95, 166, 0.3)), url("../../../img/menu/1/1-5/performance.jpg") center 80%/cover;*/
    background-size: cover !important;
    background: linear-gradient(0deg, rgba(35, 95, 166, 0.3), rgba(35, 95, 166, 0.3)), url("../../../img/menu/1/1-5/performance.jpg");
    background-position: 50% 50% !important;
    /*display: none;*/
}

#performanceDoc {
    text-align: center;
    color: white;
}

#performanceContentDiv {
    height: 330px;
    display: flex;
    flex-direction: row;
    gap: 45px;
}

.performanceContent {
    flex: 1;
    height: 100%;
    border-radius: 50%;
    background-color: #FFFDEB;;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*----------------------------------*/
@media only screen and (max-width: 1080px) {
    .frameDiv {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .frameDiv .doc {
        font-size: 16px;
        line-height: 140%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .caption {
        font-size: 24px !important;
        line-height: 32px;
    }

    #orgHorLine1,#orgHorLine2 {
        left : 0;
    }

    #orgHorLine1 {
        height: 40%;
        top: 0;
        border-bottom: none;
        border-right: 4px solid #FFB636;
    }

    #orgHorLine2 {
        height: 60%;
        top: auto;
        bottom: 0;
        border-bottom: none;
        border-right: 4px solid #FFDEC7B2;
    }

    #orgHorLine3 {
        width: 73%;
        height: 47.08%;
        border-left: 4px solid #FFDEC7B2;
        border-right: 4px solid #FFDEC7B2;
        border-top: 4px solid #FFDEC7B2;
        border-bottom: none;
    }

    #orgContentDiv {
        /*max-width: 512px;*/
        max-width: var(--rwdMaxWidth);
        margin-left: auto;
        margin-right: auto;
        flex-direction: row;
        height: 160vw;
        max-height: calc(414px * 1.6);
        padding-left: 38px;
        padding-right: 38px;
        gap: 30px;
    }

    #orgContentDiv * {
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0.1em;
    }

    #orgItem1,#orgItem2 {
        width: 100%;
        height: 20.83%;
    }

    #orgItem3Div {
        width: calc(100% - 76px);
        height: 41.67%;
        top: auto;
        left: 38px;
        bottom: 0;
        flex-direction: column;
    }

    #orgItem3Div div {
        width: 26.33%;
        height: 100%;
        -webkit-writing-mode: vertical-lr;
        writing-mode: vertical-lr;
        letter-spacing: 0.2em;
    }
    /*====================================*/
    .policyBlock {
        width: calc(100% - 30px);
        max-width: var(--rwdMaxWidth);
        margin-left: auto;
        margin-right: auto;
        flex-direction: column;
        padding-left: 30px;
        padding-right: 30px;
    }

    .policyBlockContentDiv {
        width: 100%;
    }

    .policyBlockTitle {
        font-size: 20px;
        line-height: 130%;
    }

    .policyBlockContent {
        font-size: 16px;
        line-height: 130%;
    }
    /*====================================*/
    #performanceContentDiv {
        flex-direction: column;
        width: calc(100% - 30px);
        max-width: var(--rwdMaxWidth);
        margin-left: auto;
        margin-right: auto;
        height: auto;
        align-items: center;
    }

    .performanceContent {
        flex: none;
        width: 250px;
        height: 250px !important;
        border-radius: 50%;
        background-color: #FFFDEB;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .performanceContent:nth-child(1) .performanceDoc {
        margin-top: 0;
    }

    .performanceContent:nth-child(2) .performanceDoc {
        margin-top: 0;
    }

    .performanceContent:nth-child(3) .performanceDoc {
        font-size: 16px;
        line-height: 140%;
    }
    .performanceContent:nth-child(3) .performanceDoc div span {
        font-size: 16px;
        color: #C8B400;
    }
    .performanceContent:nth-child(3) .performanceDoc div span .two {
        font-size: 16px !important;
    }


    #runDownloadDiv {
        width: 80vw;
        max-width: 300px;
    }

    #runFrame a:link {
        font-size: 16px;
        line-height: 130%;
    }

    .runBlock {
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0.02em;
    }
}

/*----------------------------------*/
@media only screen and (max-width: 800px) {
    .runBlock {
        flex-direction: column;
    }

    .runBlock .arrowIcon {
        margin-right: 0;
        margin-bottom: -2px;
        transform: rotate(90deg);
    }

    .runContentLine {
        width: calc(100% - 30px);
        border-left: none;
        border-top: 2px solid #008CDB;
    }

    .runContentRightDiv {
        margin-top: 0;
        margin-bottom: 0;
    }

    #runTitle {
        width: calc(100% - 183px);
        margin-left: auto;
        margin-right: auto;
    }
}

/*----------------------------------*/
@media only screen and (max-width: 540px) {
    #performanceDoc {
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}