.safetyTop { height: 310px; background: url(../img/safety/top.jpg) center; background-size: cover; position: relative; border-radius: 0 0 1000px 1000px / 0 0 100px 100px; margin: 90px -100px 0; padding: 90px 0 0; box-sizing: border-box; }
.safetyTop h2 { display: block; font-size: 60px; line-height: 80px; color: #FFF; text-shadow: 0 0 10px #0003; }
.safetyTop h2 span { display: block; font-size: 30px; font-weight: bold; line-height: 40px; }

.safetyFacility { padding: 60px 0 120px; background: #FFF; position: relative; }
.safetyFacility:before { content: ""; display: block; width: 100%; height: 120px; background-color: #FCE883; background-image: radial-gradient(#FFF6 2px, transparent 0), radial-gradient(#FFF6 2px, transparent 0); background-size: 20px 20px; background-position: 0 0, 10px 10px; position: absolute; bottom: 0; }
.safetyFacility:after { content: ""; display: block; width: calc(100% + 240px); height: 120px; background: #FFF; position: absolute; bottom: 0; border-radius: 0 0 1000px 1000px / 0 0 100px 100px; margin: 0 -100px; }

.safetyFacility h3 { font-size: 60px; font-weight: 900; line-height: 60px; text-align: center; padding: 60px 0 0; }
.safetyFacility h3 span { display: block; color: #0067B7; font-size: 30px; line-height: 30px; margin: 20px 0 0; }

.safetyFacility ul { display: flex; flex-wrap: wrap; margin: 0; justify-content: space-between; }
.safetyFacility ul li { width: 360px; margin: 60px 0 0; }
.safetyFacility ul li figure img { border-radius: 0 0 20px 20px; }
.safetyFacility ul li h4 { line-height: 60px; background: #0067B7; font-size: 24px; color: #FFF; text-align: center; border-radius: 20px 20px 0 0; }
.safetyFacility ul li p { font-size: 20px; line-height: 30px; padding: 20px 0 0 40px; }
.safetyFacility ul li p i { margin: 0 10px 0 -30px; color: #0067B7; }

.safetyFacility ul+p { font-size: 16px; line-height: 25px; margin: 40px 0 0; text-align: right; }

.safetyPrevetion { padding: 120px 0; background-color: #FCE883; background-image: radial-gradient(#FFF6 2px, transparent 0), radial-gradient(#FFF6 2px, transparent 0); background-size: 20px 20px; background-position: 0 0, 10px 10px; position: relative; border-radius: 0 0 1000px 1000px / 0 0 100px 100px; margin: 0 -100px; }
.safetyPrevetion:before { content: ""; display: block; width: 100%; height: 120px; background: #FFF; position: absolute; bottom: 0; }
.safetyPrevetion:after { content: ""; display: block; width: calc(100% + 240px); height: 120px; background-color: #FCE883; background-image: radial-gradient(#FFF6 2px, transparent 0), radial-gradient(#FFF6 2px, transparent 0); background-size: 20px 20px; background-position: 0 0, 10px 10px; position: absolute; bottom: 0; border-radius: 0 0 1000px 1000px / 0 0 100px 100px; margin: 0 -100px; }

.safetyPrevetion h3 { font-size: 60px; font-weight: 900; line-height: 60px; text-align: center; margin: 0; }
.safetyPrevetion h3 span { display: block; color: #0067B7; font-size: 30px; line-height: 30px; margin: 20px 0 0; }

.safetyPrevetion p { font-size: 24px; line-height: 40px; margin: 60px 0 0; text-align: center; }

.safetyPrevetion .inner ol li { width: 1100px; margin: 60px auto 0; background: #FFF; border-radius: 20px; padding: 40px; box-sizing: border-box; }
.safetyPrevetion .inner ol li h4 { line-height: 70px; font-size: 40px; color: #00C1DE; }
.safetyPrevetion .inner ol li h4 b { display: inline-block; margin-right: 10px; width: 60px; line-height: 60px; text-align: center; border-radius: 30px; color: #FFF; background: #00C1DE;}
.safetyPrevetion .inner ol li p { font-size: 20px; line-height: 30x; margin: 20px 0 0; text-align: left; }
.safetyPrevetion .inner ol li ul { display: flex; margin: 20px 0 0; justify-content: center; }
.safetyPrevetion .inner ol li ul li { width: auto; margin: 0 20px; padding: 0; }
.safetyPrevetion .inner ol li ul li img { border-radius: 20px; }

.safetyPrevetion .inner ol li:nth-child(2) h4 { color: #00BA71; }
.safetyPrevetion .inner ol li:nth-child(2) h4 b { background: #00BA71; }
.safetyPrevetion .inner ol li:nth-child(3) h4 { color: #FF8901; }
.safetyPrevetion .inner ol li:nth-child(3) h4 b { background: #FF8901; }
.safetyPrevetion .inner ol li:nth-child(4) h4 { color: #F43545; }
.safetyPrevetion .inner ol li:nth-child(4) h4 b { background: #F43545; }


@media only screen and (max-width: 1260px) {
	.safetyTop { margin-top: 60px; }
	.safetyTop .inner { width: calc(100% - 200px); padding: 0 15px; }

	.safetyFacility .inner { width: 100%; padding: 0 15px; }
	
	.safetyPrevetion .inner { width: calc(100% - 200px); padding: 0 15px; }
	.safetyPrevetion .inner ol li { width: 100%; }

}


@media only screen and (max-width: 520px) {
	.safetyTop { height: 140px; margin-top: 60px; padding: 0; }
	.safetyTop .inner { width: calc(100% - 200px); padding: 30px 15px 0; }
	
	.safetyTop h2 { font-size: 32px; ; line-height: 40px; }
	.safetyTop h2 span { font-size: 16px; line-height: 20px; }


	.safetyFacility { padding: 60px 0; margin: 0; }
	.safetyFacility .inner { padding: 0 15px; }
	.safetyFacility:before { height: 60px;}
	.safetyFacility:after { height: 60px;}

	.safetyFacility h3 { font-size: 32px; line-height: 40px; padding: 0; }
	.safetyFacility h3 span { font-size: 16px; line-height: 20px; }
	.safetyFacility ul { margin: 0; justify-content: center; }
	.safetyFacility ul li { width: 100%; margin: 30px 0 0; }
	.safetyFacility ul li h4 { border-radius: 10px 10px 0 0; }
	.safetyFacility ul li figure img { width: 100%; border-radius: 0 0 10px 10px; }
	.safetyFacility ul li p { width: 100%; box-sizing: border-box; font-size: 16px; line-height: 25px; }
	.safetyFacility ul li p i { }



	.safetyPrevetion { padding: 60px 0; margin: 0; }
	.safetyPrevetion .inner { width: 100%; padding: 0 15px; }
	.safetyPrevetion:before { height: 60px;}
	.safetyPrevetion:after { height: 60px;}

	.safetyPrevetion h3 { font-size: 32px; ; line-height: 40px; }
	.safetyPrevetion h3 span { font-size: 16px; line-height: 20px; }
	.safetyPrevetion p { font-size: 16px; line-height: 25px; margin: 30px 0 0; text-align: left; }

	.safetyPrevetion .inner ol li { width: 100%; margin: 30px 0 0; border-radius: 10px; padding: 15px; }
	.safetyPrevetion .inner ol li h4 { line-height: 50px; font-size: 30px; }
	.safetyPrevetion .inner ol li h4 b { width: 50px; line-height: 50px; }
	.safetyPrevetion .inner ol li p { font-size: 16px; line-height: 25px; margin: 15px 0 0; }
	.safetyPrevetion .inner ol li ul { margin: 15px 0 0; }
	.safetyPrevetion .inner ol li ul li { margin: 0 7.5px; }
	.safetyPrevetion .inner ol li ul li img { border-radius: 5px; }
}