@charset "UTF-8";
:root {
  --theme-color: #004A91;--foot-bgcolor: #004A91;--service-size:16px;--service-color:#313131;
  --text-color: #313131;
  --border-color: #aaaaaa;
  --ribbon-color: #4D4D4D;
  --gray-button: #666666;
  --orange-element: #1a73e8;
  --gray-background: #e9e9e9;
  --ani-ease-in-out: all 0.25s ease-in-out;
  --wrap-width: 1200px;
  --border-radius: 3px; 
  --btn-size: 16px;
  --btn-color: #313131;
  --homesecbgcolor:#fff;
  --homesec-size:16px;--homesec-size:16px;
  --homeusbgcolor:#fff;--foot-color:#fff;--side-bgcolor:#053487;--side-color:#fff;--side-size:16px;--pageh1-size:2.2rem;--pageh1-color:#fff;
--servicetitlebgcolor:#004a91;--servicetitlebgrepeat: no-repeat;--servicetitlebgposition:8% bottom;--servicetitlebgfile: url("../../img/banner-back.png");--servicetitlebgsize: auto;
--headbgcolor:#fff;
  }

[data-theme="green"] {
  --theme-color: #255c0b; }

[data-theme="red"] {
  --theme-color: #711a04; }

html {  font-size: 16px;
  overflow-x: hidden; }

body {
  position: relative;
  font-size: 16px;
  color: var(--text-color);
  overflow-x: hidden; line-height:1.8 }

*,
::after,
::before {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

*:focus {
  outline: none; }

a {
	    color: var(--text-color);
  text-decoration: none;
  -webkit-transition: var(--ani-ease-in-out);
  -moz-transition: var(--ani-ease-in-out);
  -o-transition: var(--ani-ease-in-out);
  -ms-transition: var(--ani-ease-in-out);
  transition: var(--ani-ease-in-out); }

a:visited {
  color: var(--text-color); }

p {
  line-height: 1.6; }

ul, li {
  list-style: none; }


.toolpc{display:block;position: fixed;right:4%;bottom: 50%;text-align:center;width:45px;z-index:998; }
#ask66inq_ss{cursor:pointer;border-radius:50%; width:45px;background: var(--theme-color); height:45px;box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 70%); display:block}
.toolpc a,.toolpc .wechaticon{cursor:pointer; border-radius:50%; width:45px;background: var(--theme-color); height:45px;box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 70%); display:block; text-align:center; line-height:45px;; margin-top:15px}
.toolpc img{vertical-align: middle;}

.toolpc a.selfURL{  font-family:fantasy; font-weight:400; color:#fff; font-size:24px}

.scroll-to-top {
  display: none;
  position: fixed;
  z-index: 999;
  bottom: 30px;
  right: 4%;
  height: 40px;
  width: 40px;
  background-color: var(--theme-color);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.scroll-to-top:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 14px 12px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: 11px;
  left: 8px; }

.wrap {
  position: relative;
  width: 100%;
  max-width: var(--wrap-width);
  margin: auto; }
.post-content a,.intro-line a,.about-introduce a{ color:var(--theme-color)}
div.lightbox_content {
  background-color: #ffffff;
  margin: auto;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  z-index: 99; }
  div.lightbox_content .box-head {
    background-color: var(--theme-color);
    color: #fff;
    min-height: 100px;
    display: flex;
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
    gap: 1.5em;
    padding: 1em 0; }
    div.lightbox_content .box-head span {
      font-size: 30px; }
    div.lightbox_content .box-head .box-head-msg {
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      align-items: flex-start;
      font-weight: bold;
      letter-spacing: 2px; }
  div.lightbox_content .box-body {
    padding: 1em 13%; }
    div.lightbox_content .box-body .submitted-info {
      margin-bottom: .5em; }
    div.lightbox_content .box-body table {
      width: 100%;
      max-width: 100%;
      word-break: break-all;
      table-layout: fixed;
      overflow-wrap: break-word; }
      div.lightbox_content .box-body table .message {
        display: block;
        max-height: 250px;
        overflow-y: auto; }
    div.lightbox_content .box-body td {
      display: flex;
      text-align: left;
      justify-content: space-around;
      padding: 10px 0;
      border-bottom: 1px solid var(--border-color);
      word-break: break-all; }
    div.lightbox_content .box-body .label {
      flex-basis: 20%; }
    div.lightbox_content .box-body .info-content {
      flex-basis: 70%; }
    div.lightbox_content .box-body .box-control .msg {
      color: var(--orange-element); }
    div.lightbox_content .box-body .box-control .button-warp {
      position: relative;
      margin-top: 1em; }
    div.lightbox_content .box-body .box-control .btn-agree {
      display: inline-block;
      background-color: var(--orange-element);
      color: #fff; }
    div.lightbox_content .box-body .box-control .btn-not-agree {
      position: absolute;
      right: 7%;
      top: 7px;
      font-size: .95em;
      color: #767676;
      text-decoration: underline;
      cursor: pointer; }

/* HEADER */
header {
  position: relative;
  z-index: 99; }
  header .head-top {
    background-color: var(--theme-color);
    color: #fff;
    padding: 5px 0; }
    header .head-top span {
      color: #fff;
      text-shadow: 0 0 4px rgba(0, 0, 0, 0.45); }
    header .head-top .wrap {
      display: flex;
      flex-direction: row;
      justify-content: flex-end; }
    header .head-top .contact-info {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 1em; }
      header .head-top .contact-info .contact-item img {
        max-height: 33px; }
      header .head-top .contact-info .contact-item a {
        display: flex;
        align-items: center;
        gap: 0.5em;
        font-size: 1em; }
  header .head-bottom .wrap {
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      justify-content: space-between; }
    header .head-bottom .site-logo {
      display: flex;
      height: 110px;
      align-items: center;
      align-content: center; font-size:1.5rem; font-weight:700; letter-spacing:1px}
      header .head-bottom .site-logo img {display:block; vertical-align:bottom}
		header .head-bottom .site-logo a{display: block}
		    header .head-bottom .main-nav ul:not(.sub-menu) {
      display: flex;
      align-items: center; }
      header .head-bottom .main-nav ul:not(.sub-menu) > li {
        position: relative;
        height: 110px;
        line-height: 110px;
        position: relative; }
        header .head-bottom .main-nav ul:not(.sub-menu) > li a {
          padding: 0 1.5em; 
         display: -webkit-box;  overflow: hidden;  -webkit-line-clamp:2;  -webkit-box-orient: vertical;
          -webkit-transition: var(--ani-ease-in-out);
          -moz-transition: var(--ani-ease-in-out);
          -o-transition: var(--ani-ease-in-out);
          -ms-transition: var(--ani-ease-in-out);
          transition: var(--ani-ease-in-out); }
header .head-bottom .main-nav ul:not(.sub-menu) > li a.headBtn{color:var(--btn-color); font-size:var(--btn-size);}
header .head-bottom .main-nav ul:not(.sub-menu) > li a:hover{color:var(--theme-color);}
    @media (hover: hover) {
      header .head-bottom .main-nav li:hover > .sub-menu {
        visibility: visible;
        opacity: 1; } }
    header .head-bottom .main-nav ul.sub-menu {
      position: absolute;
      right: -10px;
      top: 95%;
      background-color: #fff;
      width: 11em;
      display: flex;
      flex-direction: column;
      padding: 15px 0;
      border-radius: 6px;
      z-index: 19;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
      opacity: 0;
      visibility: hidden;
      -webkit-transition: var(--ani-ease-in-out);
      -moz-transition: var(--ani-ease-in-out);
      -o-transition: var(--ani-ease-in-out);
      -ms-transition: var(--ani-ease-in-out);
      transition: var(--ani-ease-in-out); }
      header .head-bottom .main-nav ul.sub-menu li {
        height: auto;
        line-height: 1}
        header .head-bottom .main-nav ul.sub-menu li a { font-size:15px; margin:4px 0; line-height:1.5}
    header .head-bottom .main-nav ul.sub-menu:before {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 12px 15px 12px;
      border-color: transparent transparent #fff transparent;
      position: absolute;
      top: -12px;
      right: 3em; }
    header .head-bottom .hamburger-wrap {
      display: none; }

/* Footer */
.footer-nav{flex:1}
.footer-nav ul{display:flex; align-items:center; flex-wrap:wrap}
.footer-nav li{flex:0 0 50%; display:flex; align-items:center; gap:5px}
.footer-nav li::before{content:''; width:8px; height:8px; background:var(--foot-color)}
  #site-footer footer {
    min-height: 150px;
    padding: 3em 0 3.5em;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
   background-color:var(--foot-bgcolor); background-repeat: var(--foot-bgrepeat); background-position: var(--foot-bgposition); background-image: var(--foot-bgfile) ; background-size:var(--foot-bgsize); }
    #site-footer footer .wrap {
      display: flex;
      justify-content: space-between; align-items:center; padding:0 20px;
      max-width:var(--wrap-width)}
  #site-footer .site-title {
    color: #fff; display:flex; align-items:center; gap:8px;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.45); flex:2}
    #site-footer .site-title span {
      display: block;
      font-size: 1.86em;
      font-weight: bold;
      margin-bottom: 0.3em; }
    #site-footer .site-title p {
      font-size: var(--foot-size); }
    #site-footer .site-title a {
      color: var(--foot-color);}
  #site-footer .footer-nav a {
    display: block;color:var(--foot-color); font-size:var(--foot-size);
    padding: 2px 0; }
  @media (hover: hover) {
    #site-footer .footer-nav a:hover {
      opacity: .8; } }
  #site-footer .footer-copyright {
    color: #fff;
    text-align: center;
    padding: 10px 10px;
    background-color: #1c1c1c; }
  #site-footer .footer-copyright a{
    color: #fff;}

.page-about #site-footer footer,
.home #site-footer footer {
  padding-top: 10em; }

.page-breadcrumbs {
  padding: 8px 10px 0 10px; }
  .page-breadcrumbs li {
    position: relative;
    display: inline-block; }
    .page-breadcrumbs li span {
      color: #333; }
  .page-breadcrumbs li:not(:last-child) {
    margin-right: 1em; }
  .page-breadcrumbs li:not(:last-child):after {
    content: '\203A';
    display: block;
    font-size: 2em;
    color: #333;
    line-height: 0;
    position: absolute;
    top: 9px;
    right: -14px; }

/* hamburger */
.nav-overlay {
  display: none;
  -webkit-transition: var(--ani-ease-in-out);
  -moz-transition: var(--ani-ease-in-out);
  -o-transition: var(--ani-ease-in-out);
  -ms-transition: var(--ani-ease-in-out);
  transition: var(--ani-ease-in-out); }

.hamburger {
  position: relative;
  z-index: 999;
  margin: 1px 25px 0;
  cursor: pointer;
  overflow: visible;
  height: 35px;
  width: 40px; }

.hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: var(--btn-color);
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.hamburger span:nth-child(4) {
  top: 27px; }

.hamburger span:nth-child(3),
.hamburger span:nth-child(2) {
  top: 16px; }

.hamburger span:nth-child(1) {
  top: 5px; }

.hamburger.open-nav span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }

.hamburger.open-nav span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.hamburger.open-nav span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.hamburger.open-nav span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

/* index */
.home-head {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat; 
  background-color: var(--theme-color);}
.head-line {background-color:var(--homesecbgcolor); background-repeat: var(--homesecbgrepeat); background-position: var(--homesecbgposition); background-image: var(--homesecbgfile) ; background-size:var(--homesecbgsize);
    position: relative; z-index: 9; top:-50px; padding:40px 10px;
    width: 100%; margin:0 auto 20px auto;
    max-width:1000px;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
    display: flex;
    flex-direction: column;
    justify-content: center; color:var(--homesec-color)}
.head-line h1 { font-size: 2.65rem;   letter-spacing: 2px; }
/*.head-line h1:after {
      content: '';
      display: block;
      width: 2em;
      height: 5px;
      background-color: var(--orange-element);
      margin:0 auto }*/
.head-line p {
      font-size:var(--homesec-size); }

.section-title h2 {
  font-size: 2em;
  text-align: center;
  margin-bottom: 1em;
  letter-spacing: 2px; }
.section-title h2:after {
  content: '';
  display: block;
  width: 2em;
  height: 5px;
  background-color: var(--orange-element);
  margin: 0.5em auto 0; }
.section-title p {
  font-size: 1.1em;
  text-align: center;
  margin-bottom: 1.5em; }

.col-service {
  width: 100%;
  min-height: 280px;
  padding: 1.8em 0;
  text-align: justify;
  background-color: var(--gray-background); }
  .col-service .service-wrap {
    position: relative;
    width: 50%;
    max-width: 850px;
    margin: 0 auto 0 32%;
    box-shadow: 5px 3px 10px rgba(0, 0, 0, 0.35); }
  .col-service .block-title {
background-color:var(--servicetitlebgcolor); background-repeat: var(--servicetitlebgrepeat); background-position: var(--servicetitlebgposition); background-image: var(--servicetitlebgfile) ; background-size:var(--servicetitlebgsize);
    position: absolute;
    left: -200px;
    top: -60px;
    width: 250px;
    height:100%;
    max-height: 490px; }
    .col-service .block-title h3,.col-service .block-title h2 {
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-left: 15%;
      margin-top: 15%;
      font-size: 2em;
      letter-spacing: 2px;
      text-shadow: 0 0 4px rgba(0, 0, 0, 0.45); }
  .col-service .service-items {
    display: flex; min-height:150px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1em;
    margin: auto;
    background-color: #fff;
    padding:30px 30px 30px 70px; }
    .col-service .service-items .service-item {
      position: relative;
      flex: calc(50% - 1em);
      width: 100%;
      max-width: 320px;
      text-align: center;
      background-color: #fff;
      padding: 10px 15px 10px 55px;
      border-radius: 40px;
      border: 1px solid var(--border-color); }
      .col-service .service-items .service-item span {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%; color:var(--service-color); font-size:var(--service-size) }
      .col-service .service-items .service-item img {
        position: absolute;
        left: 20px;
        top: calc(50% - 15px); }
    .col-service .service-items .service-item:before {
      content: '';
      display: block;
      width: 31px;
      height: 31px;
      position: absolute;
      left: 20px;
      top: calc(50% - 17px);
      background-image: url("../../img/icon-check.png");
      background-repeat: no-repeat;
      background-position: center center; }

.col-introduce {
  width: 100%;
  padding: 1em 0 6%;
  text-align: justify;
  background-color: var(--gray-background); }
  .col-introduce .wrap {
    width: 50%; }
  .col-introduce h3 {
    font-size: 2em;
    text-align: center;
    margin-bottom: 1em;
    letter-spacing: 2px; }
  .col-introduce h3:after {
    content: '';
    display: block;
    width: 2em;
    height: 5px;
    background-color: var(--orange-element);
    margin: 0.5em auto 0; }

.col-post {
  padding: 1em 0; }
  .col-post .wrap {
    width: 50%; }
  .col-post .section-image {
    text-align: center;
    padding: 0 0 1.5em; }
    .col-post .section-image img {
      max-width: 500px; }

.col-contact-form {
  padding: 3.5em 0; }
  .col-contact-form table {
    max-width: 800px;
    width: 100%;
    margin: auto; }
    .col-contact-form table tr {
      position: relative; }
    .col-contact-form table td {
      position: relative;
      padding-bottom: 1em; }
    .col-contact-form table tr td:not(:first-child) {
      padding-left: 1em; }
    .col-contact-form table label {
      position: relative;
      display: inline-block;
      width: 95px;
      padding-right: 1em;
      text-align: right; }
      .col-contact-form table label .check {
        color: #f00;
        position: absolute;
        right: .5em;
        top: 0; }
    .col-contact-form table .form-control-wrap {
      display: inline-block;
      width: calc(100% - 110px); }
    .col-contact-form table .form-submit, .col-contact-form table input[type="submit"] {
      cursor: pointer;
      margin: 10px auto 0;
      text-align: center;
      width: 90%;
      max-width: 220px; }
  .col-contact-form .image-verify input[type="text"] {
    width: 10em;
    margin-right: 1em;
    display: inline-block;
    vertical-align: middle; }
  .col-contact-form .image-verify img {
    height: 35px;
    display: inline-block;
    vertical-align: middle; }

.col-company-info .wrap {background-color:var(--homeusbgcolor); background-repeat: var(--homeusbgrepeat); background-position: var(--homeusbgposition); background-image: var(--homeusbgfile) ; background-size:var(--homeusbgsize); color:var(--homeus-color);
  padding: 2.5em 4.5em 4.5em;
  border: 1px solid var(--theme-color);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  margin-bottom: -90px; }
.col-company-info .section-title h3 {
  margin-bottom: 1.5em; }
.col-company-info .info-block {
  display: flex;
  width: 100%; }
  .col-company-info .info-block .company-info-table {
    flex:2; }
    .col-company-info .info-block .company-info-table td {
      display: flex;
      gap: 1.5em;
      font-size:var(--homesec-size); }
    .col-company-info .info-block .company-info-table .label {
      min-width: 6em; }
  .col-company-info .info-block .company-info-map {
    flex: 1; }
    .col-company-info .info-block .company-info-map iframe {
      height: 100%; }

.head-banner:before {
  
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-image: url("../../img/banner-back.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 18% center; }

.head-banner {
  position: relative;
  background-color: var(--theme-color);
  color: #fff;
  text-align: left;
  padding: 0.5em;
  margin-bottom: 5px;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.45);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.35); }
  .head-banner h1 {
    font-size:var(--pageh1-size); color:var(--pageh1-color);
    letter-spacing: 3px; }
  .head-banner h3 {
    font-size: 1.45em;
    letter-spacing: 2px; }

.col-about-introduce {
  width: 100%;
  padding: 1em 10px; }

.col-post-single,
.col-post-list {
  padding: 1em 0 5em; }
  .col-post-single .wrap,
  .col-post-list .wrap {
    display: flex;
    gap: 2em; }
  .col-post-single main,
  .col-post-list main {
    flex-basis: 70%; }
  .col-post-single aside,
  .col-post-list aside {
    flex-basis: calc(30% - 2.01em);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1em; }
    .col-post-single aside .widget-title,
    .col-post-list aside .widget-title {
      position: relative;
      padding-bottom: .6em;
      margin-bottom: 1.5em; }
      .col-post-single aside .widget-title span,
      .col-post-list aside .widget-title span {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 2px; }
      .col-post-single aside .widget-title span:after,
      .col-post-list aside .widget-title span:after {
        content: '';
        display: block;
        width: 2em;
        height: 5px;
        background-color: var(--side-color);
        position: absolute;
        bottom: -2px;
        left: 0; }
    .col-post-single aside .post-list li,
    .col-post-list aside .post-list li {
      position: relative;
      padding: 0 0 .7em 1.2em; color:var(--side-color)}
    .col-post-single aside .post-list li a,
    .col-post-list aside .post-list li a{color:var(--side-color); font-size:var(--side-size)}
    .col-post-single aside .post-list li:before,
    .col-post-list aside .post-list li:before {
      content: '';
      position: absolute;
      left: 5px;
      top: 10px;
      display: block;
      width: 5px;
      height: 5px;
      background-color: var(--side-color); }
    .col-post-single aside .widget-block,
    .col-post-list aside .widget-block {
      padding: 1.5em;background-color:var(--side-bgcolor); background-repeat: var(--side-bgrepeat); background-position: var(--side-bgposition); background-image: var(--side-bgfile) ; background-size:var(--side-bgsize); border-radius:8px; color:var(--side-color);}
  .col-post-single .post-columns h3,
  .col-post-list .post-columns h3 {
    font-size: 1.35em;
    margin-bottom: .2em; }
  .col-post-single .post-columns .post-excerpt span,
  .col-post-list .post-columns .post-excerpt span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .col-post-single .post-columns .post-item,
  .col-post-list .post-columns .post-item {
    -webkit-transition: var(--ani-ease-in-out);
    -moz-transition: var(--ani-ease-in-out);
    -o-transition: var(--ani-ease-in-out);
    -ms-transition: var(--ani-ease-in-out);
    transition: var(--ani-ease-in-out);
    padding: 1em;
    border: 1px solid #ccc;
    border-top: 6px solid var(--theme-color); }
  @media (hover: hover) {
    .col-post-single .post-columns .post-item:hover,
    .col-post-list .post-columns .post-item:hover {
      transform: translate(-2px, -2px); } }
  .col-post-single .post-columns.products-columns,
  .col-post-list .post-columns.products-columns {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 2.5em 1.5em; }
    .col-post-single .post-columns.products-columns .post-item,
    .col-post-list .post-columns.products-columns .post-item {
      flex-grow: 1;
      flex-basis: calc(50% - 1em); }
      .col-post-single .post-columns.products-columns .post-item .post-featured,
      .col-post-list .post-columns.products-columns .post-item .post-featured {
        min-height: 310px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.2em; }
        .col-post-single .post-columns.products-columns .post-item .post-featured img,
        .col-post-list .post-columns.products-columns .post-item .post-featured img {
          max-width: 100%;
          max-height: 310px; }
  .col-post-single .post-columns.service-columns,
  .col-post-list .post-columns.service-columns {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1.5em; }
    .col-post-single .post-columns.service-columns .post-item a,
    .col-post-list .post-columns.service-columns .post-item a {
      display: flex;
      align-items: flex-start;
      gap: 1em; }
    .col-post-single .post-columns.service-columns .post-featured,
    .col-post-list .post-columns.service-columns .post-featured {
      flex-grow: 1;
      flex-basis: calc(35% - 1em);
      text-align: center; }
      .col-post-single .post-columns.service-columns .post-featured img,
      .col-post-list .post-columns.service-columns .post-featured img {
        max-width: 100%; }
  .col-post-single .post-pagination,
  .col-post-list .post-pagination {
    margin-top: 3em;
    text-align: center; }
    .col-post-single .post-pagination ul,
    .col-post-list .post-pagination ul {
      display: flex;
      justify-content: center;
      margin-bottom: .5em; }
    .col-post-single .post-pagination li,
    .col-post-list .post-pagination li {
      padding: 0 .8em; }
    .col-post-single .post-pagination li:not(:last-child),
    .col-post-list .post-pagination li:not(:last-child) {
      border-right: 1px solid; }
    .col-post-single .post-pagination a,
    .col-post-list .post-pagination a {
      line-height: 16px;
      height: 17px;
      display: block; }
    @media (hover: hover) {
      .col-post-single .post-pagination a:hover,
      .col-post-list .post-pagination a:hover {
        opacity: .8; } }
    .col-post-single .post-pagination .count,
    .col-post-list .post-pagination .count {
      letter-spacing: 1px; }
    .col-post-single .post-pagination .current a,
    .col-post-list .post-pagination .current a {
      color: var(--theme-color); }

.col-post-single img, .col-post-single p {
  margin-bottom: 1em;
  max-width: 100%; }

.col-inquiry-ad,
.col-inquiry-list {
  padding: 3em 0 3.5em; }
  .col-inquiry-ad .ad-button a,
  .col-inquiry-list .ad-button a {
    font-size: 1.5em;
    letter-spacing: 5px;
    background: var(--orange-element);
    color: #fff;
    display: block;
    min-width: 280px;
    padding: 8px 50px 12px;
    border: 0;
    border-radius: 50px;
    cursor: pointer;
    margin: 2em auto 0;
    text-align: center;
    width: 90%;
    max-width: 220px;
    -webkit-transition: var(--ani-ease-in-out);
    -moz-transition: var(--ani-ease-in-out);
    -o-transition: var(--ani-ease-in-out);
    -ms-transition: var(--ani-ease-in-out);
    transition: var(--ani-ease-in-out); }
  @media (hover: hover) {
    .col-inquiry-ad .ad-button a:hover,
    .col-inquiry-list .ad-button a:hover {
      opacity: .8; } }

.col-inquiry-ad .ad-line {
  text-align: center;
  max-width: 800px;
  margin: 1.5em auto 0;
  font-size: 1.05em;
  letter-spacing: 1px; }
.col-inquiry-ad .inquiry-ad {
  text-align: center; }

.col-inquiry-list .inquiry-list table {
  margin: auto;
  width: 90%;
  max-width: 800px; }
  .col-inquiry-list .inquiry-list table th:first-child,
  .col-inquiry-list .inquiry-list table td:first-child,
  .col-inquiry-list .inquiry-list table th:nth-child(2),
  .col-inquiry-list .inquiry-list table td:nth-child(2) {
    text-align: left; }
  .col-inquiry-list .inquiry-list table th,
  .col-inquiry-list .inquiry-list table td {
    display: inline-block;
    text-align: center;
    padding: 15px 8px;
    font-size: 1.05em;
    border-bottom: 1px solid var(--border-color); }
    .col-inquiry-list .inquiry-list table th span,
    .col-inquiry-list .inquiry-list table td span {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
  .col-inquiry-list .inquiry-list table th:first-child,
  .col-inquiry-list .inquiry-list table td:first-child {
    width: 15%; }
  .col-inquiry-list .inquiry-list table th:nth-child(2),
  .col-inquiry-list .inquiry-list table td:nth-child(2) {
    width: 55%; }
  .col-inquiry-list .inquiry-list table th:nth-child(3),
  .col-inquiry-list .inquiry-list table td:nth-child(3) {
    width: 10%; }
  .col-inquiry-list .inquiry-list table th:nth-child(4),
  .col-inquiry-list .inquiry-list table td:nth-child(4) {
    width: 20%; }

/* RWD */
@media only screen and (max-width: 1200px) {
  header .head-bottom {
    position: relative; }
    header .head-bottom .main-nav {
      position: fixed;
      right: -31vw;
      top: 0;
      bottom: 0;
      background-color: #fff;
      width: 30vw;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
      padding: 1% 0 5%;
      z-index: 999;
      overflow-y: scroll;
      -webkit-transition: var(--ani-ease-in-out);
      -moz-transition: var(--ani-ease-in-out);
      -o-transition: var(--ani-ease-in-out);
      -ms-transition: var(--ani-ease-in-out);
      transition: var(--ani-ease-in-out); }
      header .head-bottom .main-nav ul:not(.sub-menu) {
        flex-direction: column;
        flex-wrap: nowrap; }
        header .head-bottom .main-nav ul:not(.sub-menu) > li {
          height: auto;
          line-height: 1;
          width: 100%;
          text-align: center; }
          header .head-bottom .main-nav ul:not(.sub-menu) > li a {
            padding: 1.15em 1.5em; }
      header .head-bottom .main-nav ul.sub-menu {
        position: relative;
        opacity: 1;
        visibility: visible;
        width: 100%;
        right: unset;
        border-radius: 0;
        box-shadow: unset;
        background-color: #ededed; }
      header .head-bottom .main-nav ul.sub-menu:before {
        border-color: transparent transparent #ededed transparent;
        top: -8px;
        right: calc(50% - 10px); }
    header .head-bottom .hamburger-wrap {
      display: flex;
      align-content: center;
      align-items: center;
      height: 100%;
      position: absolute;
      right: 2%;
      top: 0;
      -webkit-transition: var(--ani-ease-in-out);
      -moz-transition: var(--ani-ease-in-out);
      -o-transition: var(--ani-ease-in-out);
      -ms-transition: var(--ani-ease-in-out);
      transition: var(--ani-ease-in-out); }
      header .head-bottom .hamburger-wrap .hamburger {
        display: block; }

  .nav-overlay {
    display: block;
    visibility: hidden;
    opacity: 0; }

  .nav-enter {
    position: fixed;
    width: 100vw; }
    .nav-enter header .head-bottom .main-nav {
      right: 0;
      z-index: 999;background-color:var(--headbgcolor); background-repeat: var(--headbgrepeat); background-position: var(--headbgposition); background-image: var(--headbgfile) ; background-size:var(--headbgsize); }
    .nav-enter header .head-bottom .hamburger-wrap {
      right: 30vw; }
      .nav-enter header .head-bottom .hamburger-wrap .hamburger span {
        background: var(--btn-color); }
    .nav-enter .nav-overlay {
      content: '';
      visibility: visible;
      opacity: 1;
      position: fixed;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 990;
      background-color: rgba(0, 0, 0, 0.8); }

  header .head-bottom .wrap,
  header .head-top .wrap {
    padding: 0 0 0 2.5%; }
  .col-service .service-wrap {
    width: 65%;
    margin: 0 auto 0 25%; }
  .col-service .block-title {
    left: -210px;
    width: 260px; }

  .col-company-info .wrap {
    width: 95%;
    padding: 2.5em 3.5em 4.5em; }

  .content .wrap {} }
@media only screen and (max-width: 1180px) {
  .nav-enter header .head-bottom .hamburger-wrap {
    right: 0; }

  header .head-top .wrap {
    padding: 0 10px 0 2.5%; }

  .head-line h1 {
    font-size: 2.35rem; }

  .col-service .service-wrap {
    width: 75%;
    margin: 0 auto 0 22%; }

  .col-service .service-items {
    padding: 45px 30px 55px 115px; }

  .col-service .block-title {
    left: -165px;
    width: 250px; }
    .col-service .block-title h3 {
      font-size: 1.8em; }

  .col-company-info .info-block {
    flex-direction: column;
    gap: 1em; }
    .col-company-info .info-block .company-info-map iframe {
      height: 100%;
      width: 100%;
      min-height: 300px; }
	.toolpc{right:0}
  #site-footer .site-title {
    flex-basis: 70%; } }
@media only screen and (max-width: 760px) {

  header .head-top .contact-info .contact-email span {
    display: none; }

  header .head-bottom .main-nav {
    width: 100vw;
    right: -101vw; }

.head-line {
      max-width: 95%; top:-20px;
      padding: 10px; }
       .head-line h1 {
        font-size: 1.68rem; }

  .section-title h3 {
    font-size: 1.62em; }

  .page-title {overflow:hidden; width:100%; max-width:100%; padding:5px 10px 10px 10px}
.head-banner h1,.head-banner h2{max-width:max-content;max-width:100%; overflow:auto}
  .col-service {
    padding: 0; }
    .col-service .block-title {
      position: relative;
      left: unset;
      width: auto;
      top: 0;
      padding: 5% 3%; }
      .col-service .block-title h3 {
        font-size: 1.58em;
        margin-top: 0;
        margin-left: 0;
        justify-content: center;
        align-items: center; }
    .col-service .service-wrap {
      width: 100%;
      margin: auto; }
    .col-service .service-items {
      padding: 7% 2%;
      flex-direction: column; }
      .col-service .service-items .service-item {
        max-width: 100%; }

  .col-introduce {
    padding: 3em 0 15%; }

  .col-post .section-image img {
    max-width: 100%; }

  .col-contact-form table tr {
    display: flex;
    flex-direction: column; }
  .col-contact-form table td {
    width: 100%; }
  .col-contact-form table tr td:not(:first-child) {
    padding-left: 0; }

  .col-contact-form .image-verify input[type="text"] {
    width: 7em;
    margin: 0;
    padding: 3% 7%; }

  .col-company-info .wrap {
    padding: 1.5em 1.5em 4.5em; }

  .col-company-info .info-block .company-info-table td {
    font-size: 1em; }

  #site-footer footer {
    background-size: cover;
    background-position: 9% center; }

  #site-footer footer .wrap {
    flex-direction: column;
    gap: 2em; }

  .col-post-single .post-columns.service-columns .post-item a,
  .col-post-list .post-columns.service-columns .post-item a,
  .col-post-single .post-columns.products-columns,
  .col-post-list .post-columns.products-columns,
  .content .wrap {
    flex-direction: column; }

  .col-post-single .post-columns.service-columns .post-featured,
  .col-post-list .post-columns.service-columns .post-featured {
    min-height: 310px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.2em;
    flex-basis: auto;
    width: 100%; }
    .col-post-single .post-columns.service-columns .post-featured img,
    .col-post-list .post-columns.service-columns .post-featured img {
      max-width: 100%;
      max-height: 310px; }

  .col-inquiry-ad .inquiry-ad img {
    max-width: 100%; }

  .col-inquiry-list .inquiry-list table {
    width: 100%; } }