@charset "utf-8";

/* content01 */
.event-benefit-template .content01__linker {
    position: absolute;
    top: 41%;
    left: 35%;
    width: 30%;
    height: 5.5%;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .content01__linker {
        top: 39%;
        left: 17%;
        width: 66%;
        height: 4.8%;
    }
}
/* // content01 */

/* content02 */
.event-benefit-template .content02 .article__inner {
    margin: calc(120 / 1380 * 100%) 0;
}
.event-benefit-template .swiper-container-wrap--content02 {
    position: relative;
    margin: calc(80 / 1380 * 100%) 0;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .content02 .article__inner {
        margin: calc(80 / 720 * 100%) 0;
    }
    .event-benefit-template .swiper-container-wrap--content02 {
        margin: calc(40 / 720 * 100%) 0;
    }
}
/* // content02 */

/* content03 */
.event-benefit-template .content03  {
    background-color: #F8F7F5;
}

.event-benefit-template .content03 .article__inner {
    margin: calc(120 / 1380 * 100%) 0;
}
.event-benefit-template .swiper-container-wrap--content03 {
    position: relative;
    margin-top: calc(80 / 1380 * 100%);
}
@media screen and (max-width: 767px) {
    .event-benefit-template .content03 .article__inner {
        margin: calc(80 / 720 * 100%) 0;
    }
    .event-benefit-template .swiper-container-wrap--content03 {
        margin: calc(40 / 720 * 100%) 0;
    }
}
/* // content03 */

/* content04 */
.event-benefit-template .content04__linker01{
    position: absolute;
    top: 35%;
    left: 16.7%;
    width: 15.4%;
    height: 5.5%;
}
.event-benefit-template .content04__linker02{
    position: absolute;
    top: 72%;
    left: 16.7%;
    width: 15.4%;
    height: 5.5%;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .content04__linker01{
        top: 35%;
        left: 10.7%;
        width: 28.4%;
        height: 7.5%;
    }
    .event-benefit-template .content04__linker02{
        top: 74%;
        left: 10.7%;
        width: 28.4%;
        height: 7.5%;
    }
}
/* // content04 */


/* .event-benefit-template .content03,
.event-benefit-template .content04 {
    width: 100%;
    max-width: 1020px;
    padding: 100px 10px;
    margin: 0 auto;
}

@container full-width-area (max-width: 1380px) {
}

@container article-area (max-width: 1020px) {
    .event-benefit-template .content03,
    .event-benefit-template .content04 {
        padding: calc(100 / 1020 * 100%) 10px;
    }
} */