.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%; }
}
.csr { width:100%;  margin:30px auto; padding:20px; display: flex; flex-wrap: wrap; list-style: none; }
.csr 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: 1px solid #a9a9a9; } 
.csr li h3 { width:100%; margin-bottom:20px; font-weight: 700; font-size: 1.875rem; line-height: 1.3rem; text-align: center;   word-break: normal; word-wrap: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;   }        
.csr li .csr-content { width:100%; margin:10px 0px; padding:10px;  }     
.csr li .csr-content p { width:100%; margin:10px 0px; padding:10px;  font-size: 1rem; line-height: 1.15rem; font-weight:700;  text-align: center; overflow: hidden; word-break: normal; word-wrap: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;   }        
.csr > li:hover a figure{ opacity: .5;}
.csr > li::after {display: none!important;}
.csr 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;}
.csr > 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;}
.csr li a:hover,  .csr > li a:focus,  .csr > li a:active {color: white;}
.csr > li a:hover:before,  .csr > li a:focus:before,  .csr > 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);}    
.csr li:hover a {  color:#ec9722; text-decoration: none;}   


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