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

main section .olarea   {
    position: relative;
}

main section .olarea ol li::before {
    font-size: min(2.6455vw, 40px);
    font-family: "Roboto Condensed", sans-serif;
    line-height: 1;
    color: #007A4C;
    font-weight: 500;
    transform: translateY(15%);
}

main section .olarea ol li {
    padding-left: min(3.7698vw, 57px);
}

main section.sec2 .olarea ol li::before {
    transform: translateY(0);
}

main section.sec2 .olarea ol li span    {
    border-bottom: 1px solid #007A4C;
}

main section.sec3 .inner .content > .flex   {
    width: 100%;
}

main section.sec3 .inner .content > .flex .flextitle    {
    background-color: #F47724;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

main section.sec3 .inner .content > .flex .col   {
    width: calc((100% - min(1.0417vw, 20px)) / 2);
}

.scrollhint {
    width: 100%;
    position: relative;
    max-width: 1040px;
    padding: 0 20px;
    overflow-x: scroll;
    margin-left: auto;
    margin-right: auto;
}

.eximg {
    width: 100%;
    position: relative;
    max-width: 1040px;
    padding: 0 20px;
    overflow-x: auto;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 834px)    {
    main section .olarea ol li::before {
        font-size: 10.18vw;
        transform: translate(-20%,0);
    }
    
    main section .olarea ol li  {
        padding-left: 
    }

    .scrollhint img {
        min-width: 760px !important;
    }

    main section.sec3 .inner .content > .flex .flextitle    {
        position: static;
        transform: none;
    }
}