@charset "UTF-8";

/********** 背景全体の水玉 **********/
.particles_js {
    position: fixed;
    width: 100%;
    height: 100%;
}

/********** 各セクション アニメーション **********/
.cs_wrapper {
    .cs_wrapper__inner {
        .section_sol {
            position: relative;

            .cs_head {
                transform: scale(1.0);
            }

            .cs_body_sol {
                position: relative;
            }
            .cs_sol_cont {
                backdrop-filter: blur(5px);
            }
        }
    }
}

.lottie-container-fv-pc {
    display: none;
}
.lottie-container-fv-sp {
    position: absolute;
    top: 0;
    left: 0;
}
.lottie-sec-1,
.lottie-sec-2 {
    position: relative;
}
.lottie-container-sec-1,
.lottie-container-sec-2 {
    display: none;
}

@media all and (min-width: 769px) {
    .lottie-container-fv-pc {
        display: block;
        position: absolute;
        top: -100px;
        left: -184px;
    }
    .lottie-container-fv-sp {
        display: none;
    }
    .lottie-container-sec-1,
    .lottie-container-sec-2 {
        display: block;
        position: absolute;
        left: 0;
    }
}