@charset "UTF-8";
/* auther: cee; */

article #kv {background-image: url(/jpn/images/safety/SNELL/kv_bg.jpg);}
article .about .box::before {
content: '';
background: url(/jpn/images/safety/SNELL/pete.jpg) no-repeat center top;
background-size: cover;
}
article .certification {
background: rgba(247,247,247,1);
position: relative;
}
article .certification::before {
content: '';
background: rgba(209,209,209,1) url(/jpn/images/safety/SNELL/certification_bg.png) repeat center center;
background-size: cover;
}
article .message .container::before {background-image: url(/jpn/images/safety/SNELL/message_bg.jpg);}

@media all and (min-width:995px) {
	article .about {padding: 150px 0;}
	article .about .box {position: relative;}
	article .about .box::before {
	width: calc(50% - 10px);
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	}
	article .about .box {padding-right: calc(50% + 10px);}
	article .certification {overflow: hidden;}
	article .certification::before {
	width: 50vw;
	height: 100%;
	position: absolute;
	left: calc(640px + 20vw);
	top: 0;
	}
	article .certification .container {
	max-width: 100%;
	padding: 0;
	}
	article .certification .box {
	max-width: calc(640px + 10vw);
	padding: 150px 0 150px 10vw;
	}
	article .certification h4 {text-align: left;}
}
@media all and (max-width:994.9px) {
	article .about {padding: 120px 0;}
	article .about .box::before {
	max-width: 640px;
	height: 450px;
	margin: 20px auto;
	display: block;
	}
	article .certification {padding: 0 0 120px;}
	article .certification::before {
	height: 250px;
	margin-bottom: 20px;
	display: block;
	}
}