@media screen and (max-width: 1024px) {
html,body{font-size: 3.6vw;}
body {min-width: 100%;}
h1{font-size: 6vw;}
h2{font-size: 6.3vw;letter-spacing: 0;}
h3{font-size: 5.5vw;}
section{padding: 14vw 0;}
.sp{display: block;}
.pc{display: none;}
.lnk{text-align: center;}
.wmain{padding: 0 5vw;}
.header{padding:2vw 0;}
.header .wmain{display: block;padding: 0 3vw;width: 94%;}
.header .logo{width: 50%;position: relative;z-index: 9999;}
.header .logo h1{line-height: 1;}
.topnav{padding: 0;position: relative;}

.topnav .nav li{font-size: 4vw;border-bottom: 1px solid #092e68;width: 95%;margin: 0 auto;padding: 2vw 0;}
.topnav .nav{width: 100%;display: block;padding:0;}
/*.topnav .nav li ul{display: none!important;}*/
.topnav .nav li a{display: block;padding: 2vw;margin: 0;}
.topnav .nav > li:hover > a{background: none;}
.menu-trigger {display: inline-block;  position:fixed;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: #fff;  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);}
#header.sticky{padding: 15px 0;transform: inherit;}
.topnav .navs{display: none;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #001f4f;padding: 30px 0;height: 100vh;}
#header .navs{display: none;width: 100%;height: 100vh;padding: 18vw 0 0;}
#header .navs .sns span{display: inline-block;margin: 0 0 0 15px;}
#header .navs .sns{width: 95%;margin: 0 auto;padding: 2vw 0;border-bottom: 1px solid #092e68;}
#header .navs .sns a{display: block;padding: 0 2vw;}
#header .freedial{display: block;width: 95%;padding: 2vw 0;font-size: 110%;margin: 20vw auto 0;text-align: center;}
#header .freedial a{display: block;padding: 3vw 2vw;background: #092e68;}
#header .freedial span{display: inline-block;margin: 0 0 0 15px;}

.topnav .nav .sub-menu{width: 100%;max-width:100%; padding: 4vw;position: relative;transform: translateX(0%);transform: translateX(0%);background: #062d69;top: 0;}
.topnav .nav .sub-menu:after{border-color: transparent transparent #062d69 transparent;}
.topnav .nav .has-sub:after{border: none;width: 40px;height: 40px;background: url(img/nav_ar.png) center no-repeat #092e68;background-size: 40%; top: 2.5vw;z-index: 99;}
.fv .img{height: 95vw;}
.topnews ul{width: 100%;position: relative;}
.topnews .dtl .date{width: 28%;}
.arbtn{margin: 6vw 0 0;}
.topnews ul li a{padding: 2vw 0;}
.topnews .ctn{display: flex;flex-direction: column;}
.topnews .ctn .httl{order: 1;}
.topnews .ctn ul{order: 2;}
.topnews .ctn .arbtn{order: 3;}
.topnews .img{width: 18%; height: 18vw;}
.topnews .tx{width: 78%;}
.topstrengths .ctn,
.topproduct .ctn,
.topcpy .ctn{display: block;}
.topstrengths .txt,.topstrengths .img,
.topproduct .txt,.topcpy .txt,.topcpy .img{width: 100%;}
.topproduct .img{width: 93%;margin: 7vw auto 0;}
.topstrengths .img,.topcpy .img{height: 55vw;margin: 7vw auto 0;}
.cpyimg .img{flex-wrap: wrap;}
.cpyimg .img img{width: 50%;}
.pagefv .img{height: 45vw;}
.pagefv .httl{min-width:75%;max-width: 75%;padding:4vw;}
.strengths li,.products li{display: block;padding: 6vw 0 8vw;}
.strengths .txt,.strengths li .img,
.products .txt,.products .img,.pagefvs .txt,
.company .message .txt,.company .message .img{width: 100%;}
.strengths li .img1 .imgfit{height: 40vw;}
.strengths li .img2 .imgfit{width: 25vw;height: 30vw;}
.strengths li .img2{bottom: -4vw;}
.products li .img{width: 100%;margin: 7vw auto 0;}
.pagefvs{margin: 0 auto 15vw;}
.pagefvs .wmain{padding: 15vw 4vw 0;}
.pagefvs .inner{display: block;}
.pagefvs .imgs{width: 100%;margin: 0 auto;}
.pagefvs .img{height: 138vw;}
.page.prd{margin: 0;padding: 2vw 0 6vw;}
.prd ul{display: block;}
.prd li{width: 100%;margin: 0 auto 6vw;}
.prd .imgfit{height: 50vw;}
.pagefvs .imgs .prev-arrow{left: -12px;}
.pagefvs .imgs .next-arrow{right: -12px;}
.news .ctn{width: 100%;}
.news ul li a{padding: 2vw 0;}
.news .dtl .date{width: 28%;}
.news_contents .inner{width: 100%;}
.news_contents .brd{display: none;}
.news_contents img{height: inherit;}
.news .img{width: 18%; height: 18vw;}
.news .tx{width: 78%;}
.company_info .ctn{display: block;}
.company .message .ctn{display: block;}
.company_info .txt,.company_info .img{width: 100%;margin: 3vw 0;}
.company_info .ctn:before{display: none;}
.qa{width: 100%;margin: 50px auto 0;}
.contact .inner{margin: 15vw 0 0;width: 100%;max-width:100%;}
.contact th,.contact td{display: block;width: 100%;padding: 0;}
.contact td{margin: 0 0 4vw;}
.submit-btn p {display: block;text-align: center;}
.submit-btn input{margin: 2px 0;}
.wpcf7-spinner{display: block;}
.privacypolicy .inner{width: 100%;}
.footer {padding: 10vw 0;}
.footer .wmain{display: block;text-align: center;padding: 0 3vw;}
.footer .logo,.footnav{width: 100%;}
.footlogo{width: 45%;margin: 0 auto;}
.footnav{text-align: center;}
.footnav ul{margin: 6vw auto;text-align: left;flex-wrap: wrap;gap: 3vw 5%;padding: 0 6vw;}
.footnav li a{padding: 0;margin: 0;font-size: 3.6vw;}
}