@charset "utf-8";



#bg_scrl {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    height: 60vh;
    background-image: url(../images/concept/concept_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#sec_01 p,
#sec_02 p {
    text-align: center;
}

#sec_03 .img_area {
    width: 40%;
}

#sec_03 .txt_area {
    width: 50%;
    padding: 0 2% 0 4%;
}

#sec_04 .img_area {
    width: 40%;
}

#sec_04 .txt_area {
    width: 50%;
    padding: 0 2% 0 4%;
}

@media (max-width: 1399px) {

    #bg_scrl {
        height: 39vh;
    }
}

@media (max-width: 899px) {
    #bg_scrl {
        height: 91vw;
        background-image: url(../images/concept/concept_bg_sp.jpg);
    }
}

@media (max-width: 799px) {


    .sh1,
    #sec_01 p,
    #sec_02 p {
        text-align: left;
    }


    #sec_03 .img_area {
        width: 60%;
        max-width: 540px;
        margin-right: auto;
    }

    #sec_03 .txt_area {
        width: 100%;
        margin-bottom: 8vw;
        padding: 0;
    }

    #sec_04 .img_area {
        width: 60%;
        max-width: 540px;
        margin-left: auto;
    }

    #sec_04 .txt_area {
        width: 100%;
        margin-bottom: 8vw;
        padding: 0;
    }





}



@media (max-width: 599px) {}