@charset "UTF-8";

html {width:100%; min-width:320px; height:100%;  }
body { position:relative; min-width:320px; width:100%; margin:0 auto; display:block; background-color:#fff; height: 100%; }

input:focus {outline:none;}
select:focus {outline:none;}
textarea:focus {outline:none;}

img[src$=".gif"], img[src$=".png"] {
                   image-rendering: -moz-crisp-edges;         /* Firefox */
                   image-rendering:   -o-crisp-edges;         /* Opera */
                   image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
                   image-rendering: crisp-edges;
                   -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
                 }

.pc_img {display:inline-block !important; max-width:100%; }
.m_img  {display:none !important; width:100%; }


.top1 {background-color:#fff; width:100%; height:100px; z-index:9999999999999999999999999999999999999; position:relative; }
.top1:after {clear:both; display:block; content:'';}
.top1 .wrap {max-width:1500px; margin:0 auto;  }
.top1 .logo {display:inline-block; width:190px; height:38px; margin-top:28px; float:left; z-index:9999999999999999;}
.top1 .logo img {width:100%; }
.top1 .top_nav { width:70%;  display:block; float:right;   }
.top1 .top_nav > ul {position:relative; font-size: 0;margin: 0;padding: 0; width:100%; text-align:center;}
.top1 .top_nav > ul > li {display: inline-block;position: relative; width:20%; position:relative; }
.top1 .top_nav > ul > li:before {content:''; display:block; width:1px; height:20px; position:absolute; right:0; top:50%; transform:translate(0,-50%); background-color:#ccc; }
.top1 .top_nav > ul > li:last-child:before {display:none; }
.top1 .top_nav > ul > li > a {display: block; color:#000; letter-spacing:-1px;font-size: 1.2rem; font-weight:500; width:100%; transition: 0.2s all; line-height:97px; }
.top1 .top_nav > ul > li > a:hover {color:#1cb14b; }
.top:hover .top_nav > ul > li > a  {color:#333 !important}
.top1 .top_nav > ul > li > ul {display: none; background-color:#fff; position: absolute; width: 100%; text-align:center; z-index:9999999999999999; }
.top1 .top_nav > ul > li > ul > li {display: block;  }
.top1 .top_nav > ul > li > ul > li:first-child { border-top: none; }
.top1 .top_nav > ul > li > ul > li > a {display: block; font-size:16px; color:#333; font-weight:500; line-height:50px; }




.support {position:absolute; right:10%; top:50%;  transform:translate(0,-50%); font-size:0; }
.support:hover {}
.support a {background-color:#1cb14b; color:#fff !important; display:inline-block; width:160px; height:50px; line-height:50px; text-align:center; border-radius:30px;  transition:.2s all; }
.support a:first-child {margin-bottom:5px; border:2px solid #1cb14b; background-color:#fff; color:#1cb14b !important; line-height:46px; margin-right:10px;  }
.support a img {display:inline-block; vertical-align:middle; margin-right:5px; width:30px; transition:.5s all; margin-top:-2px; }
.support a:hover img {transform:rotateY(360deg);}

.top1.scrolled { background-color:rgba(0,0,0,.4) !important; border-bottom:0; box-shadow:0 0 20px rgba(0,0,0,.1); backdrop-filter: blur(3px);}
.top1.scrolled .logo {background-position:0 -46px;}
.top1.scrolled .top_nav > ul > li:after {background-color:#fff; }
.top1.scrolled .top_nav > ul > li > a {color:#fff}

.top1:hover { background-color: #fff !important;  }
.top1:hover .logo {background-position:0 0 !important;}
.top1:hover .top_nav > ul > li:after {background-color:#777; }
.top1:hover .top_nav > ul > li > a  {color:#000 !important}
.top1:hover .top_nav > ul > li > ul > li > a  {color:#333 !important}
.top1 .top_nav > ul > li > ul > li > a:hover {color:#fff !important; background-color:#1cb14b; }


#top2 {width:100%; position:relative;  left:0; padding:15px 3%; top:0;z-index:9999999; box-sizing:border-box; height:60px; transition: all 0.2s; background-color:#fff;  display:none;}
#top2 .call {width:38px; display:inline-block; border:2px solid #fff; border-radius:100%; margin-top:-2px;}
#top2 .call img {width:100%;}
#top2 h1 {position:absolute; left:3%; top:15px; }
#top2 h1 .logo {width:130px; height:40px; display:inline-block;  }
#top2 h1 .logo img {width:100%; }
#top2  p  { background-color:#fff;}
#top2  div  {background-color:#fff; font-size:15px; line-height:50px; }
#top2  div input {width:180px; vertical-align:middle; border:1px solid #1cb14b; height:35px; color:#1cb14b; padding-left:10px; box-sizing:border-box; background-color:#fff;}
#top2  div div  a {line-height:35px; width:60px;  text-align:center;  float:right; background-color:#1cb14b; color:#fff ; display:inline-block}

#top2.on { background-color:#fff;}
#top2.on h1 .logo {width:183px; height:40px; background:url('../img/logo_on.png') no-repeat 50% 50%; display:inline-block; background-size: contain;}
#top2.on .cd-nav-trigger span.ham {background-color:#999;}
#top2 .search_top {position:absolute; right:50px; top:10px; cursor:default; width:40px;  padding:10px;}






#footer {width:100%; min-width:320px;  background-color:#eee;  text-align:left; position:relative; border-top:1px solid rgba(0,0,0,.1); }

#footer .btn_top {position:absolute; right:0; top:0; width:50px; height:50px; background-color:#1cb14b; color:#fff; text-align:center; line-height:50px; font-size:.9rem; transition:.2s all; }
#footer .btn_top:hover {background-color:#1cb14b; color:#fff; }

#footer .wrap {margin:0 auto; width:100%; max-width:1200px; font-size:0; }
#footer .wrap .footer00 {display:inline-block; padding:50px 0; vertical-align:bottom;  }
#footer .wrap .footer01 {width:100%; font-size:0; }

#footer .wrap .footer01 .logo_wrap {display:inline-block; width:20%; vertical-align:middle;  }
#footer .wrap .footer01 .logo_wrap img {display:inline-block; width:151px;   vertical-align:middle; opacity:.3;  }

#footer .wrap .footer01 .wrap2 {display:inline-block; width:calc(80% - 200px); vertical-align:middle; }
#footer .wrap .footer01 .wrap2 .link { margin-bottom:20px;  }
#footer .wrap .footer01 .wrap2 .link a {color:#777; margin-right:20px; }
#footer .wrap .footer01 .wrap2 .link a:last-child {margin-right:0; }
#footer .wrap .footer01 .wrap2 .txt {display:inline-block; vertical-align:middle; }
#footer .wrap .footer01 .wrap2 .txt  img {width:110px;  margin-bottom:15px; opacity:.5; }
#footer .wrap .footer01 .wrap2 .txt p {font-size:.95rem; color:#777; font-weight:400; line-height:1.5rem; word-break:keep-all }
#footer .wrap .footer01 .wrap2 .txt p.copy {color:#aaa;}

#footer .wrap .footer01 select {display:inline-block; width:200px; vertical-align:middle; line-height:45px; height:45px; background-color:rgba(0,0,0,0); border:1px solid #bbb; color:#999; padding-left:10px; font-size:.95rem; }
#footer .wrap .footer01 select option {color:#333; font-size:.95rem; }


@media all and (max-width:1500px){

.top1 {padding:0 3%;}

}



@media all and (max-width:1200px){


#footer .wrap {padding:0 5%; }

}



@media all and (max-width:1000px){
.pc_img {display:none !important}
.m_img  {display:inline-block !important}

#footer .wrap .footer01 .logo_wrap {display:block; width:100%; margin:0 auto 30px auto; text-align:center;  }
#footer .wrap .footer01 .wrap2 {display:block; width:100%; margin:0 auto; text-align:center; }
#footer .wrap .footer01 select {display:block; margin:0 auto; }

}



@media all and (max-width:900px){
.top1 {display:none; }
#top2 {display:block;}


}