@charset "utf-8";
/* CSS Document */
.edit_area {line-height: 1.6666667; letter-spacing: 0.45px; width: 100%;}

.seo-content {line-height: 1.6666667; letter-spacing: 0.45px; width: 100%; padding: 0 0 33px 0; margin: 0 0 0 -0.5px;}
.inner_banner_wrap{ position: relative; z-index: 1; }
.inner_banner_wrap .inner-ban-pic{ line-height: 0; font-size: 0;  position: relative;  z-index: 1; }
.inner_banner_wrap .inner-ban-tit{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; font-weight: 700; padding: 20px 100px;  }
.inner_banner_wrap .inner-ban-tit h1{ font-weight: 700; }
.inner_banner_wrap .inner-ban-tit .inner-ban-en{ border-bottom: 1px solid #ff1717; }

.path{ position: relative; display: flex; flex-flow: wrap; width: 100%; list-style-type: none; margin: 0;  padding: 5px 0;}
.path li{ list-style-type: none; margin: 0; padding: 0; font-weight: 400;font-size: 15px;  color: #000;  letter-spacing: 4px;  transition: all 0.25s ease 0s;}
.path li::after { content: ">";  display: inline-block;  margin: 0 10px;  transition: all 0.25s ease 0s; }
.path li:last-child::after { display: none;}
.path li a:link, .path li a:visited {  text-decoration: none;  color: #000;  transition: all 0.25s ease 0s;}

.path li.current a {  color: #e90016;  }
.path li a:hover {  color: #e90016;  }

/*ABOUT*/
.ab_ATop{ display: flex; flex-wrap: wrap; padding-top: 5%; padding-bottom: 50px; }
.ab_ATop .ab-logo{ width: 30%; padding-right: 5%; }
.ab_ATop .ab-txt{ width: 70%; }
.ab_ATop .ab-txt > div{ margin-bottom: 16px; line-height: 30px; }
.ab_ABom{ margin: 0 -10px; display: flex; flex-wrap: wrap; }
.ab_ABom > div{ width: calc(50% - 20px); margin: 0 10px; }

.ab_B { margin: 5% 0 0; padding: 5% 0 0; background: #f3f8fa; position: relative; }
.ab_B::before { content: ""; display: block; width: 699px; height: 694px; background: url("../images/ab-bg.png");transform: scale(-1); position: absolute;top: 0;left: 0; filter: brightness(2);}
.ab_B::after { content: ""; display: block; width: 699px; height: 694px; background: url("../images/ab-bg.png");position: absolute; bottom: 0;right: 0;}

.ab_B .ab-services-list { display: flex; flex-wrap: wrap; justify-content: center; padding: 5.302% 0;}
.ab_B .ab-services-list .ab-services-con { width: calc(100% / 3);padding: 0 15px; margin-bottom: 50px;}
.ab_B .ab-services-list .ab-services-con > div{  margin-bottom: 16px; line-height: 1.2;}

/*SERVICE*/
.ser-top{padding: 30px 0;}
.ser-tit h2,.ser-tit .ser-tit-en{ font-weight: 700; }
.ser-txt p{ font-size: 18px; font-weight: 400; }

.ser-top .service-item { display: flex; flex-wrap: wrap; align-items: center; padding: 5.305% 0;}
.ser-top-con { width: 50%; padding-left: 30px; }
.ser-top-con .ser-tit{ position: relative; display: flex; flex-wrap: wrap; padding: 10px 0 0 0px; margin-bottom: 30px; align-items: flex-end;}
.ser-top-con .ser-tit .ser-tit-en{ padding: 0 10px 0 40px; position: relative; }
.ser-top-con .ser-tit .ser-tit-en::before { content: ""; width: 75px; height: 2px; transform: rotate(-60deg); background-color: #30b0c7; position: absolute; left: -12px; top: 10px; }
.ser-top-con .ser-tit .number-bg{ position: absolute; left: -30px; bottom: 0; z-index: -1; font-family: "Barlow", sans-serif; font-size: 150px; font-weight: 700; color: #f0f7f9; line-height: 1; }
.ser-top-con .ser-txt div{ border-left: 5px solid #30b0c7; padding-left: 16px; margin-top: 16px;}
.ser-top-pic { width: 50%; padding: 0 5%; }
.ser-top-pic img{ clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);  }

.ser-bom{ display: flex; flex-wrap: wrap; padding-bottom: 8%; }
.ser-bom .service-item { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; width: calc(50% - 40px);background: #f2f2f2; margin: 0 20px 30px; }
.ser-bom-con{ padding: 30px 30px 0 30px; }
.ser-bom-con .ser-tit{ position: relative; border-bottom: 1px solid #e90016; padding-bottom: 20px; position: relative;z-index: 1; }
.ser-bom-con .ser-tit .number-bg{ position: absolute; right: 0; top: -20px; z-index: -1; color: #FFF; font-size: 112px; font-weight: 700; font-family: "Barlow", sans-serif;line-height: 1;}
.ser-bom-con .ser-tit .ser-tit-en{ color: #666; }


@media only screen and (max-width:1200px){
    .ab_B::after { opacity: .25;}
    .ser-L .ser-top-pic { padding: 0 0 0 20px; }
    .ser-R .ser-top-pic { padding: 0 20px 0 0; }
}
@media only screen and (max-width:992px){ 
    .ser-top-con { width: 100%; padding: 0 0 0 30px; }
    .ser-top-pic { width: 100%;  }
    .ser-top-pic img{ clip-path: none;  }
     
    .ser-L .ser-top-pic { padding: 0 0 0 30px; }
    .ser-R .ser-top-pic { padding: 0 0 0 30px; order: 2;}
    .ser-R .ser-top-con { order: 1; }
    
    .ser-bom .service-item { width: 100%; margin: 0 0px 30px; }
    .ser-bom-con{ padding: 20px 20px 0 20px; }

}
@media only screen and (max-width:768px){
    .ab_ATop { padding-bottom: 20px; }
    .ab_ATop .ab-logo{ width: 100%; padding: 0 5%; margin-bottom: 50px; }
    .ab_ATop .ab-txt{ width: 100%; }
    .ab_ABom > div{ width: 100%;  margin: 0 0 20px; }
    .ab_B .ab-services-list .ab-services-con { width: calc(100% / 2);  margin-bottom: 20px;}
    
    .ser-L .ser-top-pic,.ser-R .ser-top-pic,.ser-top-con { padding: 0; }
    .ser-top-con .ser-tit .number-bg{ right: 0; left: auto;}
    .ser-top-con .ser-tit { display: block;}
    .ser-top-con .ser-tit .ser-tit-en{ padding: 10px 0 10px 0px; }
    .ser-top-con .ser-tit .ser-tit-en::before { transform: rotate(0deg);  left: 0px; top: 0px; }
}
@media only screen and (max-width:576px){
    .ab_B .ab-services-list .ab-services-con { width: 100%;  margin-bottom: 20px;}
    .ser-bom-con .ser-tit .number-bg{ font-size: 80px;}
}
@media only screen and (max-width:430px){
    .ser-top-con .ser-tit .number-bg{ font-size: 100px; bottom: auto; top: 0; }
    .ser-bom-con .ser-tit .number-bg{ font-size: 50px;}
}
@media only screen and (max-width:350px){
    
}