@charset "utf-8";


.sustain-text {padding: 60px 0 80px;}
.sustain-text .list {display: flex;align-items: center;}
.sustain-text .list .pic {width: 46%;overflow: hidden;}
.sustain-text .list .txt {flex: 1;margin-left: 50px;}
.sustain-text .list .txt h3 {color: #000;font-size:clamp(22px, 2.5vw, 48px);font-weight: 700;line-height: 1;text-transform: uppercase;}
.sustain-text .list .txt .t {color: #4A4A4A;font-size: 18px;line-height: 30px;margin-top: 35px;}
.sustain-text .list .txt .t p {line-height: 30px;}

.sustain-envir {padding:clamp(35px, 6.2vw, 120px) 0;background: #F5F5F5;}
.sustain-envir .tit {text-align: center;max-width: 90%;margin: 0 auto;}
.sustain-envir .tit h3 {color: #000;font-size:clamp(22px, 2.5vw, 48px);font-weight: 700;line-height: 1;text-transform: uppercase;}
.sustain-envir .tit p {color: #4A4A4A;font-size: 18px;line-height: 28px;margin-top: 35px;}
.sustain-envir ul {margin: 40px 0 0;display: flex;flex-wrap: wrap;gap: 15px;justify-content: center;align-items: center;}
.sustain-envir .list {margin-top: 40px;display: flex;}
.sustain-envir .list .txt {flex: 1;margin-right: 35px;}
.sustain-envir .list .txt .t {color: rgba(74, 74, 74, 0.64);font-size: 18px;}
.sustain-envir .list .txt .t + .t {margin-top: 45px;}
.sustain-envir .list .txt .t h5 {color: #000;font-size: 36px;font-weight: 700;line-height: 1;margin-bottom: 10px;}
.sustain-envir .list .txt .t p {line-height: 30px;}
.sustain-envir .list .pic {width: 40.7%;overflow: hidden;}
.sustain-envir .list .pic .img + .img {margin-top: 30px;}

.sustain-envir .list2 {margin-top: 40px;}
.sustain-envir .list2 .item{display:flex;align-items:center;gap:40px;}
.sustain-envir .list2 .item:nth-child(2n){flex-direction:row-reverse;}
.sustain-envir .list2 .item+.item{margin-top:15px;}
.sustain-envir .list2 .txt {flex: 1;}
.sustain-envir .list2 .txt h5 {color: #000;font-size:clamp(20px, 1.88vw, 36px);font-weight: 700;line-height: 1;margin-bottom:20px;}
.sustain-envir .list2 .txt p{color: rgba(74, 74, 74, 0.64);font-size: 18px;line-height:1.8;}
.sustain-envir .list2 .pic{width: 40.7%;overflow: hidden;}
.sustain-envir .list2 .pic img{width:100%;}


@media screen and (max-width:1550px) {
.sustain-text {padding: 50px 0 70px;}
.sustain-envir .list2 .txt p{font-size:17px;line-height:1.5;}
.sustain-text .list .txt .t {font-size: 17px;line-height: 28px;margin-top: 30px;}

.sustain-envir .tit p {font-size: 17px;line-height: 26px;margin-top: 30px;}
}

@media screen and (max-width:1367px){
.sustain-text {padding: 40px 0 60px;}
.sustain-envir .list2 .txt p{font-size:16px}
.sustain-text .list .txt .t {font-size: 16px;line-height: 26px;margin-top: 25px;}

.sustain-envir .tit p {font-size: 16px;line-height: 24px;margin-top: 25px;}
}
                                
@media screen and (max-width: 992px) {
.sustain-text {padding: 30px 0;}
.sustain-text .list {display: block;}
.sustain-text .list .pic {width: 100%;}
.sustain-text .list .txt {margin-left: 0;margin-top: 20px;}
.sustain-envir .list2 .item {display: block;text-align: center;}
.sustain-envir ul li img {max-height: 65px;}

.sustain-envir .tit p {font-size: 15px;line-height: 22px;margin-top: 15px;}
.sustain-envir ul {margin: 20px 0 0;gap: 10px;}
.sustain-envir .list2 {margin-top: 30px;}
.sustain-envir .list2 .pic {width: 100%;margin-top: 20px;}
}
                                
@media screen and (max-width: 768px) {
}

@media screen and (max-width: 480px) {
.sustain-envir ul li img {max-height: 50px;}
}

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