/*mission1*/
.en .col_mission1 .mds_mission1.active .mds {
    margin-top: 30px;
}


.en .mds_mission1 {
    margin: 0 0 30px;
}

.en .cont_mission1 {
    max-width: 1013px;
}

.en .cont_mission1 .cont_txt {
    width: 53.0%;
    text-align: justify;
}

.en .cont_mission1 .cont_img {
    width: 42.45%;
}

.en .cont_mission2 .cont_txt .submds .marker {
    line-height: 1.4;
}

.en .mb {
    margin-bottom: 40px;
}

.en .cont_mission2 {
    margin: 0 auto 29px;
}

@media screen and (max-width: 850px) {
    .en .cont_mission1 .cont_txt {
        width: 100%;
    }

    .en .cont_mission1 .cont_img {
        width: 100%;
    }

    .en .mb {
        margin-bottom: 3.6vw;
    }

    .en .cont_mission2 .cont_txt .submds {
        margin: 0 0 18px;
    }
}


@media screen and (max-width: 700px) {

    .en .col_mission1 .mds_mission1.active .mds {
        margin-top: 0px;
    }

    .en .mds_mission1 {
        margin: 0 0 7.2vw;
    }

    .en .cont_mission1 .cont_txt {
        width: 100%;
    }
}



/*mission3*/
.en .col_mission3 {
    max-width: 1153px;
}

.en .col_mission4 {
    max-width: 1030px;
}

.en .col_mission4 .cont_txt {
    width: 45.6%;
}

.en .col_mission4 .cont_img {
    width: 47.27%;
}


.en .col_mission3 .figure_txt .submds {
    max-width: 500px;
}

.en .cont_figure_mission3 .figure {
    width: 233px;
}

.en .cont_figure_mission3 .figure .circle {
    width: 190px;
    height: 190px;
}

.en .col_mission3 .cont_txt {
    width: calc(93% - 493px);
    max-width: 47%;
    padding: 84px 2% 72px 4%;
}

.en .col_mission3 .figure_txt {
    width: 53%;
}

.en .cont_figure_mission3 .figure .circle {
    font-size: 13px;
}

.en .cont_figure_mission3 .figure .circle .big {
    font-size: 22px;
    margin-bottom: 5px;
}

.en .cont_figure_mission3 .figure:first-child {
    margin: 0 calc((100% - 233px) / 2) 0px;
}

.en .cont_figure_mission3 .figure .name:first-child {
    width: fit-content;
    margin: 0 auto 14px;
    padding: 0.22em 0.5em 0.3em;
}

.en .cont_figure_mission3 .figure .name {
    width: fit-content;
    margin: 14px auto 0;
    padding: 0.22em 0.5em 0.3em;
}

.en .cont_figure_mission3 {
    justify-content: center;
}


@media screen and (max-width: 960px) {
    .en .col_mission3 {
        width: 100%;
        padding: 50px 0;
        display: block;
    }

    .en .col_mission3 .cont_txt {
        width: 94%;
        max-width: 94%;
        margin: 0 0 50px auto;
        padding: 50px 7%;
    }

    .en .col_mission3::before {
        right: 6%;
    }

    .en .col_mission3 .cont_txt::before {
        left: 0;
    }

    .en .col_mission3 .mds_mission1 {
        margin: 0 0 30px;
        text-align: center;
    }

    .en .col_mission3 .mds_mission1 .mds {
        top: 20px;
        opacity: 0;
    }

    .en .col_mission3 .active .mds_mission1 .mds {
        top: 0;
        opacity: 1;
    }

    .en .col_mission3 .dot {
        transform: translateX(-50%);
        left: 50%;
    }

    .en .col_mission3 .txt_mission3 {
        opacity: 0;
        transition: opacity 1s;
    }

    .en .col_mission3 .active .txt_mission3 {
        opacity: 1;
    }

    .en .col_mission3 .figure_txt {
        width: 88%;
        min-width: 88%;
        margin: 0;
        padding: 0 0 0 6%;
    }

    .en .col_mission3 .figure_txt .submds {
        font-size: min(7vw, 28px)
    }

    .en .cont_figure_mission3 .figure:first-child {
        margin: 0 calc((100% - 172px)/2) min(6.25vw, 25px);
    }

    .en .cont_figure_mission3 .figure .name {
        font-size: min(3.9vw, 18px);
    }


    .en .cont_figure_mission3 .figure .circle {
        width: 35.5vw;
        height: 35.5vw;
        max-width: 190px;
        max-height: 190px;
        font-size: min(2.97vw, 13px);
    }

    .en .cont_figure_mission3 .figure .circle .big {
        font-size: min(4.15vw, 22px);
    }

    .en .cont_figure_mission3 {
        justify-content: space-between;
    }

}

@media screen and (max-width: 850px) {
    .en .col_mission4 .cont_img {
        width: 100%;
    }

    .en .col_mission4 .cont_txt {
        width: 100%;
    }
}


@media screen and (max-width: 700px) {
    .en .col_mission3 {
        margin: 0 auto 22vw;
        padding: 12vw 0;
    }

    .en .col_mission3 .cont_txt {
        margin: 0 0 30px auto;
        padding: 11.42vw 7%;
    }

    .en .col_mission3 .mds_mission1 {
        margin: 0 0 1.8em;
        padding: 0 0 1.8em;
    }
}




@media screen and (max-width: 477px) {
    .en .cont_figure_mission3 .figure:first-child {
        margin: 0 calc((100% - 36vw)/2) min(6.25vw, 25px);
    }
}

@media screen and (max-width: 430px) {
    .en .cont_figure_mission3 .figure {
        width: 36vw;
        max-width: 172px;
    }

}


/*mission2*/


.en .figure_mission_curculation .space_arrow .balloon {
    width: 210px;
    height: 92px;
    font-size: 15px;
    padding: 0 5px;
}

.en .figure_mission_curculation {
    max-width: 1200px;
}

.en .figure_mission_curculation .box_roll{
    padding: 0.8em 0.2em;
}

.en .figure_mission_curculation .box_roll .small {
    font-size: clamp(14px, 1.4vw, 17px);
}

@media screen and (min-width: 771px) {
    .en .figure_mission_curculation .space_arrow.active .balloon.above {
        top: -100px;
    }

    .en .figure_mission_curculation .space_arrow.active .balloon.below {
        bottom: -100px;
    }
}

@media screen and (max-width: 770px) {
    .en .figure_mission_curculation .box_roll {
        height: 6em;
    }
}



@media screen and (max-width: 900px) {
    .en .figure_mission_curculation .space_arrow .balloon {
        width: 170px;
        height: 92px;
        font-size: clamp(12px, 1.45vw, 18px);
    }

}

@media screen and (max-width: 350px) {
    .en .figure_mission_curculation .space_arrow .balloon {
        width: 170px;
        height: 92px;
        font-size: clamp(10px, 1.45vw, 18px);
    }

}