header .menu-all ul li a {
        max-width: 460px;
    }
    
    #esg .icon {
        text-align: center;
    }
    
    #message .box p {
        /* font-size: 1.125rem; */
    }
    
    #orange-box .case .intro p:first-child {
        margin-left: 0;
    }
    
    #message .title {
        margin-bottom: 0.5rem;
    }
    
    #slogan .more p::before {
        height: 57%;
    }
    
    #slogan .more {
        width: 305px;
    }
    
    #slogan .more p {
        width: 250px;
        font-weight: 700;
        text-transform: uppercase;
    }
    
    #members ul.member-list li .member p {
        font-size: 0.75rem;
    }
    
    #members ul.member-list li .member p {
        white-space: pre;
        text-align: center;
        width: auto;
    }
    
    h2 {
        font-size: 1.95rem;
    }
    
    #message .name p {
        font-size: 1.25rem;
    }
    
    #report .left .desc {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    
    #report .bg-color {
        height: calc(100% + 6rem);
    }
    
    @media only screen and (max-width: 1400px) {
        #message .left .box-wrapper {
            left: auto!important;
            max-width: none!important;
            top: 70%;
            width: 53%;
            right: 44%!important;
        }
    }
    
    @media only screen and (max-width: 1299px) {
        #message .left .box-wrapper {
            width: 45%!important;
            right: 51%!important;
        }
    }
    
    @media only screen and (max-width: 1199px) {
        h3 {
            font-size: 1.350rem;
        }
        #public .top p.desc {
            font-size: 1.125rem;
        }
        #message .box-2 {
            padding-bottom: 14rem;
            padding-top: 14rem;
        }
    }
    
    @media only screen and (max-width: 991px) {
        h3 {
            font-size: 1.125rem;
        }
        p {
            font-size: 0.875rem;
        }
        .big-num {
            font-size: 2.5rem;
            margin-bottom: 1.5rem;
        }
        #message {
            padding-bottom: 6rem;
        }
        #message .box p {
            font-size: 1rem;
        }
        #message .left .box-wrapper {
            max-width: 385px;
            left: 21%;
            width: 50%!important;
            right: 42%!important;
        }
        #public #select .sticky-btn .list .box-wrapper .box {
            font-size: 1rem;
        }
        #esg .icon {
            width: 20%;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            text-align: center;
        }
        #message .left .box-wrapper {
            bottom: auto!important;
        }
        #message .box-2 {
            padding-bottom: 5rem!important;
        }
    }
    
    @media only screen and (max-width: 767px) {
        #message .left .box-wrapper {
            left: -14px;
            width: calc(65% - 1rem)!important;
            right: 35%!important;
            top: 102.5%!important;
        }
        #slogan .more p::before {
            height: 63%;
        }
        #message .left .desc::after {
            left: 0;
        }
        #esg .icon {
            width: 33.33%;
        }
        #report .bg-color::before {
            bottom: 96%;
        }
        #message .box-2 {
            padding-top: 12rem!important;
            padding-bottom: 10rem!important;
        }
    }
    
    @media only screen and (max-width: 575px) {
        #message .box-2 {
            padding-top: 0rem!important;
            padding-bottom: 0rem!important;
        }
        #message .left .box-wrapper {
            width: 72vw !important;
            right: 0!important;
        }
    }