@charset "utf-8";

.ordersBackground {
    background-image: url(../images/アンケート背景画像.jpg);
    background-blend-mode: darken;
}

@media (min-width: 415px) {
    .number {
        font-size: 2.2rem;
    }

    .kinds,
    .group,
    .ordersBackground,
    .surveyTittle {
        font-size: 1.6rem;
    }
}

@media (max-width: 414px) {

    .kinds,
    .number,
    .group,
    .ordersBackground,
    .surveyTittle {
        font-size: 2.2rem;
    }
}

.surveyBackground {
    background-image: url(../images/アンケート背景画像.jpg);
    /* background-color: rgba(255, 247, 0, 0.22); */
    background-color: #fddea591;
    background-blend-mode: darken;
}

.collectionBackground {
    background-image: url("../images/作品集背景画像.jpg");
    background-attachment: fixed;
    background-size: 100% 100%;
}

@media (min-width: 415px) {
    .indexBackground {
        background-image: url("../images/トップページ写真.jpg");
        background-attachment: fixed;
        background-size: 100% 100%;
    }
}

@media (max-width: 414px) {
    .indexBackground {
        background-image: url("../images/トップページ写真.jpg");
        background-attachment: fixed;
        /* background-attachment: scroll; */
        background-size: 240%;
        background-repeat: no-repeat;
    }

        .catchCopy {
            text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
            -1px 1px 0 #FFF, 1px -1px 0 #FFF,
            0px 1px 0 #FFF,  0-1px 0 #FFF,
            -1px 0 0 #FFF, 1px 0 0 #FFF;
            /* font-weight: 500; */
        }
    
}

.overviewBackground {
    background-image: url("../images/アンケート背景画像.jpg");
    background-attachment: fixed;
    background-size: 100% 100%;
    background-color: rgba(37, 115, 1, 0.111);
    background-blend-mode: darken;
}

.managementBackground {
    background-image: url("../images/英字新聞.png");
    background-attachment: fixed;
    background-size: 100% 100%;
    background-color: rgba(110, 199, 255, 0.154);
    background-blend-mode: darken;
}