*{box-sizing:border-box;}
html,body{min-width:320px;}
body{color: #454545;}
.w-100{width:100%;}
.img-fluid{max-width: 100%;}
.text-center{text-align:center;}
hr{border-color:#DBDBDB;margin-bottom:35px;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,.container-xxxl,.container-01 {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto
}
.scrollfadeUP {
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    opacity: 0;

}
.inViewUP {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.scrollfadeLeft {
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    opacity: 0;

}
.inViewLeft {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
.scrollfadeRight {
    -webkit-transform: translateX(150px);
    transform: translateX(150px);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    opacity: 0;

}
.inViewRight {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
p{font-size: 18px;line-height: 155.556%; letter-spacing: 2.7px;}
a.pst_blue,a.pst_blue:hover,a.pst_blue:visited,a.pst_blue:focus{color:#3786F0;}
h2{font-size:36px;font-weight: 600;letter-spacing: 7.2px;}
.title_green{color:#16A91C;}
h2 .title_st01{font-size:28px;}
h2 .title_st02{font-size:44px;}
.hlink_LCBA{font-size:24px;font-weight:bold;letter-spacing: 2.4px;text-decoration-line: underline;color: #3786F0;}
.hlink_LCBA svg{width:24px;height:24px;margin-left:8px;}
main{overflow:hidden;}
#section_01{margin-bottom:100px;}
#section_01 > div{width: 100%;max-width: 826px;padding: 0 16px;margin: 0 auto;}
#section_01 h2{text-align: center;font-size: 36px;font-weight: 600;letter-spacing: 7.2px;}
#section_01 p{font-size: 18px;line-height: 28px;letter-spacing: 4.5px;}
#section_01 > div{display:block;}
#section_02 .d-flex >div,#section_03 .d-flex >div,#section_04 .d-flex >div{width: 50%; flex: 0 0 auto;position: relative;}
#section_02 .d-flex >div:nth-child(1) img{position: absolute;right:0;bottom:0;}
#section_03 .d-flex >div:nth-child(2) img{position: absolute;left:0;bottom:0;}
#section_03 .d-flex >div:nth-child(1){padding-bottom:35px;position:relative;}
#section_02 .d-flex >div:nth-child(2) {padding-top:100px;padding-bottom:80px;}
#section_02 .d-flex >div:nth-child(2) > div:nth-child(2){position:absolute;top:-22px;right:5%;}
#section_02 h2{display:inline-block;position:relative;padding-top:145px;background-image:url("../../images/CH/enviroment_icon_logo_LCBA.svg");background-repeat:no-repeat;background-size:auto;background-position:top center;}
#section_02{background: linear-gradient(180deg, #F9F9F9 0%, rgba(237, 241, 246, 0.00) 94.44%);}
#section_03{background:linear-gradient(180deg, rgba(134, 188, 37, 0.18) 40.28%, rgba(255, 255, 255, 0.00) 100%);margin-top:30px;}
#section_03 .d-flex{padding-top:85px;}
#section_03  h2{display:inline-block;position:relative;padding-top:115px;background-image:url("../../images/CH/enviroment_icon_logo_tgpf.svg");background-repeat:no-repeat;background-size:auto;background-position:top center;margin-left:210px;}
#section_03 .d-flex >div:nth-child(1)::before{content:"";position:absolute;left:0;top:-108px;width:182px;height:306px;background-image:url("../../images/CH/enviroment_icon_number_02.svg");background-size:contain;background-repeat:no-repeat;background-position:center;}
#section_04{padding:100px 0 60px;}
#section_04 h2{position:relative;margin-top:0;}
#section_04 h2::before{content:"";display:block;width:170px;height:161px;background-image:url("../../images/CH/enviroment_icon_co2.svg");background-repeat:no-repeat;background-size:contain;background-position:center;position:absolute;right:-45px;top:-75px;}
#section_04 .d-flex >div:nth-child(1){padding-right:32px;}
#section_04 .swiper-pagination-bullet-active {background:#16A91C;}
#slider_01{padding-bottom:25px;}
#section_05{background-color:#F9F9F9;padding: 50px 0 100px;}
.container-01{max-width: 992px}
#section_05 .d-flex{max-width:935px;margin:0 auto;}
#section_05 .d-flex >div:nth-child(1){width:30%;flex: 0 0 auto;padding-right:16px;line-height:0;}
#section_05 .d-flex >div:nth-child(2){width:70%;flex: 0 0 auto;padding-left:16px;}
#section_05 p{font-size: 16px;margin-top:0;}
.img-box{position:relative;}
.img-box > span{display:block;position:absolute;width:100%;background-color: rgba(255, 255, 255, 0.80);font-size: 22px;font-weight: bold;letter-spacing: 5.6px;bottom:0;left:0;text-align:center;padding:8px 0;line-height:30px;}
.d-block {
  display: block !important
}
.d-grid {
  display: grid !important
}
.d-table {
  display: table !important
}
.d-table-row {
  display: table-row !important
}
.d-table-cell {
  display: table-cell !important
}
.d-flex {
  display: flex !important
}
.d-inline-flex {
  display: inline-flex !important
}
.d-none {
  display: none !important
}
.flex-wrap{flex-wrap: wrap;}
@media (min-width:576px) {
  .container, .container-sm {
    max-width: 540px
  }
}
@media (min-width:768px) {
  .container, .container-md, .container-sm {
    max-width: 720px
  }
}
@media (min-width:992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px
  }
}
@media (min-width:1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px
  }
}
@media (min-width:1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px
  }
}
@media (min-width:2000px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-xxxl {
    max-width: 1900px
  }
}

@media (max-width:1600px) {
  #section_02 .d-flex >div:nth-child(1) img {max-width: 820px;}
  #section_03 .d-flex >div:nth-child(2) img { max-width: 870px;}
}
@media (max-width:1400px) {
  p{font-size: 16px;line-height: 155.556%; letter-spacing: 2.7px;}
  h2 {font-size: 32px;}
  h2 .title_st01 { font-size: 22px;}
  #section_02 .d-flex >div:nth-child(1) img {max-width: 770px;}
  #section_03 .d-flex >div:nth-child(2) img { max-width: 750px;}
}
@media (max-width:1200px) {
    #section_02 .d-flex >div:nth-child(2) {padding-top: 0px;}
    #section_02 .d-flex >div:nth-child(2) > div:nth-child(2) {top: -16px;}
  #section_02 .d-flex >div:nth-child(2) > div:nth-child(2) img{width:100%;max-width:120px;}
  #section_03 .d-flex >div:nth-child(1)::before {top: -34px; width: 120px;height: 208px;}
  #section_02 .d-flex >div:nth-child(1) img {max-width: 625px;}
  #section_03 h2 {margin-left: 145px;}
  #section_03 .d-flex {padding-top: 15px;}
  #section_03 .d-flex >div:nth-child(2) img {max-width: 720px;}
  #section_04 h2::before {width: 123px;height: 117px;right: 21px;top: -75px;}
}
@media (max-width:991px) {
   #section_02 .d-flex >div, #section_03 .d-flex >div, #section_04 .d-flex >div {width: 100%;}
   #section_02 .d-flex >div:nth-child(1) img,#section_03 .d-flex >div:nth-child(2) img{position:relative;right:auto;bottom:auto;left:auto;}
   #section_02 .d-flex >div:nth-child(1){order:2;}
   #section_02 .d-flex >div:nth-child(1) img,#section_03 .d-flex >div:nth-child(2) img {max-width: 100%;}
   #section_02 .d-flex >div:nth-child(2) {padding-bottom: 0px;}
   #section_03 .d-flex >div:nth-child(1) {padding-bottom: 15px;}
   #section_04 .d-flex >div:nth-child(1){padding-right:0;order:2;margin-top:25px;}
   #section_04 h2::before { top: -30px;}
}
@media (max-width:767px) {
    #section_04 h2::before {top: -85px;}
    #section_05{padding:35px 0 50px;}
    #section_05 .d-flex{max-width:540px;}
    #section_05 .d-flex >div:nth-child(2),#section_05 .d-flex >div:nth-child(1) { width: 100%; padding-left: 0;padding-right:0;}
    #section_05 .d-flex >div:nth-child(2){margin-top:35px;}
}
@media (max-width:575px) {
    #section_05 .d-flex {max-width: 90%;}
}
@media (max-width:500px) {
    #section_01 p { font-size: 16px;}
    h2,#section_01 h2 {font-size: 26px;}
    h2 .title_st01 {font-size: 18px;}
    h2 .title_st02 {font-size: 30px;}
   }
@media (max-width:450px) {
  p,#section_05 p,#section_01 p{font-size: 14px;}
  #section_01 p{line-height:22px;}
  h2 {font-size: 20px;letter-spacing: 4px;}
  #section_02 h2 {background-size: 110px auto;padding-top: 115px;}
  #section_03 h2{background-size: 140px auto;padding-top: 105px;}
  .hlink_LCBA {font-size: 20px;}
}
@media (max-width:375px) {
  #section_02 h2,#section_03 h2 {font-size: 14px;letter-spacing: 3px;}
  #section_02 h2 {background-size: 90px auto;padding-top: 95px;}
  #section_02 p{padding-right:130px;margin-top:0;font-size:12px;}
  #section_03 h2 {background-size: 120px auto;padding-top: 85px;}
  #section_03 p{padding-left:130px;margin-top:0;font-size:12px;}
  #section_04 h2::before {width: 100px;height: 95px;}
  .img-box > span {font-size: 18px;}
}