#aug-hero {
    --green: #119c30;
    font-size: 16px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/hero/back.webp);
    background-image: -webkit-image-set(url("../images/hero/back.webp") 1x,
            url("../images/hero/back@2x.webp") 2x);
}
#aug-hero .aug-inner {
    padding-top: 5.364583vw;
    padding-bottom: 6.5625vw;
}
#aug-hero .aug-anim {
    max-width: 46.979167vw;
    margin-bottom: -30px;
}
#aug-hero .animation {
    max-width: 100%;
    max-height: fit-content;
    aspect-ratio: 1854 / 504;
}
#aug-hero .main {
    max-width: 57.22%;
}
#aug-hero .aug-graphic-box {
    max-width: 44.013304%;
    left: -27.272727%;
    bottom: 15.622849%;
}
#aug-hero .aug-right-box {
    max-width: 93.566278%;
    right: -43.261231%;
}
#aug-hero .button {
    width: 234px;
    height: 41px;
    border-radius: 21px;
    font-size: 1.3125em;
    line-height: 1;
    margin-top: 1.40625vw;
    box-shadow: -4px -3px 2.16px 0.84px rgba(0, 0, 0, 0.25);
    padding-top: 0.2em;
}
@media screen and (min-width: 568px) {
    #aug-hero:after {
        content: '';
        display: block;
        height: 100%;
        width: 682px;
        max-width: 35.520833%;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1;
        pointer-events: none;
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/hero/right-back.webp);
        background-image: -webkit-image-set(url("../images/hero/right-back.webp") 1x,
                url("../images/hero/right-back@2x.webp") 2x);
    }
}
@media screen and (max-width: 567px) {
    #aug-hero {
        z-index: 1;
        background-image: url(../images/hero/back-m.webp);
        background-image: -webkit-image-set(url("../images/hero/back-m.webp") 1x,
                url("../images/hero/back-m@2x.webp") 2x);
    }
    #aug-hero .aug-inner {
        padding-top: 35px;
        padding-bottom: 291px;
    }
    #aug-hero .aug-anim {
        max-width: 100%;
    }
    #aug-hero .aug-main {
        max-width: 100%;
    }
    #aug-hero .main {
        max-width: 100%;
        margin-top: 32px;
    }
    #aug-hero .aug-graphic-box {
        max-width: inherit;
        right: -25px;
        bottom: 185px;
        left: inherit;
    }
    #aug-hero .aug-right-box {
        max-width: inherit;
        right: inherit;
        left: -60px;
    }
    #aug-hero .button {
        width: 169px;
        font-size: 1.0625em;
        margin-top: 25px;
        padding-top: 0;
    }
}