.cms-block p,.cms-block-txt p  { width: 100%; font-size:1.125rem;  line-height:1.5rem; font-weight: 400;  padding:5px; margin-bottom: 20px;  color:#404040; }
.cms-block p strong{  display: block;  width: 100%; font-size: 1.313rem; line-height: 2rem; letter-spacing: 1.2px; font-weight:400;  padding:5px; margin-bottom: 10px; color: #404040; }

 #cms-main .cms-block-txt p strong{  display: block;  width: 100%; font-size: 1.5rem; line-height: 2rem; letter-spacing: 1.2px; font-weight:700;  padding:5px; margin-bottom: 10px; color: #eb9924;  }



 .cms-main-wrap{ width: 100%; padding-right: 10px; padding-left: 10px; max-width: calc((100% - 40px)/12*12 + 40px); margin: auto; height: auto;  display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; background-color: transparent;}
 @media (min-width:1200px) {
.cms-main-wrap{  padding-right:0px; padding-left: 0px;max-width: 100%; }
}

/*.esg { width:100%;  margin:50px auto; padding:0px; display: flex; flex-wrap: wrap; list-style: none; }
.esg li {width:calc(100%/3 - 20px ); margin:10px; padding: 20px; display: flex; flex-wrap: wrap; justify-content: center; text-align: center;transition: all 0s ease 0s;   border-style: solid; border-width:2px;  border-image: linear-gradient(-115deg, #ffb90d, #006fbc) 1;} 
.esg li h3 { width:100%; height: 60px;  margin-bottom:20px; font-weight: 700; font-size: 1.875rem; line-height: 1.3rem; text-align: center; word-break: keep-all;word-wrap: break-word;text-overflow: ellipsis; display:block; -webkit-line-clamp: 3; overflow: hidden;   }        
.esg li .esg-content { width:100%; margin:10px 0px; padding:10px;  }     
.esg li .esg-content p { width:100%; margin:10px 0px; padding:10px;  font-size: 1rem; line-height: 1.15rem; font-weight:700; color: #999;  text-align: center; overflow: hidden; word-break: normal; word-wrap: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;   }        
.esg > li:hover a figure{ opacity: .5;}
.esg > li::after {display: none!important;}
.esg li a { display: inline-block; vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative;  -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.esg > li a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0;background:#ec9722; -webkit-transform: scaleX(0);  transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.esg li a:hover,  .esg > li a:focus,  .esg > li a:active {color: white;}
.esg > li a:hover:before,  .esg > li a:focus:before,  .esg > li a:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}    
.esg li:hover a {  color:#ec9722; text-decoration: none;}
 @media (max-width:914px) {
.esg li {width:calc(100%/2 - 20px); margin:10px; padding: 20px; } 
}
 @media (max-width:767.98px) {
.esg li {width:calc(100%  - 20px); margin:10px; padding: 20px; } 
}
*/

.cms-cate { width:100%;  margin:50px auto; padding:50px 0px; display: flex; flex-wrap: wrap; list-style: none; }
.cms-cate li {width:calc(100%/3 - 30px ); margin:30px 15px; transition: all 0s ease 0s; } 
.cms-cate li a{width: 100%; padding: 0px; display: flex; flex-wrap: wrap; align-items: center; color: #000; text-align: left;}
.cms-cate li a figure { width:100%; height: 100%; display:flex;  margin: 0px;padding: 0px;position: relative; z-index: 0; }
.cms-cate li a figure img{ width:100%; max-width: 100%; height: auto; }

.cms-cate li h3 { width:100%; height:52px; margin: 0px 0px 10px 0px; padding:10px; font-size:1.188rem; line-height: 1.25rem; font-weight:600;  text-align: left; color:#ec9722; 
    overflow: hidden; text-overflow: ellipsis;word-break: keep-all; word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow-wrap: break-word;  position: relative; }        
.cms-cate li h3::before{  content: ""; position: absolute; left:0px; top:12px; width:5px; height: 30%; background-color:#ec9722; }
.cms-cate > li a:hover figure{ opacity: .5;}

.cms-cate > li::after {display: none!important;}
.cms-cate li a { display: inline-block; vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative;  -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.cms-cate > li a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0;background:#ec9722; -webkit-transform: scaleX(0);  transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.cms-cate li a:hover, .cms-cate > li a:focus, .cms-cate > li a:active {color: white;}
.cms-cate > li a:hover:before, .cms-cate > li a:focus:before, .cms-cate > li a:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}    
.cms-cate li a:hover {  color:#ec9722; text-decoration: none;}

.cms-cate-inner{padding: 10px 0px;}
.cms-cate-inner p{padding:2px 0px; font-weight: 700; line-height: 1.35rem; }
.cms-cate  li p a:before{ display: none;}

@media (max-width:767.98px) {
.cms-cate {   margin:20px auto; padding:0px;  }    
.cms-cate li {width:calc(100%/2 - 20px ); margin:30px 10px;   } 

}