@charset "utf-8";


/* ---------- 共通テーマイメージ エリア ---------- */
.main-area {
    background-image: image-set(url(../img/yellow-top-bg_sp2x.png) 1x,
            url(../img/yellow-top-bg_sp3x.png) 3x,
            url(../img/yellow-top-bg_sp4x.png) 4x),
        image-set(url(../img/parts-main-img/horo-img_sp2x.jpg) 1x,
            url(../img/parts-main-img/horo-img_sp3x.jpg) 3x,
            url(../img/parts-main-img/horo-img_sp4x.jpg) 4x);
}

/* ---------- コンタクトリンク エリア　---------- */
.page-id-8 .news-area,
.page-id-10 .intro-area,
.page-id-12 .access-area,
.page-id-14 .company-area,
.single-post aside,
.archive .news-area {
    background-image: image-set(url(../img/linkarea-top-bg_sp2x.png) 1x,
            url(../img/linkarea-top-bg_sp3x.png) 3x,
            url(../img/linkarea-top-bg_sp4x.png) 4x);
}



/* ----------　トップページ ---------- */
.home {
    /* .theme-area {
        background-image: image-set(url(../img/green-top-bg_sp2x.png) 1x,
                url(../img/green-top-bg_sp3x.png) 3x,
                url(../img/green-top-bg_sp4x.png) 4x),
            image-set(url(../img/parts-main-img/horo-img_sp2x.jpg) 1x,
                url(../img/parts-main-img/horo-img_sp3x.jpg) 3x,
                url(../img/parts-main-img/horo-img_sp4x.jpg) 4x);
    } */

    .main-area {
        background-image: image-set(url(../img/green-top-bg_sp2x.png) 1x,
                url(../img/green-top-bg_sp3x.png) 3x,
                url(../img/green-top-bg_sp4x.png) 4x),
            image-set(url(../img/parts-main-img/horo-img_sp2x.jpg) 1x,
                url(../img/parts-main-img/horo-img_sp3x.jpg) 3x,
                url(../img/parts-main-img/horo-img_sp4x.jpg) 4x);
    }

    /* .intro-area {
        background-image: image-set(url(../img/yellow-top-bg_sp2x.png) 1x,
                url(../img/yellow-top-bg_sp3x.png) 3x,
                url(../img/yellow-top-bg_sp4x.png) 4x);

        .bisiness_item-area {
            .dataentry-img {
                background-image: image-set(url(../img/dataentry-img_sp2x.png) 1x,
                        url(../img/dataentry-img_tb2x.png) 3x,
                        url(../img/dataentry-img_sp4x.png) 4x);
            }

            .deskwork-img {
                background-image: image-set(url(../img/deskwork-img_sp2x.png) 1x,
                        url(../img/deskwork-img_tb2x.png) 3x,
                        url(../img/deskwork-img_sp4x.png) 4x);
            }

            .web-img {
                background-image: image-set(url(../img/web-img_sp2x.png) 1x,
                        url(../img/web-img_tb2x.png) 3x,
                        url(../img/web-img_sp4x.png) 4x);
            }

            .design-img {
                background-image: image-set(url(../img/design-img_sp2x.jpg) 1x,
                        url(../img/design-img_tb2x.jpg) 3x,
                        url(../img/design-img_sp4x.jpg) 4x);
            }

            .movie-img {
                background-image: image-set(url(../img/movie-img_sp2x.png) 1x,
                        url(../img/movie-img_tb2x.png) 3x,
                        url(../img/movie-img_sp4x.png) 4x);
            }

            .ai-img {
                background-image: image-set(url(../img/ai-img_sp2x.png) 1x,
                        url(../img/ai-img_tb2x.png) 3x,
                        url(../img/ai-img_sp4x.png) 4x);
            }

            .writting-img {
                background-image: image-set(url(../img/writting-img_sp2x.jpg) 1x,
                        url(../img/writting-img_tb2x.jpg) 3x,
                        url(../img/writting-img_sp4x.jpg) 4x);
            }

            .businesssupport-img {
                background-image: image-set(url(../img/businesssupport_sp2x.jpg) 1x,
                        url(../img/businesssupport_tb2x.jpg) 3x,
                        url(../img/businesssupport_sp4x.jpg) 4x);
            }

            .cooking-img {
                background-image: image-set(url(../img/cooking_sp2x.jpg) 1x,
                        url(../img/cooking_tb2x.jpg) 3x,
                        url(../img/cooking_sp4x.jpg) 4x);
            }
        }
    } */

    .flow-area {
        background-image: image-set(url(../img/linkarea-top-bg_sp2x.png) 1x,
                url(../img/linkarea-top-bg_sp3x.png) 3x,
                url(../img/linkarea-top-bg_sp4x.png) 4x);
    }
}





/* ---------- 事業所紹介ページ ---------- */
/* .page-id-10 {
    .dataentry-img {
        background-image: image-set(url(../img/dataentry-img_sp2x.png) 1x,
                url(../img/dataentry-img_tb2x.png) 3x,
                url(../img/dataentry-img_sp4x.png) 4x);
    }

    .deskwork-img {
        background-image: image-set(url(../img/deskwork-img_sp2x.png) 1x,
                url(../img/deskwork-img_tb2x.png) 3x,
                url(../img/deskwork-img_sp4x.png) 4x);
    }

    .web-img {
        background-image: image-set(url(../img/web-img_sp2x.png) 1x,
                url(../img/web-img_tb2x.png) 3x,
                url(../img/web-img_sp4x.png) 4x);
    }

    .design-img {
        background-image: image-set(url(../img/design-img_sp2x.jpg) 1x,
                url(../img/design-img_tb2x.jpg) 3x,
                url(../img/design-img_sp4x.jpg) 4x);
    }

    .movie-img {
        background-image: image-set(url(../img/movie-img_sp2x.png) 1x,
                url(../img/movie-img_tb2x.png) 3x,
                url(../img/movie-img_sp4x.png) 4x);
    }

    .ai-img {
        background-image: image-set(url(../img/ai-img_sp2x.png) 1x,
                url(../img/ai-img_tb2x.png) 3x,
                url(../img/ai-img_sp4x.png) 4x);
    }

    .writting-img {
        background-image: image-set(url(../img/writting-img_sp2x.jpg) 1x,
                url(../img/writting-img_tb2x.jpg) 3x,
                url(../img/writting-img_sp4x.jpg) 4x);
    }

    .businesssupport-img {
        background-image: image-set(url(../img/businesssupport_sp2x.jpg) 1x,
                url(../img/businesssupport_tb2x.jpg) 3x,
                url(../img/businesssupport_sp4x.jpg) 4x);
    }

    .cooking-img {
        background-image: image-set(url(../img/cooking_sp2x.jpg) 1x,
                url(../img/cooking_tb2x.jpg) 3x,
                url(../img/cooking_sp4x.jpg) 4x);
    }
} */