@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.sec1 {
    margin-top: -4.469vw;
    position: relative;
    z-index: 2;
}

.sec2 {
    margin-top: -7.326vw;
    position: relative;
}

.s-line_btn_1 {
    position: absolute;
    content: "";
    top: 43.516vw;
    left: 7.326vw;
    width: 14.359vw;
    height: 2.564vw;
    z-index: 5;
}

.s-line_btn_2 {
    position: absolute;
    content: "";
    bottom: 56.777vw;
    right: 35.018vw;
    width: 14.359vw;
    height: 2.564vw;
    z-index: 5;
}

.s-line_btn_3 {
    position: absolute;
    content: "";
    bottom: 11.575vw;
    left: 7.326vw;
    width: 14.359vw;
    height: 2.564vw;
    z-index: 5;
}

.cta {
    background: #fffcf3;
    padding-bottom: 14.652vw;
}

.cta_inner {
    position: relative;
    width: 84.982vw;
    margin: auto;
}

.cta_btn_wrap {
    position: absolute;
    display: flex;
    justify-content: center;
    top: 21.78vw;
    width: 100%;
}

.cta_line {
    width: 30%;
    margin: 0 0.733vw;
}

.cta_mail {
    width: 30%;
    margin: 0 0.733vw;
}

.cta_2 {
    padding-top: 6.154vw;
    padding-bottom: 14.652vw;
}

@media(max-width:767px) {
    .sec1 {
        margin-top: -7.179vw;
        position: relative;
        z-index: 2;
    }

    .sec1_inner {
        position: relative;
    }

    .auto_slider_group {
        display: flex;
        gap: 5.128vw;
    }

    .auto_slider_box {
        width: 100%;
        height: 21.026vw;
        overflow: hidden;
        position: relative;
    }

    .auto_slider_box .track {
        display: flex;
        width: max-content;
        animation: scroll-left 50s linear infinite;
    }

    #slide__2 .track {
        animation-duration: 47s;
    }

    #slide__3 .track {
        animation-duration: 47s;
    }

    .auto_slider_box img {
        width: auto;
        height: 21.026vw;
        flex-shrink: 0;
    }
    @keyframes scroll-left {
        0% {
            transform: translateX(0%);
        }
        100% {
        transform: translateX(-100%);
        }
    }
    div#slide__1 {
        position: absolute;
        top: 248.718vw;
    }
    div#slide__2 {
        bottom: 176.41vw;
    }
    div#slide__3 {
        position: absolute;
        bottom: 40vw;
    }
    .cta_inner {
        position: relative;
        width: 100%;
        margin: auto;
    }
    .cta_2 {
        padding-top: 0;
        padding-bottom: 25.641vw;
    }
    .cta_btn_wrap {
        position: absolute;
        display: flex;
        justify-content: center;
        top: 103.333vw;
        flex-direction: column;
    }
    .cta_line {
        width: 80%;
        margin: 0 auto;
    }

    .cta_mail {
        width: 80%;
        margin: 16px auto 0;
    }

    .s-line_btn_1 {
        position: absolute;
        content: "";
        top: 276.575vw;
        left: 5.326vw;
        width: 50.359vw;
        height: 2.564vw;
        z-index: 5;
    }

    .s-line_btn_2 {
        position: absolute;
        content: "";
        bottom: 332.575vw;
        left: 5.326vw;
        width: 50.359vw;
        height: 2.564vw;
        z-index: 5;
    }

    .s-line_btn_3 {
        position: absolute;
        content: "";
        bottom: 25.575vw;
        left: 5.326vw;
        width: 50.359vw;
        height: 2.564vw;
        z-index: 5;
    }

    .sec2 {
        margin-top: -25.429vw;
    }

    .s-line_btn_3 {
        position: absolute;
        content: "";
        bottom: 25.575vw;
        left: 5.326vw;
        width: 50.359vw;
        height: 2.564vw;
        z-index: 5;
    }
}