.event-benefit-template .kv_wrap {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 1380px;
}

.event-benefit-template .card-linker {
    position: absolute;
}

.event-benefit-template .section--00 {
    background-color: #fff;
}

.event-benefit-template .card-linker--01 {
    top: 0%;
    left: 0%;
    width: 49%;
    height: 34%;
}

.event-benefit-template .card-linker--02 {
    top: 0%;
    left: 51%;
    width: 49%;
    height: 34%;
}

.event-benefit-template .card-linker--03 {
    top: 53%;
    left: 0%;
    width: 100%;
    height: 34%;
}

.event-benefit-template .section--03 .section__inner {
    max-width: 100%;
    padding: 0;
}
.event-benefit-template .section--03 .c-toggle__data {
    max-width: 1020px;
    margin: 0 auto;
}
.event-benefit-template .section--03 .c-toggle__btn.on + .c-toggle__data {
    padding: calc(80 / 1380 * 100%) 10px;
}

.event-benefit-template .section--04 {
    background-color: #262626;
}

@media screen and (max-width: 767px) {
    body {
        width: 100%;
    }

    .event-benefit-template {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .event-benefit-template .kv_wrap {
        left: initial;
        transform: initial;
        width: initial;
    }

    .event-benefit-template .section--00 {
        background-color: #fff;
    }

    .event-benefit-template .section--00 .section__inner {
        padding: 0;
    }

    .event-benefit-template .section--03 .c-toggle__data {
        max-width: 100%;
        padding: 0;
    }
    .event-benefit-template .card-linker--01 {
        top: 0%;
        left: 0%;
        width: 100%;
        height: 20%;
    }

    .event-benefit-template .card-linker--02 {
        top: 32.5%;
        left: 0%;
        width: 100%;
        height: 20%;
    }

    .event-benefit-template .card-linker--03 {
        top: 65%;
        left: 0%;
        width: 100%;
        height: 20%;
    }

    .event-benefit-template .section--02 .section__inner {
        max-width: 100%;
        padding: calc(64 / 720 * 100vw) 0;
    }
    .event-benefit-template .section--02 .section__title {
        max-width: 100%;
        padding: 0 calc(48 / 720 * 100vw) calc(48 / 720 * 100vw);
    }
    .event-benefit-template .section--02 .section__sub-title {
        padding-left: calc(48 / 720 * 100vw);
        padding-right: calc(48 / 720 * 100vw);
    }
    .event-benefit-template .section--02 .relative-area {
        margin: 0 calc(48 / 720 * 100vw);
    }

    .event-benefit-template .section--04 .section__inner {
        padding: 0;
    }
}