@media screen and (max-width: 1300px) {
.topnav .nav li a{font-size: 1.3vw;}
.topRecruit .bgimg{width: 110%;}
.btnsbt a{min-width: 60%;}
.footnav, .footer .logo{font-size: 1.2vw;}
}
@media screen and (max-width: 1200px) {
.wmain{max-width: 96%;}
}
@media screen and (max-width: 1080px) {
html,body{font-size: 3.4vw;}
body {min-width: 100%;}
h1{font-size: 6vw;}
h2{font-size: 6.3vw;letter-spacing: 0;}
h2.sec-ti{padding: 3vw 0;margin: 0 0 4vw;}
h3{font-size: 5.5vw;}
.sect{padding: 10vw 4vw;}
.sp{display: block;}
.pc{display: none;}
.wmain{padding: 0;}
.header .wmain{display: block;position: relative;}
.header .logo img{vertical-align: top;}
.topnav{padding: 0;}
.topnav ul{display: none;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #222;padding: 30px 0;}
.topnav .nav li{font-size: 4vw;border-bottom: 1px solid #333;width: 95%;margin: 0 auto;padding: 2vw 0;}
.topnav .nav{width: 100%;display: none;height: 100vh;}
/*.topnav .nav li ul{display: none!important;}*/
.topnav .nav li a{display: block;padding: 2vw;margin: 0;font-size: 3vw;}
.topnav .nav li:last-child{border: none;}
.topnav .nav > li:hover > a{background: none;color: #d6b05d;}
.topnav .nav > li.btns.on:hover > a{background: #333;}
.menu-trigger {display: inline-block;position:absolute;top: 18px;right: 15px;width: 36px;height: 28px;vertical-align: middle;cursor: pointer;  z-index: 9999;}
.menu-trigger span {display: inline-block;box-sizing: border-box;position: absolute;left: 0;width: 100%;height: 4px;background-color: #000;  transition: all .5s .2s;}
.menu-trigger.active span {  background-color: #fff;}
.menu-trigger span:nth-of-type(1) {  top: 0;}
.menu-trigger.active span:nth-of-type(1) {  transform: translateY(12px) rotate(-45deg);}
.menu-trigger span:nth-of-type(2) {  top: 12px;}
.menu-trigger.active span:nth-of-type(2) {  opacity: 0;}
.menu-trigger span:nth-of-type(3) {  bottom: 0;}
.menu-trigger.active span:nth-of-type(3) {  transform: translateY(-12px) rotate(45deg);}
.topnav .nav .btns a{background:#d6b05d;font-size: 3vw;}
.topnav .nav .btns a:hover{color: #333;}
.fv .ti{display: block;text-align: center;}
.fv .ti .tx{font-size: 4vw;}
.fv .ti .tis{width: 20%;margin: 0 auto;}
.news{padding: 6vw 0;}
.news .inner{padding: 0 4vw;}
.news .ctn{display: block;}
.news .ti{text-align: center;}
.news .ti,
.news .txt{width: 100%;}
.news .txt li{padding: 2vw 0;margin: 0;}
.news .txt p{width: 100%;}
.news .txt li a{display: block;}
.news .txt li a .cat{max-width: 25%;width: 40%;}
.topBusiness .txt{padding: 5vw 5vw 8vw;width: 90%;margin: 0 auto;}
.topBusiness .btnsbt{text-align: center;}
.topBusiness h2{text-align: center;}
.topBusiness{padding: 35vw 0 0;}
.topBusiness .img{width: 100%;}
.topCompany h2{text-align: center;}
.topCompany h2.sec-ti:after{right: 0;margin: 0 auto;width: 100%;}
.topCompany:before{width: 60%;}
.topcpyinfo{margin: 4vw auto;width: 100%;}
.topcpyinfo th,.topcpyinfo td{display: block;width: 100%;padding: 0;margin: 0;}
.topcpyinfo th{border: none;}
.topcpyinfo td{margin: 0 0 1vw;}
.topRecruit .ctn{display: block;}
.topRecruit .txt,.topRecruit .img{width: 100%;margin: 3vw 0;}
.topRecruit h2{text-align: center;}
.topRecruit .btnsbt{text-align: center;}
.topRecruit .bgimg{width: 62%;left: -12%;}
.about h3{margin: 4vw 0;}
.about .wmain{padding: 6vw 4vw;}
.aboutMsg .img,.aboutMsg .txt{float: none;width: 100%;}
.aboutMsg .img{margin: 0 auto 4vw;width: 50%;}
.aboutMsg:before{width: 65%;}
.about:before{width: 65%;}
.about .sld-ctn{height: 26vh;}
.about .txctn,.aboutMsg .txctn{padding: 0;}
.ggmap{padding-bottom: 70%;}
.newspg .inner{padding: 0;}
.content-box li .ti{margin: 0;}
.content-box li .txt{margin: 0;width: 76%;}
.content-box li{padding: 0;margin: 0 0 2vw;}
.content-box li p{margin: 0;}
.submit-btn p{display: block;text-align: center;}
.submit-btn p input{margin: 0 auto 1vw;}
.wpcf7-spinner{display: block;}
.newspg .artic{padding: 0;}
.subfv {position: relative;overflow: hidden;max-height: 30vw;width: 100%;}
.subfv img {position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;right: 0;}
.business .thk li{display: block;margin: 3vw 0;}
.business .thk li .img{margin: 0 auto 4vw;}
.business .thk li .img img{width: 100%;}
.business .thk li .img,.business .thk li .txt{width: 100%;}
.businessField{background: #f5f5f5;}
.businessField ul{display: block; width: 100%;}
.businessField li{border-radius: 10px;padding: 4vw;width: 85%;margin: 4vw auto;background: #fff;}
.businessField .img{width: 75%;margin: 0 auto;}
.businessField .ti{font-size: 140%;}
.businessField .txt{margin: 3vw 0 0;}
.businessDetails .ctn{padding: 4vw;}
.businessDetails .ctn{margin: 4vw 0;}
.slideArea .sld-bsn .sld-ctn{height: 50vw;}
.slideArea .thumb .sld-ctn{height: 18vw;}
.recruit .ctn{display: block;}
.recruit .txt,
.recruit .img{width: 100%;}
.recruit .ti{font-size: 140%;text-align: center;}
.recruitEnt .ctn{padding: 4vw;}
.recruitEnt th,.recruitEnt td{display: block;width: 100%;padding: 0;}
.recruitEnt th{border: none;}
.recruitEnt td{padding: 0 0 1vw;margin: 0 0 1vw;}
.recruitintr li{padding: 4vw;margin: 4vw auto;}
.recruitintr .txt .ti{font-size: 140%;}
.recruitintr li:nth-child(odd) .img,
.recruitintr li:nth-child(even) .img{float: none;}
.recruitintr li:nth-child(odd) .txt,
.recruitintr li:nth-child(even) .txt{float: none;width: 100%;}
.recruitintr .img{width: 100%;height: 50vw;margin: 0 auto 3vw;}
.recruitintr .img img{top: 0;bottom: inherit;}
.recruitInterv .img{height: 35vw;}
.contact .inner{width: 100%;max-width: 100%;}
.contact th,.contact td{display: block;width: 100%;padding: 0;}
.contact td{margin: 0 0 3vw;padding: 0 0 3vw;}
.contact p{margin: 0;}
.form-text, .form-textarea{width: 98%;}
.form-req{right: 0;}
.recruit .inner{padding: 0;}
.recruit .rec-ctn{padding: 4vw;}
.recruit .rec-ctn h3{font-size: 140%;margin: 0 0 3vw;}
.recruit .rec-ctn th,.recruit .rec-ctn td{display: block;width: 100%;padding: 0;}
.recruit .rec-ctn th{border: none;}
.recruit .rec-ctn td{padding: 0 0 3vw;margin: 0 0 3vw;}
.rec-ctn img{max-height: 100%;height: inherit;}
.footer {padding: 4vw 0;}
.footer .wmain{display: block;text-align: center;}
.footer .logo,.footnav{width: 100%;}
.footnav{text-align: center;}
.footnav ul{display: block;}
.footnav li{width: 100%;margin: 0 auto 2vw;}
.footnav li a{margin: 0;font-size: 100%;font-size: 3vw;}
.footnav{font-size: 100%;}
.footer .logo{margin: 8vw auto 0;}
.footer .logo img{max-width: 35%;}
.newspg .brd {display: none;}
}
@media screen and (max-width: 768px) {
body{padding: 0;min-width: inherit;}
.header .logo{width: 35%;}
}