@charset "utf-8";

/* ================================================================= 
 header
================================================================= */


/* ================================================================= 
sidemenu
================================================================= */


/* ================================================================= 
 contents
================================================================= */
span.sub {
    line-height: 1.5;
}


/* ================================================================= 
 section
================================================================= */


/* ================================================================= 
 footer
================================================================= */


/* ================================================================= 
 header
================================================================= */

@media only screen and (min-width: 1700px) {
    .bg_img_inr1 {
        background: url(../images/top/2024102101.jpeg) no-repeat;
        background-position: 100% 25%;
        background-color: rgba(27, 27, 27, 0.5);
        background-blend-mode: darken;
        background-size: 125%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1700px) {
    .cont_02_wrap .deco02{
        right: 10%;
        left: auto;
    }

    .cont_02_wrap .deco04 {
        right: 10%;
        left: auto;
        bottom: -15%;
    }

    .bg_img_inr1 {
        background: url(../images/top/2024102101.jpeg) no-repeat;
        background-position: 100% 25%;
        background-color: rgba(27, 27, 27, 0.5);
        background-blend-mode: darken;
        background-size: 125%;
    }
}

@media only screen and (max-width: 1024px) {
    .bg_img_inr1 {
        background: url(../images/top/2024102101.jpeg) no-repeat;
        background-position: 50% 25%;
        background-color: rgba(27, 27, 27, 0.5);
        background-blend-mode: darken;
        background-size: 125%;
    }

    .cont_01 {
        margin: 5% auto 0 auto;
    }

/* ================================================================= 
 header
================================================================= */

/* ================================================================= 
sidemenu
================================================================= */

/* ================================================================= 
 contents
================================================================= */

/* ================================================================= 
 section
================================================================= */

/* ================================================================= 
 footer
================================================================= */

}

@media only screen and (max-width: 835px) {
    #movie_area video {
        height: 68vh;
        object-fit: cover;
        width: auto;
    }
}


@media only screen and (max-width: 640px) {
    .bg_img_inr1 {
        background-position: 30% 25%;
        background-color: rgba(27, 27, 27, 0.5);
        background-blend-mode: darken;
        background-size: 155%;
    }

    .cont_02_wrap .deco02 {
        top: -33%;
    }

    #c63 {
        position: absolute;
        top: -18%;
        width: 15%;
    }

    #c69 {
        position: absolute;
        top: -30%;
        width: 15%;
    }

    #c79 {
        position: absolute;
        top: -50%;
        width: 20%;
    }



/* ================================================================= 
 header
================================================================= */


/* ================================================================= 
sidemenu
================================================================= */


/* ================================================================= 
 contents
================================================================= */

/* ================================================================= 
 section
================================================================= */

/* ================================================================= 
 footer
================================================================= */

}

@media only screen and (max-width: 420px) {
    .bg_img_inr1 {
        background-position: 10% top;
    }
}

@media screen and (min-width: 641px) and (max-width: 835px) {
    .slide-bottom img {
     max-width:100% !important;
    }
}