@media screen and (max-width: 1500px) {
	.container {
		width: 95%;
		max-width: 1200px;
	}
	#proMap .po-a {
		width: auto;
	}
	.banner,
	article {
		padding-top: 89px;
	}
	.slick-prev,
	.slick-next {
		top: calc(50% + 45px);
	}
}
@media screen and (max-width: 1366px) {
	#about iframe {
		width: 900px;
		height: 500px;
	}
	#product .item .w-50 {
		min-height: 200px;
	}
}
@media screen and (max-width: 1280px) {
	.banner,
	article {
		padding-top: 86px;
	}
}
@media screen and (max-width: 1100px) {
	h1 {
		letter-spacing: 0;
	}
	header .container {
		width: 100%;
	}
	.pl-20 {
		padding-left: 75px;
	}
	.banner,
	article {
		padding-top: 92px;
	}
	#map .w-33 {
		width: 40%;
	}
	#map .w-66 {
		width: 60%;
	}
	#map form .w-20,
	.picTxt.pc,
	#product .pc-pad {
		display: none;
	}
	#product .phone {
		display: block;
	}
	#map form .w-80 {
		width: 100%;
	}
	h2 > .w-15 {
		width: 20%;
	}
	#about .po-a:not(#anchor) {
		top: 32%;
	}
	h1 {
		font-size: 30px;
		letter-spacing: 5px;
	}
	h2,
	.h2 {
		font-size: 22px;
	}
	h3,
	.h3 {
		font-size: 20px;
	}
	h4,
	.h4 {
		font-size: 18px;
	}
	h5,
	.h5 {
		font-size: 16px;
	}
	h6,
	.h6 {
		font-size: 14px;
	}
	p {
		font-size: 12px;
	}
	#proMap .po-a {
		width: auto;
	}
	#about iframe {
		width: 700px;
		height: 420px;
	}
}
@media screen and (max-width: 890px) {
	header .en {
		letter-spacing: -0.7px;
	}
}
@media screen and (max-width: 768px) {
	header .en {
		letter-spacing: -0.2px;
	}
	header .w-70 .w-70 .w-25 > a {
		display: block;
		width: 100%;
	}
	.pl-20 {
		padding-left: 67px;
	}
	#about iframe {
		width: 90vw;
	}
	h1 > [class^='bgi'] {
		font-size: 28px;
	}
	.banner,
	article {
		padding-top: 69px;
	}
	.slick-prev,
	.slick-next {
		top: calc(50% + 35px);
	}
	h5 a.w-10 {
		width: 100px;
	}
	#contact iframe {
		height: 250px;
	}
	#sec1 .w-25 {
		width: 50%;
	}
	header > .container.row {
		justify-content: space-between;
		padding: 0 1rem;
	}
	header > .container > .w-30 {
		width: auto;
	}
	h1 {
		font-size: 28px;
		letter-spacing: 0;
	}
	h2,
	.h2,
	.index_slick .po-a h1 {
		font-size: 20px;
	}
	h3,
	.h3 {
		font-size: 18px;
	}
	h4,
	.h4 {
		font-size: 16px;
	}
	h5,
	.h5 {
		font-size: 14px;
	}
	h6,
	.h6,
	p {
		font-size: 12px;
	}
	.pc,
	nav .action:before {
		display: none;
	}
	.ph {
		display: block;
	}
	h2 > .w-15 {
		width: 45%;
		margin-bottom: 1rem;
	}
	header .w-70,
	header .w-70 .w-25,
	header .w-70 .w-30,
	header > .container,
	#map .w-40,
	#map .w-60,
	#itemBox .w-60,
	#itemBox .w-40,
	.main .w-50,
	#contact .w-60,
	#about .sec1 .w-50 {
		width: 100%;
	}
	.mapTitle > div {
		max-width: 100%;
	}
	header .w-70 .w-25,
	header .w-70 .w-30 {
		border-bottom: 2px solid #4584ac;
	}
	header .w-70 .w-30 h4 {
		width: auto;
	}
	nav.w-70 {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: rgba(255, 255, 255, 0.9);
		z-index: 9999;
		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
	}
	nav.w-70 .action.w-25 {
		border-color: #44c64d;
	}
	nav h4,
	nav h4.txt-1 {
		font-size: 20px;
		color: inherit;
	}
	header .w-70 .w-70 .w-25 > a {
		display: block;
		padding: 16px 0;
		width: 100%;
	}
	nav h5.txt-1 {
		font-size: 18px;
		color: inherit;
	}
	#production #result .w-20 {
		width: 30%;
	}
	.index_slick .po-a h1 {
		padding: 5px 0;
	}
	.main .br-1,
	.main .bl-1 {
		border: none;
	}
	#contact .human {
		width: 23vw;
		right: 0;
	}
}
@media screen and (max-width: 600px) {
	#about iframe {
		height: 570px;
	}
	h1 {
		font-size: 24px;
	}
	.picture7 {
		bottom: 58%;
		right: 68%;
	}
	.picture8 {
		bottom: 77%;
	}
	form > .row > .w-50 {
		width: 100%;
		padding: 5px 0;
	}
}
@media screen and (max-width: 480px) {
	#production .sec1,
	#production .sec2 {
		padding-bottom: 1rem;
	}
	.pl-20 {
		padding-left: 59px;
	}
	h1 {
		font-size: 22px;
		letter-spacing: 0;
	}
	h2,
	.h2 {
		font-size: 18px;
	}
	h3,
	.h3 {
		font-size: 16px;
	}
	h4,
	.h4 {
		font-size: 14px;
	}
	h5,
	.h5 {
		font-size: 12px;
	}
	#about h1 {
		font-size: 18px;
	}
	.pc-pad {
		display: none;
	}
	.picture7 {
		bottom: 60%;
		right: 66%;
	}
	.picture8 {
		bottom: 75%;
		right: 56%;
	}
	#result .w-55,
	#result .w-45,
	#result .w-70 {
		width: 100%;
		padding: 10px;
	}
	#contact .human {
		display: none;
	}
	#contact .w-10 {
		padding: 0 3px;
	}
	#contact h2 {
		font-size: 16px;
	}
	#about iframe {
		height: 520px;
	}
}
@media screen and (max-width: 360px) {
	.picture {
		min-width: 50px;
	}
	#production #result .w-20 {
		width: 35%;
	}
	#about iframe {
		height: 470px;
	}
}
@media screen and (max-width: 320px) {
	header .en {
		letter-spacing: -0.7px;
	}
	.banner,
	article {
		padding-top: 79px;
	}
	header > .container.row {
		padding: 5px;
	}
	.picture7 {
		bottom: 58%;
		right: 68%;
	}
	.picture8 {
		bottom: 77%;
	}
	.index_slick .po-a h1 {
		font-size: 18px;
	}
}