@charset "utf-8";
/*背景画像設置box*/
.cd-fixed-bg {
    position: relative;
    min-height: 100%;
    background-size: cover;
    background-attachment: scroll;
    /* background-attachment: fixed; */
    z-index: 2;
    /*背景画像の透過*/
    /* background-color: rgba(255, 255, 255, 0.8);
    background-blend-mode: lighten; */
}

.cd-fixed-bg::before {
    display: block;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: rgb(255, 255, 255, 0.6);
    z-index: -1;
}

@media screen and (min-width: 769px) {
    .cd-fixed-bg {
        background-attachment: fixed;
    }
}

/* Safari用のハックは、Chromeに適用されないようにする */
/* safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {

    _::-webkit-full-page-media,
    _:future,
    :root .cd-fixed-bg {
        background-attachment: scroll;
    }
}

/*背景表示用クラス設定*/
/*--固定背景01--*/
.cd-fixed-bg.cd-bg_sp {
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-size: auto 150vh;
}

.cd-fixed-bg.cd-bg-1_sp {
    background-image: url("../image/bg_photo/bg_photo01_girl01.jpg");
}

/*--固定背景02--*/
.cd-fixed-bg.cd-bg-2_sp {
    background-image: url("../image/bg_photo/bg_photo01_girl02.jpg");
}

/*--固定背景03--*/
.cd-fixed-bg.cd-bg-3_sp {
    background-image: url("../image/bg_photo/bg_photo01_girl03.jpg");
}

/*--固定背景04--*/
.cd-fixed-bg.cd-bg-4_sp {
    background-image: url("../image/bg_photo/bg_photo01_girl04.jpg");
}

/*--固定背景05_white--*/
.cd-fixed-bg.cd-bg-white_sp {
    background-image: none;
    background-color: rgba(255, 255, 255, 0.8);
}

.cd-fixed-bg.cd-bg-pink_sp {
    background-image: none;
    background-color: rgba(255, 222, 222, 0.8)
}

@media screen and (min-width: 769px) {

    .cd-fixed-bg.cd-bg_pc {
        background-size: auto 100vh;
        background-repeat: repeat-y;
    }

    /*--固定背景01--*/
    .cd-fixed-bg.cd-bg-1_pc {
        background-image: url("../image/bg_photo/bg_photo01_girl01.png");
        background-position: left top;
    }

    /*--固定背景02--*/
    .cd-fixed-bg.cd-bg-2_pc {
        background-image: url("../image/bg_photo/bg_photo01_girl02.png");
        background-position: 37.5% top;
    }

    /*--固定背景03--*/
    .cd-fixed-bg.cd-bg-3_pc {
        background-image: url("../image/bg_photo/bg_photo01_girl03.png");
        background-position: 62.5% top;
    }

    /*--固定背景04--*/
    .cd-fixed-bg.cd-bg-4_pc {
        background-image: url("../image/bg_photo/bg_photo01_girl04.png");
        background-position: right top;
    }

    /*--固定背景05_white--*/
    .cd-fixed-bg.cd-bg-white_pc {
        background-image: none;
        background-color: rgba(255, 255, 255, 0.8);
    }

    .cd-fixed-bg.cd-bg-pink_pc {
        background-image: none;
        background-color: rgba(255, 222, 222, 0.8)
    }

}

/* Safari用のハックは、Chromeに適用されないようにする */
/* safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {

    _::-webkit-full-page-media,
    _:future,
    :root .cd-fixed-bg.cd-bg_pc {
        background-size: auto 150vh;
    }
}