@media screen and (max-width:1599px){
	.container{width:1170px }
	.broad{margin-top: 150px}
	.broad h3{margin-bottom: 100px}
	.company02-content01 ul li:first-child{width: 500px}
	.company02-content01 ul li:first-child + li{width: calc(100% - 500px);padding-left: 100px}
	.company07-content01 ul.f0 > li{width: 500px}
	.company07-content01 ul.f0 > li:last-child{width: calc(100% - 500px);padding-left: 100px}
	.company07-content02 .swiper{width:1170px;margin-left: auto;margin-right: auto}
	.company07-content02 .wrap img{width: 200px}
	.company07-content02 .wrap .text-wrap{width: calc(100% - 200px)}
	.company05-content01 ul li:last-child{padding-left: 200px}
	.company05-content01 ul li .item .img-wrap{padding:50px 30px}
	.company06-content01 .wrap{padding:30px}
	.iot01-content02 ul li{width: 500px}
	.iot01-content02 ul li:last-child{width: calc(100% - 500px)}
	.iot02-content01 .flex > li{width:600px}
	.iot02-content01 .flex > li:first-child{width: calc(100% - 600px);padding-right: 100px}
	.iot02-content02 ul li{width: calc((100% - 16px) / 2)}
	.iot02-content02 ul li:nth-child(even){margin-right: 0}
	.iot02-content02 ul li:nth-child(3n){margin-right: 16px}
	.iot02-content02 ul li:nth-child(6n){margin-right: 0}
	.iot02-content02 ul li:nth-child(n+3){margin-top: 16px}
	.iot04-content02 ul.f0 > li:nth-child(even){padding-left: 100px}
	.ami03-content01 .flex > li{width: 100%}
	.ami03-content01 .flex > li:first-child{width: 100%;margin-bottom: 50px}
	.ami04-content01 .img-wrap{padding:60px}
	.ami04-content01 .img-wrap .flex .text-wrap{padding:20px 30px}
	.ami04-content03 .flex > li:last-child{padding-left: 100px}
	.ami04-content03 .flex .flex img{max-width: 200px}
	.ami05-content01 ul.f0 > li:first-child{padding:50px 80px}
	.contact-content01 ul li{width: 500px}
	.contact-content01 ul li:last-child{width: calc(100% - 500px);}
	.contact-content02 .map-wrap .right{padding:70px}
}

@media screen and (max-width:1199px){
	.container{width:970px }
	.broad h3{font-size: 70px}
	.company07-content01 ul.f0 > li{width: 100%}
	.company07-content01 ul.f0 > li:last-child{width: 100%;margin-top: 50px;padding-left: 0}
	.company07-content02 .swiper{width: 970px}
	.company03-content01 ul.flex > li:last-child{padding-left: 100px}
	.company06-content01 .flex > li:last-child{padding-left: 0}
	.iot01-content01{padding-bottom: 100px}
	.iot01-content01 ul li{width: calc((100% - 30px) / 2)}
	.iot01-content01 ul li:nth-child(even){margin-right: 0}
	.iot01-content01 ul li:nth-child(n+3){margin-top: 30px}
	.iot01-content02 ul li{width: 400px}
	.iot01-content02 ul li:last-child{width: calc(100% - 400px);padding-left: 100px}
	.iot02-content01 .flex{margin-top: 100px}
	.iot02-content01 .flex > li:first-child{width: 100%;padding-right: 0}
	.iot02-content01 .flex > li:last-child{width: 100%;margin-top: 50px}
	.iot02-content01{padding-bottom: 100px}
	.iot02-content02 ul + svg{margin-top: 100px}
	.iot02-content02{padding-bottom: 100px}
	.iot03-content01 ul li{width: 50%}
	.iot03-content01 ul li:nth-child(n+3){margin-top: 60px}
	.iot03-content02{margin-top: 100px;padding-bottom: 100px}
	.iot03-content02 .right{padding-left: 0}
	.title h3,.iot04-content01 .bg-color h4{font-size: 36px}
	.iot04-content01 .bg-color ul br{display: none}
	.iot04-content02 ul.f0 > li,.iot04-content02 ul.f0 > li:nth-child(even){width: 100%}
	.iot04-content02 ul.f0 > li:nth-child(even){margin-top: 50px;padding-left: 0}
	.iot04-content02 ul.f0:last-child{margin-top: 100px}
	.iot04-content02{padding-bottom: 100px}
	.ami01-content01 ul{margin-top: 100px}
	.ami01-content01{padding-bottom: 100px}
	.ami02-content01{padding-bottom: 100px}
	.ami03-content01{padding-bottom: 100px}
	.ami03-content01 .flex{margin-top: 100px}	
	.ami04-content01 .img-wrap .flex .text-wrap h5{font-size: 16px}
	.ami04-content03{padding-top: 100px;padding-bottom: 100px}
	.ami04-content03 .flex > li,.ami04-content03 .flex > li:last-child{width: 100%;padding-left: 0}
	.ami04-content03 .flex > li:last-child{margin-top: 50px}
	.ami04-content03 .flex .flex img{max-width: 100%}
	.ami05-content01{padding-bottom: 100px}
	.ami05-content01 ul.f0{margin-top: 100px}
	.ami05-content01 ul.f0 > li h4{font-size: 28px}
	.company01-content02 p{padding-left: 0}
	.ami08-content01{padding-bottom: 100px}
	.news01-content01{padding-bottom: 100px}
	.news01-content01 .news-list li .left{width: 400px}
	.news01-content01 .news-list li .right{width: calc(100% - 400px);padding-left: 50px}
	.prd-wrap .flex li:first-child{width: 100%;padding:50px}
	.prd-wrap .flex li.flex{width: 100%;margin-top: 50px;padding-left: 0}
	.prd-wrap .flex li .img-wrap{position: relative;top:0;left:0;transform: translate(0);width: 100%}
	.product01-content02{margin-top: 100px;padding-bottom: 100px}
	.main-content01 h3{font-size: 48px}
	.main-content01 .swiper-slide{height: 600px}
	.main-content02{padding-top: 100px}
	.main-content02 ul li{width: 100%}
	.main-content02 ul li h3{font-size: 36px}
	.main-content03{padding-top: 100px}
	.main-content04{padding-top: 100px}
	.main-content03 h3,.main-content04 h3{font-size: 36px}
	.main-content04 ul li{width: calc((100% - 30px) / 2)}
	.main-content04 ul li:nth-child(even){margin-right: 0}
	.main-content04 ul li:nth-child(3n){margin-right: 30px}
	.main-content04 ul li:nth-child(6n){margin-right: 0}
	.main-content04 ul li:nth-child(n+3){margin-top: 30px}
	.main-content05{padding:100px 0}
	.main-content07{padding:100px 0}
	.main-content02 .swiper-slide{padding:30px}
	.main-content02 .swiper-slide .slide-wrap{background-size: 100px}
	.main-content02 .swiper-slide h3{font-size: 36px}
	.main-content06{padding:100px 0}
	.main-content06 .swiper{padding:15px}
	h5.contact{font-size: 36px}
	.contact-content02{margin-top: 100px;padding-bottom: 100px}
	.contact-content01 ul li{width: 400px}
	.contact-content01 ul li:last-child{width: calc(100% - 400px);padding-left: 30px}
	.contact-content02 .map-wrap .left,.contact-content02 .map-wrap .right{width: 100%}

}

@media screen and (max-width:991px){
	header .container > ul{border:none}
	header .m-btn{display: block}
	header .container > ul{padding:10px 0}
	header h1 svg{width: 88px;height: 26px;}
	header .container > .flex > li:first-child > ul > li:last-child{display: none}
	footer{padding: 35px 0}
	footer .svg-wrap{padding-bottom: 35px}
	footer .svg-wrap svg{max-width: 300px}
	.footer-bottom > li{width: 100%}
	.footer-bottom > li:last-child{display: none}
	.footer-bottom .wrap:first-child{width: 100%;padding-right: 0;border:none}
	.footer-bottom .wrap:first-child + .wrap{width: 100%;margin-top: 20px;padding-left: 0}
	.container{width:100% }
	.broad{margin-top: 80px}
	.broad h3{margin-bottom: 80px;font-size: 50px;letter-spacing: 0}
	.company02-content01 ul li:first-child{width: 100%}
	.company02-content01 ul li:first-child + li{width: 100%;margin-top: 50px;padding-left: 0}
	.company07-content02 .swiper{width: 100%;padding-left: 15px;padding-right: 15px}
	.company01-content01{padding-bottom: 100px}
	.company01-content01 ul li:first-child,.company01-content01 ul li:first-child + li{width: 100%}
	.company01-content01 ul li:first-child + li{margin-top: 50px}
	.company01-content02 p{padding-left: 0}
	.company03-content01 ul.flex > li,.company03-content01 ul.flex > li:last-child{width: 100%}
	.company03-content01 ul.flex > li:last-child{margin-top: 50px;padding-left: 0}
	.company05-content01 ul li,.company05-content01 ul li:last-child{width: 100%}
	.company05-content01 ul li:last-child{margin-top: 50px;padding-left: 0}
	.company06-content01 .flex > li,.company06-content01 .flex > li:last-child{width: 100%}
	.company06-content01 .flex > li:last-child{margin-top: 50px}
	.iot01-content01 ul{margin-top: 80px}
	.iot01-content02{display: none}
	.iot03-content02 .left,.iot03-content02 .right{width: 100%}
	.iot03-content02 .right{margin-top: 50px}
	.ami04-content01 .img-wrap{padding:30px}
	.ami04-content01 .img-wrap .flex > div{width: 100%!important}
	.ami04-content01 .img-wrap .flex > div:first-child + div{order:1;margin-bottom: 30px}
	.ami04-content01 .img-wrap .flex > div:first-child{order:2;margin-bottom: 30px}
	.ami04-content01 .img-wrap .flex > div:first-child + div + div{order:3}
	.ami04-content03 .flex .flex img{max-width: 33%}
	.ami05-content01 ul.f0 > li{width: 100%;}
	.ami05-content01 ul.f0 > li:first-child{padding:50px 30px}
	.ami05-content01 ul.f0 > li:last-child{margin-left: 0;margin-top: 50px}
	.ami06-content01{padding-bottom: 100px}
	.ami08-content01 ul li{width: 100%;margin-right: 0!important;padding:30px}
	.ami08-content01 ul li:last-child{margin-top: 50px}
	.news01-content01 .news-list li .left,.news01-content01 .news-list li .right{width: 100%;}
	.news01-content01 .news-list li .right{margin-top: 50px;padding-left: 0}
	.news01-content01 .news-list li .right h3{font-size: 24px}
	.main-content02 .wrap,.main-content04 .wrap{padding-left: 50px;padding-right: 50px}
	.contact-content01 ul li:first-child{display: none}
	.contact-content01 ul li:last-child{width: 100%;padding-left: 0}
	.contact-content02 .map-wrap .right{padding:50px}
	.main-content02 ul li h3 br,.main-content02 ul li p br{display: none}
}

@media screen and (max-width:767px){
	.broad h4{padding-right: 0}
	.broad .wrap:before{height: 0}
	.broad ul li{margin-right: 15px;font-size: 14px}	
	.title.title02 h3{font-size: 32px}
	.company02-content01 ul li h4{margin-top: 80px}
	.company01-content01 ul li h3{font-size: 36px}
	.company01-content01 ul li h3 br{display: none}
	.company07-content01 ul.f0 > li ul li{padding-bottom: 20px;border-bottom:1px solid rgba(0,0,0,.6)}
	.company07-content01 ul.f0 > li ul li strong,.company07-content01 ul.f0 > li ul li span{width: 100%}
	.company07-content02 .wrap img{width: 300px;margin-top: 30px;margin-left: auto;margin-right: auto}
	.company07-content02 .wrap .text-wrap{width: 100%;margin-top: 30px;padding:0 15px 30px}
	.company07-content02 .wrap .text-wrap h4{font-size: 24px}
	.company07-content02 .wrap .text-wrap p{font-size: 16px}
	.company05-content01 ul li .item{width: calc((100% - 20px) / 2)}
	.company05-content01 ul li .item:nth-child(even){margin-right: 0}
	.company05-content01 ul li .item:nth-child(3n){margin-right: 20px}
	.company05-content01 ul li .item:nth-child(6n){margin-right: 0}
	.company05-content01 ul li .item:nth-child(n+3){margin-top: 30px}
	.company05-content01 ul li .item .img-wrap{padding:15px}
	.company05-content01 ul li .item h4{font-size: 16px}
	.company05-content01 ul li .item h5{font-size: 18px}
	.iot01-content01 ul li{width: 100%;margin-right: 0!important}
	.iot01-content01 ul li:nth-child(n+2){margin-top: 30px}
	.iot02-content02 ul li{width: 100%;margin-right: 0!important;padding:20px 15px}
	.iot02-content02 ul li:nth-child(n+2){margin-top: 16px}
	.iot02-content02 ul li h4{font-size: 18px}
	.iot02-content02 ul li .text-wrap{padding-left: 15px}
	.iot03-content01 ul li{width: 100%}
	.iot03-content01 ul li:nth-child(n+2){margin-top: 30px}
	.iot03-content01 ul li h5{font-size: 20px}
	.iot04-content01 .bg-color ul li{width: 100%}
	.iot04-content02 ul.f0 > li .flex div{width: 100%;margin-right: 0!important}
	.iot04-content02 ul.f0 > li .flex div:nth-child(n+2){margin-top: 25px}
	.iot04-content02 ul.f0 > li .flex div{height: 250px;padding:30px}
	.iot04-content02 .text-wrap{padding:30px}	
	.ami01-content01 ul li{width: 100%;margin-right: 0!important;padding:30px}
	.ami01-content01 ul li:nth-child(n+2){margin-top: 30px}
	.ami04-content01 .img-wrap .flex .text-wrap{min-height: auto}
	.ami04-content01 .flex li{width: 100%;margin-right: 0!important;padding:30px}
	.ami04-content01 ul li div{padding-left: 20px}
	.ami04-content01 ul li h5{font-size: 20px}
	.board-top{padding:25px 0}
	.board-top h3{font-size: 24px}
	.board-top strong,.board-top span{padding-right: 10px;font-size: 14px}
	.news-view .util-box > div{padding:25px 0}
	.prd-wrap .flex li h4{font-size: 24px}
	.prd-wrap .flex li p{font-size: 18px}
	.prd-wrap .flex li dd{font-size: 16px}
	.product01-content02 .contents table thead th{font-size: 14px}
	.product01-content02 .contents table tbody th{font-size: 14px}
	.main-content01 h3{font-size: 28px}
	.main-content01 p{font-size: 20px}
	.main-content01 .swiper-slide{height: 400px}
	.main-content01 a{width: 220px;height:50px;padding-left: 25px;background: url(../images/main/icon01.png) no-repeat center right+25px;line-height:48px}
	.main-content02 .swiper{padding:0 15px}
	.main-content02 .wrap,.main-content04 .wrap{padding-left: 0;padding-right: 0}
	.main-content02 ul li h3{font-size: 32px}
	.main-content04 ul li{width: 100%;margin-right: 0!important;padding:30px}
	.main-content04 ul li:nth-child(n+2){margin-top: 30px}
	.main-content05 p{width: 100%}
	.main-content07 p{font-size: 24px}
	h5.contact{font-size: 24px}
	.contact-content02 .map-wrap .right h3{font-size: 24px}
	.contact-content02 .map-wrap .right{padding:30px}

}

@media screen and (max-width:640px){
	.company02-content01 ul li p{font-size: 16px}
}

@media screen and (max-width:480px){
	.main-content01 h3{font-size: 24px}
	.main-content07 p{font-size: 20px}
}