@charset "utf-8";

/*サブメニューの読み込み*/
@import url(sub-menu.css);

#certification {
	/*color: #999999;*/
}

/**/
section#certification {
	padding: 20px 0;
}
section#certification h2 {
	text-align: center;
}

section#certification h3 {
	font-size: 1.2em;
		letter-spacing: 1px;
		text-align: center;
		/*margin-top: 0;*/
		/*color: #6d8eb2;*/
		padding-bottom: 10px;
		border-bottom: 1px #224982 solid;
}

section#certification .inner {
	max-width: 1100px;
	margin: 0 auto;
}

section#certification .inner .img-area {
	display: flex;
	justify-content: space-around;
}

section#certification .inner .marks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

section#certification .inner .marks ul li {
	padding: 0;
	text-align: center;
	background-color: #FFF;
}

section#certification .inner .marks ul li img {
	display: inline;
}

section#certification .ninshou .inner .img-area .iso9001,
section#certification .ninshou .inner .img-area .iso14001 {
	text-align: center;
}

section#certification .inner .img-area .box small {
	display: inline-block;
	margin-top: 10px;
}

section#certification .inner .exp {
	text-align: center;
	padding: 20px 0;
}

section#certification .anzen .inner .img-area .box {
	text-align: center;
}

section#certification .anzen .inner .img-area .box img {
	display: inline-block;
}

section#certification .anzen .inner .img-area .box strong {
	font-size:1.2em;
	display: block;
	margin: 10px 0;
}

/* PC*/
@media print,
screen and (min-width: 768px) {
	/*認証マーク*/
	section#certification .inner .marks ul {
		width: 100%;
		display: flex;
		justify-content: space-around;
	}
}

/* SP */
@media screen and (max-width:767px) {
	section#certification {
		padding: 10px;
	}

	section#certification .ninshou .inner .img-area {
		display: flex;
		flex-direction: column;
	}

	/*認証マーク*/
	section#certification .inner .marks {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	section#certification .inner .marks ul li:not(:last-child) {
		padding-bottom: 20px;
	}

	/*安全*/
	section#certification .anzen .inner .img-area {
		flex-direction: column;
	}

		section#certification .anzen .inner .img-area .csa-kikaku {
			margin-top: 20px;
		}
}