/* Intro stripe
---------------------------------------------------------------*/
    #intro-stripe .with-bg-logo > .bg-logo {
        bottom: -21%;
    }
    #intro-stripe .stripe-content {
        gap: 0 7.81vw; /*150*/
    }
    #intro-stripe .col-img {
        grid-column: 1 / -1;
    }
    #intro-stripe .col-img .col-container {
        width: 40.57vw; /*779*/
        height: 29.11vw; /*559*/
        margin-left: 9vw;
    }
    #intro-stripe .col-1 {
        order: 1;
    }
    #intro-stripe .col-2 {
        order: 2;
    }
    #intro-stripe .bg-logo {
        order: 3;
    }
    #intro-stripe .col-3 {
        order: 4;
    }    

/* About stripe
---------------------------------------------------------------*/
    #about-us .stripe-content {
        height: 42.71vw; /*828*/
    }

/* Vision stripe
---------------------------------------------------------------*/
    #vision.text-image-stripe .col.col-img {
        width: 54%;
    }
    #vision.text-image-stripe .col.col-text {
        width: 46%;
        padding-left: 4.69vw; /*90*/
    }
    #vision .col-img .col-container {
        height: 51.09vw; /*981*/
        min-height: 625px;
    }

/* Sustainability
---------------------------------------------------------------*/
    #sustainability .stripe-container-inner {
        width: 47%;
    }
    #sustainability .bg-img {
        overflow: hidden;
    }
    #sustainability .hand {
        position: absolute;
        bottom: 0;
        left: 18%;
        height: 110%;
        bottom: -12%;
    }

/* Text Image stripes
---------------------------------------------------------------*/
    .text-image-stripe .col-img {
        width: 49.22%;
    }
    .text-image-stripe .col-text {
        width: 50.78%;
    }
    .text-image-stripe .col-img .col-container {
        height: 40.73vw; /*782*/
        min-height: 500px;
    }

/* History stripe
---------------------------------------------------------------*/
    #history .swiper-slide {
        width: 31.56vw; /*606*/
        min-width: 363px;
        margin-right: 2.6vw; /*50*/
    }
    #history .col-img {
        height: 26.98vw; /*518*/
        min-height: 310px;
        position: relative;
    }
    #history .year {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 10.73vw; /*206*/
        height: 4.53vw; /*87*/
        min-width: 137px;
        min-height: 57px;        
    }
    #history .col-text {
        padding: 1.56vw 1.46vw 0 1.46vw; /*30 28 0 28*/
    }
    #history .col-text h3 {
        padding-bottom: 1.82vw; /*35*/
    }
    #history .notes {
        padding-top: 0.26vw; /*5*/
    }
    #history .slider-buttons > .swiper-button-next {
        right: 7.81vw !important; /*150*/
    }
    body .swiper-button-next,
    body .swiper-button-prev {
        top: 14.7vw;
    }
    #history .swiper-pagination {
        display: none;
    }    


@media screen and (max-width: 1920px) {

}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {
    /* About stripe
    ---------------------------------------------------------------*/
        #about-us .stripe-content {
            height: 44.58vw;
        }

    /* Vision stripe
    ---------------------------------------------------------------*/
        #vision .col-img .col-container {
            height: 50.97vw;
        }

    /* Text Image stripes
    ---------------------------------------------------------------*/
        .text-image-stripe .col-img .col-container {
            height: 42.15vw;
        }
}

@media screen and (max-width: 1280px) {
    /* Intro stripe
    ---------------------------------------------------------------*/    
        #intro-stripe .col-img .col-container {
            width: 51.57vw;
            height: 37.11vw;
            margin-left: 6vw;
        }
        #intro-stripe .with-bg-logo > .bg-logo {
            bottom: -13%;
        }

    /* About stripe
    ---------------------------------------------------------------*/
        #about-us .stripe-content {
            height: 47.19vw;
        }

    /* Vision stripe
    ---------------------------------------------------------------*/
        #vision.text-image-stripe .col.col-text {
            padding-left: 3.69vw;
        }

    /* History stripe
    ---------------------------------------------------------------*/
        body .swiper-button-next, body .swiper-button-prev {
            top: 15.7vw;
        }
}

@media screen and (max-width: 1150px) {
    body .swiper-button-next,
    body .swiper-button-prev {
        top: 170px;
    }
    #history .year {
        min-width: 127px;
        min-height: 52px;
        border-radius: 16px;
    }    
}

@media screen and (max-width: 992px) {
    /* Intro stripe
    ---------------------------------------------------------------*/
        #intro-stripe .with-bg-logo > .bg-logo {
            position: relative;
            bottom: unset;
            bottom: 0;
            width: 100vw !important;
        }
        #intro-stripe .stripe-content {
            display: block;
        }
        #intro-stripe .col-1 {
            text-align: left;
            order: 1;
            padding-bottom: 4.125vw;
        }
        #intro-stripe .stripe-content > * {
            width: 100%;
        }
        #intro-stripe .col-1 {
            text-align: left;
            order: 1;
        }
        #intro-stripe .bg-logo {
            order: 2;
        }
        #intro-stripe .col-3.col-img {
            order: 3;
            margin-top: -22.81vw;
        }
        #intro-stripe .col-2 {
            order: 4;
            text-align: right;
        }

        #intro-stripe .col-img .col-container {
            margin: 0;
            width: 100vw;
            height: 50.31vw;
            left: 50%;
            position: relative;
            transform: translateX(-50%);
        }

    /* About stripe
    ---------------------------------------------------------------*/
        #about-us .stripe-content {
            height: 49.29vw;
        }

    /* Vision stripe
    ---------------------------------------------------------------*/
        #vision.text-image-stripe .col.col-text {
            padding-right: 0;
        }
        #vision .col-img .col-container {
            min-height: 540px;
        }

    /* Sustainability
    ---------------------------------------------------------------*/
        #sustainability .stripe-container-inner {
            padding: 0;
        }

    /* Text Image stripes
    ---------------------------------------------------------------*/
        .text-image-stripe .small-apply-pad-l {
            padding: 0;
        }
        .text-image-stripe .stripe-container {
            padding-left: 0;
            padding-right: 0;
        }

    /* History stripe
    ---------------------------------------------------------------*/

}

@media screen and (max-width: 767px) {
    /* Intro stripe
    ---------------------------------------------------------------*/
        #intro-stripe .col-img .col-container {
            height: 70vw;
        }
        #intro-stripe .col-1 {
            padding-bottom: 30px;
        }
        #intro-stripe .col-2.col-txt {
            padding-top: 20px;
        }
        #intro-stripe .stripe-container-inner {
            padding-bottom: 0;
        }

    /* About stripe
    ---------------------------------------------------------------*/
        #about-us .stripe-container {
            padding-bottom: 95px;
        }    
        #about-us .stripe-title {
            order: 2;
            padding-top: 90px;
            padding-bottom: 0;
        }
        #about-us .stripe-content {
            order: 1;
        }
        #about-us .stripe-container-inner {
            display: flex;
            flex-flow: wrap;
        }
        #about-us .stripe-container-inner > * {
            width: 100%;
        }
        #about-us .stripe-content img {
            width: 100vw;
            transform: translateX(-50%);
            left: 50%;
            position: relative;
            height: 76.74vw; /*330*/
            max-height: 450px;
        }
        #about-us .stripe-content {
            height: auto;
        }

    /* About stripe
    ---------------------------------------------------------------*/
        #vision.text-image-stripe .stripe-container-inner > * {
            width: 100% !important;
        }
        #vision .col-img .col-container {
            min-height: unset;
            height: 93.26vw; /*401*/
            max-height: 547px;
        }
        #vision.text-image-stripe .col.col-text {
            padding: 50px 32px 0 32px;
        }

    /* Sustainability
    ---------------------------------------------------------------*/
        #sustainability {
            display: flex;
            flex-flow: wrap;
        }

        #sustainability .hand {
            position: relative;
            left: 0;
            height: 104.65vw;
            bottom: 0;
            object-fit: cover;
            object-position: 102%;
            position: relative;
            z-index: 1;
        }
        #sustainability .bg-img .bg {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
        }
        #sustainability.with-bg-img > .bg-img {
            position: initial;
            order: 2;
        }
        #sustainability .stripe-container {
            order: 1;
            padding-top: 55px;
        }
        #sustainability .stripe-container-inner {
            width: 100%;
            text-align: center;
        }
        #sustainability .stripe-container-inner .stripe-title {
            padding: 0 30px 20px 30px;
        }        
        #sustainability .stripe-description {
            padding-right: 0;
        }

    /* Text Image stripes
    ---------------------------------------------------------------*/
        .text-image-stripe .stripe-container-inner > * {
            width: 100%;
        }
        .text-image-stripe .col-img .col-container {
            height: 93.02vw;
            max-height: 546px;
            min-height: unset;
        }
        .text-image-stripe .col-text {
            padding: 80px 32px 68px 32px;
            order: 2;
        }
        .text-image-stripe .col-img {
            order: 1;
        }

        .text-image-stripe .stripe-container {
            padding-top: 0;
        }
        .text-image-stripe-1 .stripe-container {
            padding-top: 20px;
        }

    /* History
    ---------------------------------------------------------------*/
        #history .stripe-container.xl-sp {
            padding-top: 25px;
        }
        #history h2#history-title {
            padding-bottom: 40px;
        }
        #history .stripe-container.stf-c {
            padding-left: 0;
            padding-right: 0;
        }
        #history .swiper-slide {
            width: 100vw;
            min-width: unset;
            margin: 0;
        }        
        #history .year {
            min-width: 206px;
            min-height: 87px;
            font-size: 48px;
            border-radius: 20px;
        }
        #history .col-img {
            height: 120.47vw;
            max-height: 707px;
        }

        body .swiper-button-next,
        body .swiper-button-prev {
            top: 670px;
        }
        #history .stripe-container.stf-c .col-text.c-txt {
            padding: 50px 30px 0 30px;
        }
        #history .col-text h3 {
            font-size: 22px;
        }
        #history .stripe-container.stf-c .stripe-container-inner {
            padding-bottom: 0;
        }
        #history .slider-buttons > .swiper-button-next {
            right: 32px !important;
        }
        #history .swiper-pagination {
            display: block;
        }
}

@media screen and (max-width: 587px) {
    body .swiper-button-next,
    body .swiper-button-prev {
        top: calc(120.47vw - 6.05vw);
    }
}