@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1240px) { 
    
}
@media only screen and (max-width: 1024px) { 
    
}
@media only screen and (max-width: 980px) { 
    
}
@media only screen and (max-width: 768px) { 
	.inner{width: calc(100% - 20px);}
	header{position:fixed;top:0;right:0;z-index:999999999;}
	#header {height: 41px;}
	.header {display: flex;justify-content: space-around;align-items: center;}
	#logo {width: calc(100% - 40px);position: relative;left:auto;top:auto;}
	.logo{}
	.logo a {width: auto;height: 41px;}
	.logo a img{width: auto;height: 100%;}
	#nav{position:fixed;top: -150%;right:0;width: 100%;height: 100vh;;background: #ffffff;z-index: 99999;}
	#nav.active{top:0;animation: 0.5s linear;-moz-animation:  0.5s linear;-webkit-animation:  0.5s linear;-o-animation:  0.5s linear;}
	.icon-menu {display: block;width: 40px;height: 40px;}
	.icon-menu-in{position: relative;overflow: hidden;display: flex;width:100%;height: 100%;}
	.icon-menu-in p{position: absolute;right: 0;font-size: 40px;color: #fe0000;font-weight: bold;line-height: 0;text-align: center;display:none;width: 40px;height: 40px;z-index: 999999;}
	.icon-menu-in p.active{display:block;}
	.icon-menu-close.active{color: #fe0000;}
	#header-menu{padding: 10px;}
  #menu-pc{float: left;width: 100%;}
  #menu-pc ul li ul {position: relative;top: 0;width: 100%;}
	#menu-pc ul li ul {display:block;}
  #menu-pc ul li {float: none;width: max-content;}
  #menu-pc ul li:nth-child(3)::before,#menu-pc ul li:nth-child(4)::before{width: 25px;height:13px;content: "";background: url("../img/icon-menu-show-list.png") left top no-repeat;position: absolute;top: 28px;left:35px;background-size: cover;}
  #menu-pc ul li a{padding:10px;display: inline-block;}
  #menu-pc ul li a:hover,#menu-pc ul li a{color: #fe0000;font-weight:bold;}
	#menu-pc ul li a:active{color: #999999;}
	#menu-pc ul li ul li a {color: #ffffff;position: relative;font-weight:normal;}
	#menu-pc ul li ul li::before,#menu-pc ul li ul li:nth-child(3)::before,#menu-pc ul li ul li:nth-child(4)::before{background:none;}
	#menu-pc ul li:nth-child(3) {margin-right:0;}
	#slide-top{margin-top:61px;}
	.section01 h2 {font-size: 4vw;margin: 15px 0;}
	.home-info {position: relative;display:block;padding-top:0;}
	.home-info-col {width: 100%;border-top:none;padding: 0;margin-bottom: 30px;}
	.home-info-img {position: relative;top:auto;left:auto;margin: 0 auto;}
	.home-info-box h3 {margin-bottom: 10px;margin-top: 5px;}
	#sec01, #sec02, #sec03, #section0203 {margin-bottom: 30px;}
	.sec02-box-ttl {display: block;padding: 0 10px;}
	.sec02-box-ttl::before {height: 0;}
	.sec02-box-ttl h2{margin-bottom:10px;text-align:center;font-size: 5vw;}
	.sec02-box-ttl ul{justify-content: center;}
	.porduct-list-item{width: 100%;}
	.home-news-list h2{font-size: 4vw;}
	.news-hot {width: 100%;margin-bottom:10px }
	.news-list {width: 100%;margin-left: 0;}
	.news-list-in{margin-bottom:10px }
	.footer-form{margin-bottom: 10px;display: block;width: 100%;margin-right: 0;}
	.footer-form-slg {width: calc(100% - 60px);text-align:left;padding: 0 30px;margin-bottom: 0;}
	.footer-form-slg p:first-child {font-size:4vw;}
	.footer-form-slg p{font-size: 13px;}
	.footer-form-input{width: 100%;}
	.input-group-append{right: 10px;}
	.form-control input,.input-group-append button {padding: 10px;}
	.footer-list{display: block;padding: 15px 0 0 0;margin-bottom: 15px;overflow: hidden;text-align: center;}
	.footer-list-num {width: calc(50% - 10px);margin-right: 8px;display: inline-block; margin-bottom: 15px;}
	.footer-list-ttl{margin-bottom: 10px;font-size: 3vw;}
	.footer-list-num .footer-list-dl p{margin-bottom: 5px;}
	.footer-company{display:inline-block;margin-bottom: 20px;text-align: center;}
	.footer-company .footer-list-num:first-child{width:calc(100% - 60px);margin-right: 0;padding: 0 30px;}
	.footer-company-logo{margin-bottom: 15px;text-align: center;padding-left:0;margin-top: 15px;}
	.footer-address, .footer-phone, .footer-email{margin-bottom: 10px;text-align: left;}
  .fb-search {width: 100%;display: block;margin-left: 0;}
	.col-footer {padding-top: 30px;}
	  #header-menu {padding: 10px 20px;}
	#primary-cat .porduct-list-item {width: 100%;}
	#primary-cat{padding-top:61px;}
	.home-wprocess {flex-wrap: wrap;}
	.home-wprocess-col {width: 100%;}
	.box-page-small.box-page-item {width: 100%;margin: 5px 0;}
	#ppm-tabs {width: 100%;padding: 80px 20px 20px 20px;}
	.contact-company {flex-wrap: wrap;}
	.profile-map {width: 100%;}
	.profile-map iframe {height: 350px;}
	.tab_content .footer-fb {margin-bottom: 20px;}
	.tablelienhe tr {margin-bottom: 5px;}
	.tablelienhe tr td {width:100%;}
	.tablelienhe tr td input,.tablelienhe tr td textarea{width:calc(100% - 10px);padding:5px;}
	.tablelienhe tr:last-child td:first-child {width: 100%;}
	.tablelienhe tr:last-child td:first-child input:first-child {margin-right: 0;margin-bottom:5px;}
}
@media only screen and (max-width: 640px) { 
    
}
@media only screen and (max-width: 560px) { 
    
}
@media only screen and (max-width: 480px) { 
    
}
@media only screen and (max-width: 420px) { 
    
}
@media only screen and (max-width: 360px) { 
    
}
@media only screen and (max-width: 320px) { 
    
}