@charset "UTF-8";

/* =====topic-pass===== */

.concept-box {
    margin-top: 73px;
    position: relative;
}

/* ==========MV============= */

#topic-passConcept {
    position: relative;
}

.concept-title {
    width: 100%;
    padding-left: 6%;
    margin-top: 60px;
}

.concept-titleText {
    margin-top: 73px;
    position: relative;
    z-index: -1;
}

.concept-titleTextSP, .concept-titleTextTB {
    display: none;
}

.concept-titleText img {
    width: 100%;
}

/* ==========concept============= */



.concept-managemment, .concept-morning {
    display: flex;
    flex-direction: row-reverse;
    gap: 36px;
}

.concept-thinning {
    display: flex;
    gap: 36px;
}

.concept-imgRight img, .concept-imgLight {
    max-width: 100%;
}

.concept-left, .concept-right {
    max-width: 540px;
}

.concept-right h4, .concept-left h4 {
    margin-bottom: 32px;
}

.concept-right p, .concept-left p {
    margin-bottom: 16px;
}


.container {
    margin-top: -753px;
}

@media (max-width:1294px) {

    .concept-titleText {
        display: none;
    }

    .concept-titleTextTB {
        display: block;
    }

    .container {
        margin-top: -545px;
    }
}
@media (max-width:1024px) {
    .concept-managemment {
        display: block;
    }
    
    .concept-thinning, .concept-morning {
        display: block;
    }

    .concept-left, .concept-right {
        max-width: 100%;
    }

    .concept-imgRight figure, .concept-imgLeft figure, .concept-imgRight figure {
        max-width: 476px;
        margin: 0 auto;
    }
}
@media (max-width:797px) {


    .container {
        margin-top: -463px;
    }
}


@media (max-width:768px) {

    .concept-title {
        padding-left: 6%;
        margin-top: 60px;
    }
}

@media (max-width:577px) {
    .concept-titleTextTB {
        display: none;
    }
    .concept-titleTextSP {
        display: block;
    }


    .container {
        margin-top: 100px;
    }
}