/* CSS Document */
@import url("core.css?v=1222");
@import url("animate.css");
.ZoomInBanner{-webkit-animation-name: ZoomInBanner;
    animation-name: ZoomInBanner;}
@keyframes ZoomInBanner {
  0% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes ZoomInBanner {
  0% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}
.FadeInUp{-webkit-animation-name: FadeInUp;
    animation-name: FadeInUp;}
@keyframes FadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes FadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
body, html { font-family:'Noto Sans SC', sans-serif, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:0; }
html { font-size:62.5%; }
:root { --content-min-width:1460px;
--hover-color:#d7b25f;
--logo-color:#054499;
--banner-title-color: #dadf05;
}
a { text-decoration:none }
.wrap_flex { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-content: space-between; }
* { transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
#scrollTop { position:fixed; right:2.5rem; bottom:15rem; width:5rem; height:5rem; background: #00a9b4 url(../images/icon_down.png) no-repeat center center; background-size: auto 1rem; box-shadow: 1px 5px 10px rgb(0 0 0 / 0.2); border-radius:5rem; z-index: 90; cursor:pointer; display:none; transform: rotate(180deg); }
#scrollTop:hover{background-color:var(--logo-color)}
/**/
.container {max-width:1460px; margin:0 auto; width:90%; }
header{height:11rem;position: fixed; left: 0; top: 0; width: 100%; z-index: 990; background: #fff; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1); }
header .container { position:relative; height: 100%; }
header a.logo { width: 26.4rem; display: block; position: absolute; left: 0; top: 2.5rem; }
header a.logo img { width: 100%; height: auto; display: block; }
nav {padding-left: 35.2rem;display: flex;height: 100%;padding-top:4rem;padding-right:9.6rem;}
nav ul { display: flex; flex-wrap: wrap; }
nav li { margin-right: 6.5rem; }
nav li a { color: #000; font-size: 2rem; display: block; padding: 1rem 0; }
nav li a:hover { color:var(--logo-color) }
nav li:last-child { margin-right: 0; }
nav li.lang{display:none}
.lanague {position: absolute;right: 0;top: 4rem;}
.lanague span{ font-size: 2rem; background: url(../images/icon_down.jpg) no-repeat center right; background-size: auto 10px; display: block; padding: 1rem 0px; padding-right: 3rem; cursor: pointer; }
.lanague span:hover, .lanague.hover span{color:var(--logo-color);background-image:url(../images/icon_down_green.png);}
.lanague.hover .lanague_select{display:block}
.lanague span:after { }
.lanague_select { position: absolute; left: -2.2rem; top: 100%; width: 13rem; background: #fff; -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 1rem 0; display: none; }
.lanague_select p { text-align:left;padding-left:1rem; }
.lanague_select p a { font-size:18px; display: block; color: #000; padding: 1rem 1.5rem; }
.lanague_select p a:hover{color:var(--logo-color)}
.lanague_select p.on { }
.lanague_select p.on a { color:var(--logo-color) }
/**/
/**/
.nav-but-wrap { display:none;position: absolute; right: 0; top: 31px;}
.menu-icon { height: 30px; width: 30px; position: relative; z-index: 2; cursor: pointer; display: block; }
.menu-icon__line { height:2px; width:16.5px; display: block; background-color:var(--logo-color); margin-bottom: 7px; cursor: pointer; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; float:right; }
.menu-icon__line-left { width:30px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.menu-icon__line-right { width:16.5px; float:right; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.menu-icon:hover .menu-icon__line-left, .menu-icon:hover .menu-icon__line-right, .menu-icon:hover .menu-icon__line { width: 30px; }
.nav-active .menu-icon__line { width:30px; float:none }
/**/
body.nav-active .nav-but-wrap{z-index:9991}
body.nav-active .menu-icon__line { background-color:var(--hover-color); -webkit-transform: translate(0px, 0px) rotate(-45deg); transform: translate(0px, 0px) rotate(-45deg); }
body.nav-active .menu-icon__line-left { width: 15px; -webkit-transform: translate(2px, 4px) rotate(45deg); transform: translate(2px, 4px) rotate(45deg); }
body.nav-active .menu-icon__line-right { width: 15px; float: right; -webkit-transform: translate(-3px, -3.5px) rotate(45deg); transform: translate(-3px, -3.5px) rotate(45deg); }
body.nav-active .menu-icon:hover .menu-icon__line-left, body.nav-active .menu-icon:hover .menu-icon__line-right { width: 15px; }
/**/
main { margin-top: 11rem; }
.banner { height: 59rem; position: relative; overflow:hidden}
.banner img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; bottom: 0; }
.banner .desc { position: absolute; z-index: 9; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; padding: 6.5rem 0; align-content: flex-end; flex-wrap: wrap; }
.banner .desc p {text-align: center;margin-bottom: 9rem;}
.banner .desc p a { color: #fff; display: inline-block; border: 1px solid #fff; font-size: 2.8rem; padding:1rem 1.5rem; }
.banner .desc h2 {font-size: 4.2rem;color: var(--banner-title-color);font-weight: 900;text-align:center;}
/**/
.page-banner { height: 18rem; position: relative; overflow: hidden; }
.page-banner img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; bottom: 0; }
.page-banner p {position: static;left: 0;top: 0;display: flex;justify-content: center;align-items: center;width: 26rem;}
.page-banner .desc .container {display: flex;height: 100%;justify-content: center;align-items: center;position: relative;}
.page-banner .desc {position: absolute;z-index: 9;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);text-align: center;padding: 3.5rem 0;}
.page-banner p span {color: #fff;display: inline-block;border:2px solid #fff;font-size:3.2rem;padding: 2rem;border-radius:2.5rem;padding-bottom: 2.5rem;width: 100%;}
.page-banner h2 {font-size: 4.2rem;color: var(--banner-title-color);font-weight: 900;width: calc(100% - 26rem);}
.page-banner p span:hover{background:#fff;color:var(--logo-color)}
/***/
.section-margin-top-65 { margin-top:6.5rem; }
.h2_title_margin-bottom-30 { margin-bottom: 4rem; }
.h2_title { font-size: 2.6rem; }
.h2_title span {padding-bottom:0.5rem;border-bottom:0.3rem solid #00a9b4;display: inline-block;}
.p-text-20 { font-size: 1.85rem; line-height:1.5; }
.margin-top-50 { margin-top:5rem }
.p-text-25 { font-size:2.5rem }
/**/
.index_inspections { }
.index_inspections ul {grid-template-columns: repeat(4, 1fr);gap:2rem 7.333333333333333rem;display:grid;}
.index_inspections li {  }
.index_inspections li:nth-child(4n) {margin-right:0}
.index_inspections li:nth-child(-n+4) {margin-top: 0;}
.index_inspections .thumb { overflow: hidden; }
.index_inspections .thumb img { display: block; width: 100%; height: auto;opacity:1;transition-timing-function: 
ease-out;}
.index_inspections h3 { background: #e6e7e8; font-size: 2rem; font-weight: normal; padding:2rem; color: #000; }
.index_inspections img:hover {transform: scale(1.05);opacity:0.8;}
.index_inspections li:hover h3{background:var(--logo-color);color:#fff}
/**/
.index_services { }
.index_services li {background: #e6e7e8;border-radius:2.5rem;text-align: center;padding:3rem 0;}
.index_services ul { display:grid;grid-template-columns:repeat(6,1fr);gap:0 2rem; }
.index_services li:nth-child(6n) {
margin-right: 0;
}
.index_services li:hover,.servier_container li .thumb:hover{box-shadow:5px 5px 15px rgb(0 0 0 / 0.05);}
.index_services .icon { padding: 0; padding-bottom:2rem; }
.index_services .icon img { width: auto; height: 9rem; }
.index_services h3 { display: block; font-size: 2rem; color: #000; line-height: 1.3; font-weight: normal; }
/**/
.index_quality_desc { display: flex; flex-wrap: wrap; }
.index_quality { }
.index_quality .thumb { width: 41.0958904109589%; }
.index_quality .thumb img { width: 100%; height: auto; }
.index_quality ul { width: 58.9041095890411%; padding-left: 4.5rem; padding-right: 0; }
.index_quality h3 { font-weight: 400; position: relative; }
.index_quality h3:before {content:"";width: 0.5rem;height: 0.5rem;background: #000;border-radius: 50%;display: block;position: absolute;left: -1.5rem;top: 1.4rem;}
.index_quality li { padding-left: 1.5rem; margin-bottom: 3rem; }
.index_quality li:last-child { margin-bottom: 0; }
/**/
.index_partner { }
.index_partner ul {margin-top: 4rem;grid-template-columns:repeat(3, 1fr);gap: 0 5.5rem;display: grid;}
.index_partner li {position: relative;}
.index_partner li:nth-child(3n) {}
.index_partner .thumb { overflow: hidden; border-radius: 5rem; }
.index_partner .thumb img { width: 100%; height: auto; display: block; }
.index_partner h3 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 3rem; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; line-height: 1.3; background: rgba(0, 0, 0, 0.2); border-radius: 5rem; }
.index_partner h3:hover{background: rgba(0, 0, 0, 0);}
/**/
.index_contact_go { }
.index_contact_go .go_btn { background: #00a9b4; color: #fff; font-size: 3.5rem; font-weight: normal; display: inline-block; border-radius: 100px; text-align: center; padding:2.4rem 2.5rem; padding-bottom: 3rem; max-width: 42rem; width: 100%; }
.index_contact_go .large { }
.index_contact_go .go_btn:hover,.about_contact_go .go_btn:hover,.contact_form_ul .submit input:hover{background:var(--logo-color)}
/**/
footer { background: #231f20; color: #fff; font-size: 2.5rem; text-align: center; padding: 4.5rem 0; }
footer copyright { display: block; }
footer em{margin:0 5px}
/***/
.about_container { line-height:1.3; padding-left:41rem; }
.about_container img { width:100%; height:auto; display: block; }
.about_info { }
.h2_about_title { font-size:3.6rem; font-weight:400; margin-bottom: 0.5em; }
.about_desc, .about_company { position:relative }
.about_desc .thumb { width:34rem; position:absolute; left:-41rem; top: 0.3em; }
.about_company .thumb { width:34rem; position:absolute; left:-41rem; top: 0.3em; }
.about_qc_desc .thumb { width:34rem }
.about_desc p { margin-bottom: 1em; }
.about_desc p:last-child {/* margin-bottom:0; */}
.about_qc_desc p { margin-bottom: 1em; }
.about_qc_desc p:last-child { margin-bottom:0 }
.about_qc_step p { margin-bottom: 1em; }
.about_qc_step p:last-child { margin-bottom:0 }
.about_company p { margin:5px 0 }
.about_qc { margin-top: 4.8em; }
.about_qc_one { position:relative }
.about_qc_one .thumb { width:34rem; position:absolute; left:-41rem; top: 2.9em; }
.about_qc_two {position:relative;margin-top: 1em;}
.about_qc_two .thumb {width:34rem;position:absolute;left:-41rem;bottom: -13.7rem;}
.about_qc_step { position:relative; margin-top: 2.6em; }
.about_qc_step .thumb { width:34rem; position:absolute; left:-41rem; bottom: 0; }
p.dots-p{position:relative;padding-left:12px;}
p.dots-p:before{content:"";width:6px;height:6px;position:absolute;left:0;top: 1.2rem;background:#000;display:block;border-radius:10px}
/***/
.about_contact_go {margin-top: 12.5rem;}
.about_contact_go .go_btn { background: #00a9b4; color: #fff; font-size:2.5rem; font-weight: normal; display: inline-block; border-radius: 100px; text-align: center; padding: 1.8rem 2.5rem; padding-bottom: 2.2rem; max-width: 29.5rem; width: 100%; }
.about_contact_go .large { }
/**/
.servier_container { }
.servier_container li {display:flex;flex-wrap:wrap;width: 100%;border-top: 1px solid #babbbd;padding: 3rem 0;}
.servier_container li .thumb { background: #e6e7e8; border-radius: 2.5rem; text-align: center; padding: 2rem 0; height: 27rem; width: 22.5rem; margin: 0 6rem; }
.servier_container li .icon { padding: 0; padding-bottom: 2rem; }
.servier_container li .icon img { width: auto; height: 9rem; }
.servier_container li h3 { display: block; font-size: 2rem; color: #000; line-height: 1.3; font-weight: normal; }
.servier_container li .p-text-25 { width: calc(100% - 22.5rem - 12rem - 6rem); line-height: 1.3; padding-top: 3rem; }
.servier_container li:last-child{border-bottom: 1px solid #babbbd;}
/***/
.contact_container { max-width:79rem; margin-left:auto; margin-right:auto; line-height:1.3 }
.contact_desc { line-height:1.5 }
.contact_desc p+p { margin-top:1.5em; }
.contact_form { margin-top:2.5em; }
.contact_form_ul { margin-top:2em }
.contact_form_ul li { width:100%; margin-bottom:1.5em }
.contact_form_ul li label { font-size:2.5rem; margin-bottom:0.5em; display:block }
.contact_form_ul .wpcf7-text { padding:1.5rem; border:1px solid #000; width:100%; display:block;font-size:16px;}
.contact_form_ul .wpcf7-textarea { min-height:25em; border: 1px solid #000; padding: 1.5rem; width: 100%;font-size:16px; }
.contact_form_ul .submit { margin-bottom:0; text-align: center; }
.contact_form_ul .submit input { background: #00a9b4; color: #fff; font-size: 20px; font-weight: normal; border-radius: 100px; text-align: center; padding: 1.8rem 2.5rem; padding-bottom: 2.2rem; max-width: 29.5rem; border: 0; display: block; width: 100%; margin: 0 auto;cursor:pointer; }
.contact_form_ul .wpcf7-text:focus,.contact_form_ul .wpcf7-textarea:focus{border-color:#00a9b4;box-shadow:0 10px 15px -3px rgb(4 241 255 / 10%)}
.wpcf7-not-valid-tip{font-size:15px !important;margin-top:6px}
.wpcf7-response-output{font-size:16px;padding: 15px !important;;}
/****/
.about_container{padding-left: 0 !important;display: flex;flex-wrap: wrap;}
.thumb_pics{width: 34rem;display: flex;align-content: space-between;flex-wrap: wrap;}
.about_container_rt{width: calc(100% - 34rem);padding-left: 7rem;}
.about_container_rt .thumb{position: static;display: none;}
.about_container_rt .desc{padding: 0 !important;width: 100% !important;}

@media all and (max-width:1820px) {
    html{font-size: 61.5%;}
}
@media all and (max-width:1720px) {
    html{font-size: 60.5%;}
}
@media all and (max-width:1620px) {
    html{font-size: 59.5%;}
}
@media all and (max-width:1520px) {
    html{font-size: 58.5%;}
    .index_inspections ul{gap:3rem 5rem;}
}
@media all and (max-width:1420px) {
    html{font-size: 55.5%;}
    .index_inspections h3{font-size:1.8rem}
    .index_services h3{font-size:1.8rem}
    .index_services .icon img{height:8rem}
}
@media all and (max-width:1370px) {
    .index_quality li{margin-bottom:0}
    .index_quality li p br{display:none}
    .index_partner h3{border-radius:4rem;font-size: 2.5rem;}
    .index_partner .thumb{border-radius:4rem}
    .index_contact_go .go_btn{font-size:3rem}
  
  .about_container { padding-left:35rem; }
  .about_desc .thumb { width:30rem; left:-35rem; top: 0.3em; }
   .about_company .thumb { width:30rem; left:-35rem; top: 0.3em; }
   .about_qc_one .thumb {width:30rem;left:-35rem;top: 10rem;}
  .about_qc_two .thumb{width:30rem; left:-35rem;}
  .about_qc_step .thumb{width:30rem; left:-35rem;}
  /**/
   .servier_container li .thumb{
    height: 24rem;
}
   .servier_container li h3{font-size:1.8rem}
   .servier_container li .icon img{height:8rem}
}
@media all and (max-width:1320px) {
    html{font-size: 56.5%;}
   .index_inspections ul{gap:25px 25px;}
   .index_partner ul{gap:0 4.5rem}
   .index_services .icon img{height:7rem}
    .p-text-25{font-size: 2.3rem;}
    .h2_about_title{font-size:3rem}
    .servier_container li .icon img{height:7rem}
}
@media all and (max-width:1220px) {
    html{font-size: 54%;}
    header .container,.container{width: auto;margin-left: 35px;margin-right: 35px;}
    /**/
   .index_quality ul{width:55%;padding-left:25px}
  .index_quality .thumb{width:45%}
  
      /**/
  .thumb_pics{width:32rem}
  .about_container_rt{padding-left:5.5rem;width:calc(100% - 32rem)}
}
@media all and (max-width:1170px) {
    .index_inspections h3{font-size:1.6rem}
  /**/
    .p-text-25{font-size: 2rem;}
   .h2_about_title{font-size:2.5rem}
   .about_company{}
  .about_qc_one .thumb{}
  .about_company .thumb{top: 7rem;}
  .about_contact_go {margin-top: 10.5rem;}
     /**/
   .servier_container li .thumb{ margin: 0 30px;}
   .servier_container li .p-text-25{width: calc(100% - 22.5rem - 60px - 6rem);}
}
@media all and (max-width:1120px) {
    html{font-size: 50%;}
    .index_partner ul{gap:0 25px}
}
@media all and (max-width:1020px) {
    html{font-size: 50%;}
  .page-banner p{width: 24rem;}
  .page-banner h2{width:calc(100% - 24rem)}
  .page-banner p span{font-size: 2.8rem;padding: 1.8rem; padding-bottom: 2rem;}
  .about_contact_go {margin-top: 8.5rem;}
}
@media all and (max-width:995px) {
	footer copyright span,footer copyright em{display:block;opacity:0;height:1px}
}
@media all and (max-width:950px) {
    .index_inspections ul{grid-template-columns: repeat(3, 1fr);}
    .index_inspections h3{font-size:2rem}
    /**/
  .index_services ul{grid-template-columns: repeat(3, 1fr);gap:25px}
  .index_quality .thumb{width:100%}
  .index_quality ul{width:100%;padding-left:0;margin-top:2.5rem}
  .index_quality li{margin-bottom:2rem;}
  .index_quality li .p-text-20{font-size:1.8rem}
  /**/
  .index_partner .thumb{border-radius:15px}
  .index_partner h3{border-radius:15px}
  /**/
  .banner{height:50rem}
  .banner .desc p{margin-bottom:5rem}
  .banner .desc p a{font-size:2rem}
  .banner .desc h2{font-size:3.5rem}
  .page-banner h2{font-size:3.5rem}
  /**/
  nav{display:none}
  .lanague{display:none}
  .nav-but-wrap{display:block}
  nav li.lang{display: grid;flex-wrap:wrap;padding: 2rem 5rem;grid-template-columns: repeat(2,1fr);gap: 0 25px;}
  nav li.lang p{
}
  nav li.lang p a{
    padding: 0.5rem 0;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.5);
    font-size: 2rem;
}
  /**/
  nav{z-index:9990;position:fixed;right:0;top:0;margin:0;padding: 0;height:100%;width: 100%;background: rgba(0,0,0,0.5);-webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;-webkit-transform: translateX(100%) translateY(0%);transform: translateX(100%) translateY(0%);filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;-khtml-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;display: flex;width: 100%;justify-content: right;}
  nav ul{ background: #fff; max-width: 300px;height: 100%; padding-top: 7.5rem; display: block;width: 100%;}
  nav li{ margin: 0;}
  nav li a{ font-size: 2.5rem; padding: 2rem 5rem;}
  body.nav-active nav {-webkit-transform: translateX(0%) translateY(0%);transform: translateX(0%) translateY(0%);filter: alpha(opacity=100);-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;-ms-opacity: 1;-o-opacity: 1;opacity: 1;}
   /**/
   .servier_container li .thumb{margin: 0 30px;width: 180px;}
   .servier_container li .p-text-25{width: calc(100% - 180px - 60px - 30px);padding-top: 20px;}
          /**/
  .thumb_pics{width: 30rem;}
  .about_container_rt{padding-left: 5rem;width: calc(100% - 30rem);}
}
@media all and (max-width:900px) {
  .about_container { padding-left:0; }
  .about_desc{position: relative;display: flex;flex-wrap: wrap;}
  .about_desc .desc{width: calc(100% - 30rem);padding-left: 5rem;order: 2;}
  .about_desc .thumb {width:30rem;position: static;}
  .about_company{position: relative;display: flex;flex-wrap: wrap;margin-top: 2rem;}
  .about_company .desc{width: calc(100% - 30rem);padding-left: 5rem;order: 2;}
  .about_company p{margin-top:0;margin-bottom:0.5rem}
  .about_qc{margin-top:3.5rem}
   .about_company .thumb {width:30rem;left: 0;top: 0;position:static;}
   .about_qc_one{display: flex;flex-wrap: wrap;}
    .about_qc_one .desc{width: calc(100% - 30rem);padding-left: 5rem;order: 2;}
   .about_qc_one .thumb {width:30rem;left:-35rem;position:static;}
   .about_qc_two{display: flex;flex-wrap: wrap;margin-top: 3.5rem;}
   .about_qc_two .desc{width: calc(100% - 30rem);order: 2;padding-left: 5rem;}
  .about_qc_two .thumb{width:30rem;left:-35rem;position:static;}
  .about_qc_step{display: flex;flex-wrap: wrap;margin-top: 3.5rem;}
   .about_qc_step .desc{ width: calc(100% - 30rem);}
  .about_qc_step .thumb{width:30rem; left:-35rem;position:static}
  .about_qc_three{display: flex;flex-wrap: wrap;}
     .about_qc_three .desc{width: calc(100% - 30rem);padding-left: 5rem;order: 2;}
  .about_qc_three .thumb{width:30rem;left:-35rem;position:static;}
    .about_contact_go {margin-top:8.5rem;}
    .about_contact_go .go_btn{font-size:2rem}
}
@media all and (max-width:820px) {
   .index_inspections ul{grid-template-columns: repeat(2, 1fr);gap:20px}
   .index_services ul{grid-template-columns: repeat(3, 1fr);gap:20px}
   .index_partner h3{font-size:2.2rem}
    .index_partner ul{gap:20px}
    /**/
  .banner{height:40rem}
  .banner .desc p{margin-bottom:4rem}
  .banner .desc p a{font-size:1.8rem}
  .banner .desc h2{font-size:3rem}
  .banner .desc{align-content:center}
  .page-banner h2{font-size:3rem}
  .page-banner p{width: 20rem;}
  .page-banner h2{width:calc(100% - 20rem)}
  .page-banner p span{font-size: 2.2rem;padding: 1.8rem;padding-bottom: 2rem;border-radius:15px}
     /**/
   .servier_container li .thumb{margin: 0 20px;width: 150px;height: 185px;}
   .servier_container li .p-text-25{width: calc(100% - 150px - 40px - 20px);padding-top:15px;}
            /**/
  .thumb_pics{width:25rem;}
  .about_container_rt{padding-left: 5rem;width: calc(100% - 25rem);}
}

@media all and (max-width:700px) {
  .index_partner ul{grid-template-columns: auto;}
  .index_partner h3{font-size:3rem}
  .index_contact_go .go_btn{font-size: 2rem;padding: 2rem;max-width: 300px;}
      /**/
  .banner{height:35rem}
  .banner .desc p{margin-bottom:3rem;}
  .banner .desc p a{font-size:1.5rem}
  .banner .desc h2{font-size:2.5em}
  .page-banner h2{font-size:2.5rem}
  /**/
  #scrollTop{bottom: 35px;right: 0;}
  /**/
  .about_desc .desc{width:calc(100% - 180px);padding-left:25px;}
  .about_desc .thumb {width:180px;}
  .about_company .desc{width: calc(100% - 180px);padding-left: 25px;;}
   .about_company .thumb {width:180px;}
    .about_qc_one .desc{width: calc(100% - 180px);padding-left: 25px;}
   .about_qc_one .thumb {width:180px;}
   .about_qc_two .desc{width: calc(100% - 180px);padding-left: 25px;}
  .about_qc_two .thumb{width:180px;}
   .about_qc_step .desc{ width: calc(100% - 180px);padding-left: 25px;}
  .about_qc_step .thumb{width:180px;}
  .about_qc_three .desc{width: calc(100% - 180px);padding-left: 25px;}
  .about_qc_three .thumb{width:180px;}
    /**/
   .servier_container li .thumb{margin:0 0px;width: 150px;height: 185px;}
   .servier_container li .p-text-25{width: calc(100% - 150px);padding-top:10px;padding-left:25px}
}

@media all and (max-width:600px) {
  .index_inspections h3{font-size:1.5rem;padding: 1.5rem 1rem;}
  header .container,.container{width:auto;margin-left:25px;margin-right:25px;}
  .index_services ul{grid-template-columns: repeat(2, 1fr);gap:20px}
  .index_partner h3{font-size:2.5rem}
  /**/
  header a.logo{width: 180px;}
  header{height:80px}
  main{margin-top:80px}
  .h2_title span{padding-bottom:10px}
  /***/
.section-margin-top-65 { margin-top:5.5rem; }
.h2_title_margin-bottom-30 { margin-bottom: 3.5rem; }
.h2_title {font-size: 2rem;}
.h2_title span {padding-bottom:0.5rem;border-bottom:0.3rem solid #00a9b4;display: inline-block;}
.p-text-20 { font-size:1.8rem; line-height:1.5; }
.margin-top-50 { margin-top:4rem }
.p-text-25 {font-size: 2rem;}
footer{font-size:2rem;padding:2rem 0;text-align:center}
  .page-banner .desc{
    padding: 3rem 0;
}
  .page-banner{}
  .page-banner .desc .container{display:block}
  .page-banner p{margin:0 auto;width: 120px;margin-bottom: 10px;}
  .page-banner p span{padding: 8px 0;border-radius: 5px;font-size: 15px;}
  .page-banner h2{width:100%}
    /**/
  .about_desc .desc{width:100%;padding-left: 0;order:1}
  .about_desc .thumb {width:100%;order:2;margin-top:15px}
  .about_company .desc{width:100%;padding-left: 0;order:1}
   .about_company .thumb {width:100%;order:2;margin-top:15px}
    .about_qc_one .desc{width:100%;padding-left: 0;order:1}
   .about_qc_one .thumb {width:100%;order:2;;margin-top:15px}
   .about_qc_two .desc{width:100%;padding-left: 0;order:1}
  .about_qc_two .thumb{width:100%;order:2;margin-top:15px}
   .about_qc_step .desc{ width:100%;padding-left: 0;order:1}
  .about_qc_step .thumb{width:100%;order:2;margin-top:15px}
  .about_qc_three .desc{width:100%;padding-left: 0;order:1}
  .about_qc_three .thumb{width:100%;order:2;margin-top:15px}
      /**/
   .servier_container li .thumb{margin:0 0px;width: 130px;height: 180px;}
   .servier_container li .p-text-25{width: calc(100% - 130px);padding-top:10px;padding-left:25px}
   .contact_form_ul li label{font-size:2rem}
              /**/
  .thumb_pics{width:100%;display:none}
  .about_container_rt{padding-left: 0;width:100%;}
  .about_container_rt .thumb{display:block}
}

@media all and (max-width:500px) {
  .banner{height:30rem}
  .banner .desc p{margin-bottom:3rem;}
  .banner .desc p a{font-size:1.5rem}
  .banner .desc h2{font-size:2.5em}
  .page-banner h2{font-size: 2.4rem;line-height: 1.3;}
  .index_inspections ul {grid-template-columns: repeat(2, 1fr);gap:15px;}
  .index_inspections h3{display: flex;align-items: center;height: 45px;padding: 0 10px;line-height: 1.2;}
        /**/
   .servier_container li .thumb{margin:0 auto;width:170px;height:auto}
   .servier_container li .p-text-25{width:100%;padding-top:25px;padding-left:0;font-size:1.8rem}
   .contact_form_ul li label{font-size:1.8rem}
}
@media all and (max-width:420px) {
  .index_inspections h3{font-size:1.8rem}
  .p-text-25{font-size:1.9rem}
  .servier_container li .p-text-25{font-size:1.9rem}
}