@charset "UTF-8";

:root {
	--colorBk: #000;
	--colorWh: #fff;
	--colorNv: #343399;
}

#lead {
	background: url(../images/common/common_bg_02.jpg) no-repeat right top/100vw auto;
	padding: 110px 0 120px;
}
#initiatives {
	min-width: 1280px;
	background: linear-gradient(to bottom, #e3f3fe 0%,#cae9fb 100%);
	padding: 110px 0 120px;
	.bl1 {
		ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			li {
				width: calc(calc(100% - 20px) / 2);
				background: #fff;
				border-radius: 15px;
				margin-bottom: 30px;
				padding: 30px 30px 30px 140px;
				position: relative;
				&:last-child {
					width: 100%;
				}
				&::before {
					content: "";
					width: 87px;
					aspect-ratio: 1 / 1;
					background-repeat: no-repeat;
					background-size: 100% auto;
					position: absolute;
					top: calc(50% - 44px);
					left: 30px;
				}
				&:nth-child(1)::before {
					background-image: url(../images/quality/initiatives_s_01.svg);
				}
				&:nth-child(2)::before {
					background-image: url(../images/quality/initiatives_s_02.svg);
				}
				&:nth-child(3)::before {
					background-image: url(../images/quality/initiatives_s_03.svg);
				}
				&:nth-child(4)::before {
					background-image: url(../images/quality/initiatives_s_04.svg);
				}
				&:nth-child(5)::before {
					background-image: url(../images/quality/initiatives_s_05.svg);
				}
				h3 {
					color: var(--colorNv);
				}
				p {
					color: #707070;
				}
			}
		}
	}
}
#compliance {
	padding: 110px 0 120px;
	.bl1 {
		.midashi {
			span {
				color: var(--colorNv);
			}
		}
	}
}
#award {
	min-width: 1280px;
	background: #efefef;
	padding: 110px 0 120px;
	.bl1 {
		ul {
			display: flex;
			justify-content: space-between;
			li {
				width: calc(calc(100% - 72px) / 3);
				text-align: center;
				background: #fff;
				border-radius: 15px;
				padding: 50px 40px;
				.fig {
					width: 81px;
					margin: 0 auto 20px;
					img {
						width: 100%;
					}
				}
				h3 {
					color: var(--colorNv);
				}
				p {
					color: #7d7b7b;
				}
			}
		}
	}
}
#management {
	padding: 110px 0 120px;
	.bl1 {
		ul {
			display: flex;
			justify-content: space-between;
			li {
				width: calc(calc(100% - 30px) / 2);
				background: #f5f5f5;
				border-radius: 15px;
				padding: 30px 40px;
				h3 {
					color: var(--colorNv);
				}
				p {
					color: #707070;
				}
			}
		}
	}
}


@media screen and (max-width:799px) {

	#lead {
		padding: 13vw 0;
	}
	#initiatives {
		min-width: initial;
		background: linear-gradient(to bottom, #e3f3fe 0%,#cae9fb 100%);
		padding: 13vw 0;
		.bl1 {
			ul {
				display: block;
				li {
					width: 100%;
					margin-bottom: 6vw;
					padding: 5vw;
					&::before {
						width: 10vw;
						top: 5vw;
						left: 5vw;
					}
					h3 {
						padding-top: 2vw;
						padding-left: 12vw;
					}
				}
			}
		}
	}
	#compliance {
		padding: 13vw 0;
	}
	#award {
		min-width: initial;
		padding: 13vw 0;
		.bl1 {
			ul {
				display: block;
				li {
					width: 100%;
					margin-bottom: 5vw;
					padding: 5vw;
					.fig {
						width: 10vw;
						margin-bottom: 5vw;
					}
				}
			}
		}
	}
	#management {
		padding: 13vw 0;
		.bl1 {
			ul {
				display: block;
				li {
					width: 100%;
					margin-bottom: 5vw;
					padding: 5vw;
				}
			}
		}
	}

}