/**
 * ----------------------------------------------------------------------------
 * Main Visual
 * ----------------------------------------------------------------------------
 */
.mv {
	position: relative;
	width: 100%;
}

@media (max-width: 768px) {
	.mv {
		background: url(../img/quality-management/mv-sp.jpg) center/cover no-repeat;
		height: 250px;
	}
}

@media (min-width: 769px) {
	.mv {
		background: url(../img/quality-management/mv.jpg) center/cover no-repeat;
		height: 500px;
	}
}

/**
 * ----------------------------------------------------------------------------
 * Introduction
 * ----------------------------------------------------------------------------
 */
@media (max-width: 768px) {
	.intro {
		margin: 40px auto 0;
	}
}

@media (min-width: 769px) {
	.intro {
		margin: 50px auto 0;
		width: 660px;
		font-size: 110%;
	}
}


@media (min-width: 769px) {

	.intro-h {
		font-size: 32px;
		font-weight: 500;
		text-align: center;
	}

}

@media (max-width: 768px) {

	.intro-h {
		font-size: 24px;
		font-weight: 500;
		text-align: center;
	}

}

@media (max-width: 768px) {
	.intro-desc {
		line-height: 32px;
		margin: 30px 0 0;
		padding: 0 20px;

	}
}

@media (min-width: 769px) {
	.intro-desc {
		line-height: 40px;
		margin: 40px 0 0;
		text-align: center;
		font-size: 120%;
	}
}

.intro-img {
	width: 100%;
}

@media (max-width: 768px) {
	.intro-img {
		margin: 35px 0 0;
	}
}

@media (min-width: 769px) {
	.intro-img {
		margin: 40px 0 0;
	}
}

/**
 * ----------------------------------------------------------------------------
 * Certification
 * ----------------------------------------------------------------------------
 */
.cert {
	background: #ecf1f4;
}

@media (max-width: 768px) {
	.cert {
		margin: 20px 0 0;
		padding: 60px 0 70px;
	}
}

@media (min-width: 769px) {
	.cert {
		margin: 80px 0 0;
		padding: 80px 0;
	}
}

.cert-badge {
	background: #fff;
	border-radius: 10px;
}

@media (max-width: 768px) {
	.cert-badge {
		align-items: center;
		display: flex;
		flex-direction: column;
		height: 230px;
		justify-content: center;
		margin: 35px auto 0;
		width: 280px;
	}
}

@media (min-width: 769px) {
	.cert-badge {
		align-items: center;
		display: flex;
		height: 194px;
		justify-content: center;
		margin: 30px auto 0;
		width: 660px;
	}
}

@media (max-width: 768px) {
	.cert-badge img {
		height: 112px;
		margin: 16px 0 0;
		order: 2;
		width: 222px;
	}
}

@media (min-width: 769px) {
	.cert-badge img {
		height: 156px;
		width: 307px;
	}
}

@media (max-width: 768px) {
	.cert-badge-desc {
		line-height: 30px;
		order: 1;
		text-align: center;
	}
}

@media (min-width: 769px) {
	.cert-badge-desc {
		font-size: 18px;
		height: 156px;
		line-height: 37px;
		padding: 0 0 0 20px;
		width: 307px;
	}
}

@media (max-width: 768px) {
	.cert-item {
		margin: 45px auto 0;
		padding: 0 32px;
		width: 100%;
	}
}

@media (min-width: 769px) {
	.cert-item {
		display: flex;
		justify-content: space-between;
		margin: 60px auto 0;
		width: 960px;
	}
}

@media (max-width: 768px) {
	.cert-item li {
		width: 100%;
	}

	.cert-item li + li {
		margin: 50px 0 0;
	}
}

@media (min-width: 769px) {
	.cert-item li {
		width: 296px;
	}
}

.cert-item-img {
	align-items: center;
	background: #fff;
	border-radius: 50%;
	display: flex;
	height: 158px;
	justify-content: center;
	margin: 0 auto;
	width: 158px;
}

.cert-item-title {
	font-weight: 500;
	letter-spacing: .1em;
	text-align: center;
}

@media (max-width: 768px) {
	.cert-item-title {
		font-size: 19px;
		margin: 24px 0 0;
	}
}

@media (min-width: 769px) {
	.cert-item-title {
		font-size: 24px;
		margin: 24px 0 0;
	}
}

.cert-item-date {
	color: #2baae2;
	font-weight: 500;
	letter-spacing: .1em;
	text-align: center;
}

@media (max-width: 768px) {
	.cert-item-date {
		font-size: 13px;
		margin: 12px 0 0;
	}
}

@media (min-width: 769px) {
	.cert-item-date {
		font-size: 18px;
		margin: 16px 0 0;
	}
}

.cert-item-desc {
	font-weight: 300;
	letter-spacing: .05em;
	font-size: 110%;
}

@media (max-width: 768px) {
	.cert-item-desc {
		line-height: 28px;
		margin: 16px 0 0;
	}
}

@media (min-width: 769px) {
	.cert-item-desc {
		line-height: 28px;
		margin: 32px 0 0;
	}
}

@media (max-width: 768px) {
	.facility {
		margin: 70px 0;
	}
}

@media (min-width: 769px) {
	.facility {
		margin: 80px 0;
	}
}

@media (max-width: 768px) {
	.facility-intro {
		font-size: 18px;
		line-height: 32px;
		margin: 30px 0 0;
		padding: 0 20px;
		text-align: left;
	}
}

@media (min-width: 769px) {
	.facility-intro {
		font-size: 22px;
		line-height: 2;
		margin: 40px 0 0;
		text-align: center;
	}
}

@media (max-width: 768px) {
	.facility .grid {
		margin-top: 45px;
	}
}

@media (min-width: 769px) {
	.facility .grid {
		margin-top: 50px;
	}
}

/*# sourceMappingURL=quality-management.css.map */
