@media screen and (max-width: 768px) {
body{padding: 0;min-width: inherit;}
}
@media screen and (max-width: 767px) {
html,body{font-size: 3.4vw;}
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;}
h2.sub{font-size: 15vw;}
.sp{display: block;}
.pc{display: none;}
.wmain{padding: 0 6vw;}
.header .wmain{display: block;}
.header .logo{width: 100%;}
.header .logo img{width: 45%;}
.topnav{padding: 0;}
.topnav ul{display: none;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #f39800;padding: 30px 0;}
.topnav .nav li{font-size: 4vw;border-bottom: 1px solid #fff;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;color: #fff;}
.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: #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);}
.fv .img{height: 100vw;}
.fv .ti h1{font-size: 7vw;}
.fv .ti span{padding: 0 2vw;}
.fv .ti span img{width: 35vw;}
.news h2.sub{top: 0;right: 0;}
.news .inner{max-width: 100%;display: block;}
.news .ti{width: 100%;text-align: center;display: block;margin: 0 0 10vw;}
.news .newstx{display: block;width: 100%;margin: 6vw auto 0;}
.news .newstx span{margin: 0 2vw 0 0;padding: 0 2vw;font-size: 85%;}
.news_contents .inner{width: 100%;}
.news_contents .brd{display: none;}
.business h2.sub{top: 0;left: 0;}
.business .tsub{text-align: left;margin: 3vw 0;padding: 3vw 0;}
.business ul{display: block;}
.business li{width: 100%;margin: 0 auto 4vw;}
.business .txt .ti{font-size: 5vw;}
.advantage h2.sub{top: 0;right: -2vw;}
.advantage ul{margin: 10vw auto 0;}
.advantage li{display: block;}
.advantage .img{width: 100%;height: 35vw; text-align: center;}
.advantage .txt{width: 100%;}
.advantage .nmr{font-size: 18vw;width: 25%;line-height: .8;}
.advantage .tis{width: 66%;font-size: 4vw;}
.advantage .ti{margin: 0 0 2vw;}
.message h2.sub{top: 0;left: 0;}
.message .ctn{display: block;padding: 0;margin: 10vw auto 0;}
.message .img,.message .txt{width: 100%;}
.message .img{height: 55vw;}
.about h2.sub{top: 0;right: 0;}
.about ul{gap:2vw;}
.about li{width: 48.5%;}
.about li .img{height: 30vw;}
.company table{width: 100%;}
.company th,.company td{padding: 1vw 0;}
.company th{width: 30%;}
.company td{width: 70%;}
.flow h2.sub{top: 0;left: 0;}
.flow-slick button.prev_arrow {right: 14vw;}
.flow-slick button.next_arrow {right: 5vw;}
.slick-slide {height: fit-content;}
.faq h2.sub{top: 0;right: 0;}
.qa{width: 100%;}
.contact h2.sub{top: 0;left: 0;}
.contact .inner{max-width: 100%;}
.contact th,.contact td{display: block;width: 100%;padding: 0;}
.contact td{margin: 0 0 4vw;}
.submit-btn p{display: block;}
.submit-btn .wpcf7-spinner{display: block;margin: 3vw auto 0;}
.footer{margin: 0 0 15vw;}
.linebtn{max-width: 100%;left: 0;right: 0;margin: 0 auto;bottom: 0;padding: 0 5vw;background: #00b900;}
}