@charset "utf-8";
/*========= 品質管理 ===============*/
/*========= pc（1200px） ===============*/
#quality{
	width: 100%;
	margin: 0 auto;
}
#qualityHead{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0px 15px;
	background-color: #ffffff;
}
#quality h2{
	font-size: 1.8rem;
	border-bottom: 3px solid #517D88;
	margin: 40px 0px 40px 0px;
}

/*　ISO22000　*/
#quality #sec1{
	max-width:1200px;
	margin:0 auto;
	padding: 0px 15px;
	background-color: #ffffff;
}
#quality #iso h3{
	font-size: 1.8rem;
	font-weight: normal;
	text-align: center;
}
#quality #iso .img{
	display: flex;
	margin: 30px 60px 0px 60px;
}
#quality #iso .img img{
	margin: 0 auto;
}
#quality #iso .text{
	margin: 50px 0px 0px 0px;
	line-height: 1.8rem
}

/*　GMP　*/
#quality #sec2{
	width: 100%;
	background-color: #ccdfe1;
}
#quality #gmp{
	max-width:1200px;
	margin: 0 auto;
	padding: 60px 15px;
}
#quality #gmp h3{
	font-size: 1.8rem;
	font-weight: normal;
	text-align: center;
	margin: 0px 0px 30px 0px;
}
#quality .gmpBox{
	display: flex;
}
#quality .gmpBox .text,
#quality .gmpBox .img{
	flex: 1;
}
#quality #gmp .text{
	margin: 0px 15px 0px 0px;
	line-height: 1.8rem;
}
#quality .gmpBox .img img{
	width: 100%;
}

/*　品質方針　*/
#quality #policy{
	max-width:1200px;
	margin:0 auto;
	padding:40px 100px 0px 100px;
	background-color: #ffffff;
}
#quality #policy h3{
	font-size: 1.8rem;
	font-weight: normal;
	text-align: center;
	margin: 0px 0px 20px 0px;
}
#quality #policy .text{
	line-height: 1.8rem;
}
#quality #policy ul{
	list-style-type: none;
	padding: 30px 0px;
}
#quality #policy ul li{
	padding: 10px 0px;
}
#quality #policy ul li h4{
	padding: 10px 0px;
	font-size: 1.2rem;
	text-align: center;
	border: 1px solid #517D88;
	margin: 20px 0px;
}
#quality #policy ul li p{
	margin: 0px 50px;
}

/*========= tablet（959px～700px）===============*/
@media screen and (max-width:959px) {
#quality{
	width:100%;
	font-size: 0.9rem;
}
#qualityHead{
	width:100%;
	padding: 0px 15px;
}
#quality h2{
	font-size: 1.6rem;
}

/*　ISO22000　*/
#quality #sec1{
	width:100%;
	padding: 0px 15px;
}
#quality #iso h3{
	font-size: 1.6rem;
}
#quality #iso .img{
	margin: 30px 20px 0px 20px;
}
#quality #iso .img img{
	width:30%;
	max-width:220px;
}
#quality #iso .text{
	margin: 50px 0px 0px 0px;
	line-height: 1.6rem
}

/*　GMP　*/
#quality #gmp{
	width:100%;
	padding: 50px 15px;
}
#quality #gmp h3{
	font-size: 1.6rem;
	margin: 0px 0px 30px 0px;
}
#quality .gmpBox{
	display: flex;
}
#quality #gmp .text{
	margin: 0px 15px 0px 0px;
	line-height: 1.6rem;
}
#quality #gmp .img img{
	width:100%;
}

/*　品質方針　*/
#quality #policy{
	width:100%;
	padding: 40px 15px 0px 15px;
}
#quality #policy h3{
	font-size: 1.6rem;
}
#quality #policy .text{
	line-height: 1.6rem;
}
#quality #policy ul{
	padding: 20px 0px;
}
#quality #policy ul li{
	padding: 10px 0px;
}
#quality #policy ul li h4{
	padding: 10px 0px;
	font-size: 1.2rem;
	margin: 20px 0px;
}
#quality #policy ul li p{
	margin: 0px 50px;
}
}

/*========= tablet（699px～520px）===============*/
@media screen and (max-width:699px) {
#quality h2{
	font-size: 1.4rem;
	margin: 30px 0px 30px 0px;
}

/*　ISO22000　*/
#quality #sec1{
	width:100%;
	padding: 0px 15px;
}
#quality #iso h3{
	font-size: 1.4rem;
}
#quality #iso .text{
	margin: 30px 0px 0px 0px;
	line-height: 1.6rem
}

/*　GMP　*/
#quality #gmp h3{
	font-size: 1.4rem;
	margin: 0px 0px 30px 0px;
}
#quality .gmpBox{
	flex-flow: column;
	flex-direction: column-reverse;
	margin-bottom: 20px;
}
#quality #gmp .text{
	margin: 10px 0px 0px 0px;
	line-height: 1.6rem;
}

/*　品質方針　*/
#quality #policy h3{
	font-size: 1.4rem;
}
#quality #policy .text{
	line-height: 1.4rem;
}
#quality #policy ul{
	padding: 15px 0px;
}
}

/*========= sp（519px以下）===============*/
@media screen and (max-width:519px) {
#qualityHead{
	width:100%;
	padding: 0px 10px;
}
#quality h2{
	font-size: 1.2rem;
	margin: 30px 0px 30px 0px;
}

/*　ISO22000　*/
#quality #sec1{
	width:100%;
	padding: 0px 10px;
}
#quality #iso h3{
	font-size: 1.2rem;
}
#quality #iso .img{
	margin: 30px 10px 0px 10px;
}
#quality #iso .img img{
	width:30%;
	max-width:220px;
}
#quality #iso .text{
	margin: 30px 0px 0px 0px;
	line-height: 1.6rem;
}

/*　GMP　*/
#quality #gmp{
	width:100%;
	padding: 40px 10px;
}
#quality #gmp h3{
	font-size: 1.2rem;
	margin: 0px 0px 30px 0px;
}
#quality .gmpBox{
	display: flex;
}
#quality #gmp .text{
	line-height: 1.6rem;
}
#quality #gmp .img img{
	width:100%;
}

/*　品質方針　*/
#quality #policy{
	width:100%;
	padding: 30px 10px 0px 10px;
}
#quality #policy h3{
	font-size: 1.4rem;
	margin: 20px 0px 20px 0px;
}
#quality #policy .text{
	line-height: 1.6rem;
}
#quality #policy ul{
	padding: 20px 0px;
}
#quality #policy ul li{
	padding: 10px 0px;
}
#quality #policy ul li h4{
	padding: 8px 0px;
	font-size: 1.2rem;
	margin: 15px 0px;
}
#quality #policy ul li p{
	margin: 0px 20px;
	line-height: 1.6rem;
}
}