@charset "utf-8";

/* ---------- PC用背景画像 ---------- */


/* ----------------------------------------------- 
                デバイスピクセル比 1
----------------------------------------------- */

/* ---------- テーマイメージ エリア ---------- */
.main-area {
    background-image: url(../img/yellow-top-bg_pc.png),
                      url(../img/parts-main-img/main-img_pc.png);
}


/* ---------- 共通コンテンツ アリア　---------- */
.page-id-8 .news-area, .page-id-10 .intro-area, .page-id-12 .access-area, .page-id-14 .company-area, .single-post .post-area {
    background-image: url(../img/linkarea-top-bg_pc.png);
}



/* ----------　トップページ ---------- */
.home {
    .theme-area {
        background-image: url(../img/green-top-bg_pc.png),
                          url(../img/parts-main-img/main-img_pc.png);
    }
    .intro-area {
        background-image: url(../img/yellow-top-bg_pc.png);
        .bisiness_item-area {
            .dataentry-img {
                background-image: url(../img/dataentry-img_pc.png);
            }
            .deskwork-img {
                background-image: url(../img/deskwork-img_pc.png);
            }
            .web-img {
                background-image: url(../img/web-img_pc.png);
            }
            .design-img {
                background-image: url(../img/design-img_pc.png);
            }
            .movie-img {
                background-image: url(../img/movie-img_pc.png);
            }
            .ai-img {
                background-image: url(../img/ai-img_pc.png);
            }
        }
    }
    .flow-area {
        background-image: url(../img/linkarea-top-bg_pc.png);
    }
}


/* ---------- 最新情報ページ ---------- */


/* ---------- 事業所紹介ページ ---------- */
.page-id-10 {
    .dataentry-img {
        background-image: url(../img/dataentry-img_sp2x.png);
    }
    .deskwork-img {
        background-image: url(../img/deskwork-img_sp2x.png);
    }
    .web-img {
        background-image: url(../img/web-img_sp2x.png);
    }
    .design-img {
        background-image: url(../img/design-img_sp2x.png);
    }
    .movie-img {
        background-image: url(../img/movie-img_sp2x.png);
    }
    .ai-img {
        background-image: url(../img/ai-img_sp2x.png);
    }
}


/* ---------- アクセスページ ---------- */



/* ---------- 会社概要ページ ---------- */





/* ----------------------------------------------- 
                デバイスピクセル比 2
----------------------------------------------- */
@media  screen and (min-resolution: 2dppx) {
/* ---------- テーマイメージ エリア ---------- */
    .main-area {
        background-image: url(../img/yellow-top-bg_pc2x.png),
                          url(../img/parts-main-img/main-img_pc.png);
}

/* ---------- 共通コンテンツ アリア　---------- */
    .page-id-8 .news-area, .page-id-10 .intro-area, .page-id-12 .access-area, .page-id-14 .company-area, .single-post .post-area {
        background-image: url(../img/linkarea-top-bg_pc2x.png);
    }

    /* ----------　トップページ ---------- */
    .home {
        .theme-area {
            background-image: url(../img/green-top-bg_pc2x.png),
                              url(../img/parts-main-img/main-img_pc.png);
        }
        .intro-area {
            background-image: url(../img/yellow-top-bg_pc2x.png);
            .bisiness_item-area {
                .dataentry-img {
                    background-image: url(../img/dataentry-img_pc2x.png);
                }
                .deskwork-img {
                    background-image: url(../img/deskwork-img_pc2x.png);
                }
                .web-img {
                    background-image: url(../img/web-img_pc2x.png);
                }
                .design-img {
                    background-image: url(../img/design-img_pc2x.png);
                }
                .movie-img {
                    background-image: url(../img/movie-img_pc2x.png);
                }
                .ai-img {
                    background-image: url(../img/ai-img_pc2x.png);
                }
            }
        }
        .flow-area {
            background-image: url(../img/linkarea-top-bg_pc2x.png);
        }
    }
/* ---------- 最新情報ページ ---------- */



/* ---------- 事業所紹介ページ ---------- */
    .page-id-10 {
        .dataentry-img {
            background-image: url(../img/dataentry-img_sp4x.png);
        }
        .deskwork-img {
            background-image: url(../img/deskwork-img_sp4x.png);
        }
        .web-img {
            background-image: url(../img/web-img_sp4x.png);
        }
        .design-img {
            background-image: url(../img/design-img_sp4x.png);
        }
        .movie-img {
            background-image: url(../img/movie-img_sp4x.png);
        }
        .ai-img {
            background-image: url(../img/ai-img_sp4x.png);
        }
    }


/* ---------- アクセスページ ---------- */



/* ---------- 会社概要ページ ---------- */

}