body.sub    {
    background-position: center top 78.125vw;
}

.key:before {
    height: 78.125vw;
}

.sec1 .inner .box .content > .flex    {
    gap: min(0.6614vw, 10px);
    width: 100%;
}

.sec1 .inner > .box > .content > .flex > .col    {
    background: #EEF3FE;
    box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: min(1.3228vw, 20px);
    padding: min(1.3228vw, 20px) min(1.3228vw, 20px) min(1.6534vw, 25px);
    width: 33.333%;
    align-items: center;
    justify-content: center;
    gap: min(0.6614vw, 10px);
}

.sec1 .inner .box .content .flex .col h3  {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    border-radius: 15px;
    width: 100%;
    background-color: #001B43;
}
.sub main section ul,
.sub main section ul li    {
    width: auto;
    line-height: 155%;
}
.sec1 .inner .box .content2.flex    {
    gap: min(1.6534vw, 25px);
    align-items: center;
}

.sec1 .inner .box .content2.flex .infocol    {
    flex: 1;
}

.sec1 .inner .box .content2.flex .imgcol    {
    width: 53%;
}
@media screen and (max-width: 834px)    {
    .key:before {
        height: 199vw;
    }
    
    .sec1 .inner > .box > .content > .flex  {
        gap: 3.82vw;
        padding: 0 5vw;
    }

    .sec1 .inner > .box > .content > .flex > .col   {
        border-radius: 5.09vw;
        padding: 4.58vw 4.58vw 6.11vw;
    }
    
    .sec1 .inner .box .content2.flex   {
        gap: 7.63vw;
    }
}