.cms-main-content{  overflow: hidden;}
.cms-about h4 { font-size: 1.75rem; display: block;margin:6% auto; font-weight: 700;  }
#cms-main .cms-about p { font-size:0.9375rem; font-weight:400; line-height:1.875rem; width: 100%; display: block; margin-bottom: 2%;}
.cms-about figure img{ width: 100%; max-width: 100%;}
/*about us----*/
.cms-main-wrap{ width: 100%; max-width: 1200px; margin: auto; height: auto;  display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start;}
.cms-main-facility { width: 100%; padding:0px;position: relative; display: flex; flex-wrap: wrap; margin: 5% auto 0 auto; }
.cms-main-facility-item { width: 55%; display: flex; flex-wrap: wrap;  padding:30px 60px; position: relative;   }
.cms-main-txt{width: 100%;  margin:1% 0; position: relative;z-index: 3; }
#cms-main .cms-main-facility  p { width: 100%; padding: 5px; margin: 20px 0px; font-size:0.95rem;font-weight: 400;color: #505761; }
.cms-main-facility-item  .cms-title-3{ position: relative; z-index: 3;}
.cms-main-facility-item  .cms-title-3::after{ content: ""; position: absolute; left: 0;  bottom: 0; width: 40px; height: 3px;background-color:#505761;}
/*.cms-box::after { content: "";  border: 1px solid #e60044;  width: 100%; height: 100%;  min-height: 385px; position: absolute;  z-index: 1; top: -30px; left: -4%; }*/
.cms-box-wrap { padding:30px 20px;}
.cms-box-wrap h3{ margin: 20px auto 40px auto;text-align: center; }
.cms-main-card { width:35%;  margin:0px; padding:0px 0px 0px 20px;  display: flex; flex-wrap: wrap;position: relative; z-index: 1;}
.cms-main-card figure { display: block;  width: 100%; max-width:100%; margin:0 auto;   }
.cms-main-card figure:before{content: ""; display: block; width:100px; height:200px;top:-5%; left:-3%;  position:absolute;z-index:0; background: #e5e5e5; }
.cms-main-card figure:after{content: ""; display: block; width:90px; height:90px;bottom:-20px; left:85%; right: auto; position:absolute;z-index:0; background:#e5e5e5;   } 
.cms-main-card figure img {  width: 100%; max-width: 100%; transition: all 0.3s; position: relative; z-index: 1; }
@media (max-width:1024px) {
.cms-main-facility {  padding:100px 0 0px 0px; margin:0; position: relative; display: flex; flex-wrap: wrap;  }
.cms-main-card figure:after{ width:60px; height:60px;bottom:80px; left:80%; right: auto; position:absolute;z-index:0; background: #e0e0e0; }
.cms-main-facility-item .cms-title-h3 { margin:0 0 2% -10%; }
.cms-main-facility-item .cms-title-h3:before{right: -10%; }
.cms-main-txt{ padding-left: 10%;}
}
@media (max-width: 768px) {
.cms-main-facility-item { width: 100%; padding-top: 30px;}
.cms-main-card { width:100%; padding:0px 0px 0px 0px;}
.cms-main-card figure{ max-width: 80%;}   
.cms-main-card figure:before{content: ""; display: block; width:50px; height:50px;top:-5%; left:3%;  position:absolute;z-index:0; background: #e60044; }
.cms-main-card figure:after{ bottom:-20px;  }
.cms-title-h3 { margin:0 0 2% 0;padding-left:50px;}
.cms-title-h3:before{ left:10%; right: auto; width: 3px; height: 100px; -webkit-transform: skew(0deg); -ms-transform: skew(0deg); transform: skew(0deg); }    
.cms-main-txt{ padding-left: 0px; padding-top: 0px;}  
.cms-box::after {width: 96%;  z-index: 0; top: -30px; left: 4%; }
#cms-main .cms-main-icon-list li h3{ font-size:1.15rem;  }
} 

@media (max-width: 767.98px) {
.cms-main-facility-item {   padding: 30px 10px 20px 30px;}
.cms-main-icon-list li{  width: calc(100%/2 - 30px); }   
}
.brandbox .wrap {  max-width: 1130px; margin: auto;}
.brand3 { padding-top: 110px;}
@media (max-width: 1180px) {
.brand3 { padding-top: 70px; }
}
.brand3 .list { display: -webkit-box; display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin-left: -40px;  margin-right: -40px;  counter-reset: list; }
@media (max-width: 1180px) {
.brand3 .list {  margin:auto; padding: 0px;}
}
.brand3 .list li { width: 50%; padding-left: 40px; padding-right: 40px; list-style: none; margin-bottom: 140px;}
@media (max-width: 1180px) {
.brand3 .list li { padding-left: 20px; padding-right: 20px; margin-bottom: 70px; }
}
@media (max-width: 480px) {
.brand3 .list li { width: 100%; }
}
@media (min-width: 481px) {
.brand3 .list li:nth-child(2n) { padding-top: 120px; }
}
.brand3 .item-txt { text-align: center; padding-left: 55px; padding-right: 55px;  padding-bottom: 25px;}

@media (max-width: 767px) {
.brand3 .item-txt { padding-left: 0; padding-right: 0; }
}
.brand3 .title { position: relative; margin-bottom: 20px; font-size: 18px; letter-spacing: 0.08em;}
.brand3 .title::before { counter-increment: list;  content: counter(list);  position: absolute;  left: 0;  top: 0; z-index: -1; width: 100%; text-align: center; font-family: 'Roboto','Arial', "sans-serif";  color: #ebebeb;  font-size: 130px; font-style: italic; line-height: 0;}
.brand3 .text {  margin-bottom: 8px; font-size: 0.95rem; letter-spacing: 0.02em; color: #505761; line-height: 1.7;}
.brand3 figure img {  display: block; width: 100%;}
.brand3 .item{visibility: visible;  -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1);  -webkit-transition: -webkit-transform 0.8s linear 0s, opacity 0.8s linear 0s; transition: transform 0.8s linear 0s, opacity 0.8s linear 0s; }

.cms-about { margin:0 auto; width: 100%; padding:5vh 5vw; display: flex; flex-wrap: wrap; position: relative;  } 
.cms-about-box {width: 100%;  max-width: 800px; margin:0 auto; padding:15px;  display: flex; flex-wrap: wrap; justify-content: space-between;position: relative;  }
.cms-about-wrap{width: 100%;  margin:0 auto; padding: 20px; display: flex; flex-wrap: wrap; justify-content: center;}

.cms-core-list{width:100%; max-width:900px; margin:0 auto; padding:30px 0px;  display: flex; flex-wrap: wrap; align-content: center; align-items: center; background: rgba(255,255,255,.75);} 
.cms-core-list-title{ width: 40%; padding:0px; margin: 0px; display: flex; flex-wrap: wrap;  }
.cms-core-list-box{ width: 60%; padding:20px; margin:0px; ;   display: flex; flex-wrap: wrap;  border-bottom: dashed 1px #e5e5e5;  }
.cms-core-list h3,.cms-core-list em{ font-size: 1.5rem; font-weight:700; color:#fff; font-style: normal;  }
.cms-core-list ul{ width: 100%;display: block; margin: 10px 0px; padding: 0px; }
.cms-core-list ul li{ width: 100%; display: block; margin: 10px 0px; padding: 0px 0px 0px 15px;  color: #000;  background: url("../images/icon/dot.svg") no-repeat left 7px; background-size: 6px auto;   }
.cms-core-list:last-child{ border-bottom: none; }
.cms-core-cirecle{ width: 200px; height: 200px;  display: flex; flex-wrap: wrap; justify-content: center;align-content: center; align-items: center;  position: relative; background:#333; }
.cms-core-cirecle:before{content: ''; width:40px; height: 3px;  position: absolute; z-index:9; right:-25%;top:45%;  background:#333;    }
.cms-core-end:after{ display: none; content: '';   }

@media (max-width: 767.98px) {
.cms-core-list-title{ width: 100%;  }
.cms-core-list-box{ width: 100%;  }
.cms-core-cirecle{ width: 100%; height: 80px;  background: none; }    
.cms-core-cirecle:before{ display: none; }
.cms-core-end:after{ display: block; content: '';   }
}

/*-------------------*/
/***** bg *****/
/*------------------*/
.cms-bg-1 {   width: 100%; background: url("../images/about/about-02.jpg") no-repeat right bottom #fff; background-size: 100% auto;  }
.cms-bg-light{background:#f6fafd;}
.cms-bg-light:after{ content: 'Awards'; width:100%; position: absolute; z-index:9; left:-3%; top:0;  font-size:180px; font-weight: 700; letter-spacing:-10px;  color: rgba(49,149,175,.1);  }
.cms-about-box .cms-about-box-style{  background: #fff;  box-shadow: 0 55px 30px -30px rgba(125, 125, 125, 0.7);}
.cms-bg-body{ background-image: url("../images/index/dot-line.svg"),url("../images/index/style-1.svg"); background-position: left top, -5% top; background-repeat: repeat-y,repeat-y; background-size:100% auto,25% auto; }
@media (max-width: 1024px) {
.cms-about{padding:1vh 5vw;}
.cms-about-box-left{ width:100%; }     
.cms-about.cms-bg-1 { margin:0px auto; padding:0px 2vw 300px 2vw!important;   }   
.cms-about-box-right{ width: 100%; justify-content: flex-start; }
.cms-bg-1 { padding-bottom: 300px; }
.cms-about-box-right .cms-main-txt{ width: 100%;padding-top:0; padding-left:5%;}
}

@media (max-width: 768px) {
.cms-about.cms-bg-1 { background-size: cover; background-position:center bottom;}   
.cms-core-list{ background: rgba(255,255,255,0);} 
.cms-bg-1 .cms-about-box .cms-about-box-left{ display: none; } 
.cms-about-box .cms-about-box-style{ padding:30px; background-color:transparent;  box-shadow:none;}   
}
@media (max-width: 767.98px){
.cms-about-box .cms-about-box-style { padding:0px; }
.cms-about.cms-bg-1 { margin:0px auto; padding:0px 1vw 182px 1vw!important;  } 
.cms-title-h2 h2{padding-left: 0;}   
}
@media (max-width: 991.98px) {
.cms-about { padding:0px 2vw;  }   
}
.cms-about-wrap .edit{ display: inline-block; margin:2% auto 2% 40%; max-width:100%; padding:2vh 0; text-align: right;}
.cms-about-wrap .edit-half{display: inline-block; width:70%; margin:0 auto; padding: 2rem; }