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

article #kv {background-image: url(/jpn/images/safety/R75-SHAPE/kv_bg.jpg);}
article .about {
padding-bottom: 240px;
position: relative;
}
article .about::before {
width: 100%;
height: 240px;
content: '';
background: #000;
position: absolute;
left: 0;
bottom: 0;
}
article .about::after {
width: 90%;
height: 120px;
margin: 0 auto;
content: '';
visibility: visible;
background: #000 url(/jpn/images/safety/R75-SHAPE/logo.png) no-repeat center center;
background-size: contain;
position: absolute;
left: 0;
right: 0;
bottom: 60px;
}
article .feature ol {
width: 100%;
list-style: none;
}
article .feature li {
padding: 10px 20px 340px;
color: #fff;
line-height: 1.5em;
position: relative;
z-index: 1;
}
article .feature li::before {
width: 100%;
height: 100%;
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
article .feature li::after {
width: 100%;
height: 100%;
content: '';
background-repeat: no-repeat;
background-position: center bottom;
background-size: auto 280px;
position: absolute;
left: 0;
bottom: 30px;
z-index: 3;
}
article .feature li:nth-of-type(1)::after {background-image: url(/jpn/images/safety/R75-SHAPE/feature01.png);}
article .feature li:nth-of-type(2)::after {background-image: url(/jpn/images/safety/R75-SHAPE/feature02.png);}
article .feature li:nth-of-type(3)::after {background-image: url(/jpn/images/safety/R75-SHAPE/feature03.png);}
article .feature li span {
display: none;
visibility: hidden;
}
article .impacts {
color: #fff;
background: #2D2D2D url(/jpn/images/safety/R75-SHAPE/impacts_bg.png) repeat 0 0;
}
article .impacts h3::after {
width: 100%;
margin-top: 40px;
content: '';
background: url(/jpn/images/safety/R75-SHAPE/impacts.png) no-repeat center top;
background-size: contain;
display: block;
}
article .takumi .box::after {
max-width: 640px;
width: 100%;
height: 280px;
margin: 60px auto 0;
content: '';
visibility: visible;
background: #f3f7f7 url(/jpn/images/safety/R75-SHAPE/takumi.jpg) no-repeat right top;
background-size: auto 100%;
display: block;
clear: both;
}
article .message .container::before {background-image: url(/jpn/images/safety/R75-SHAPE/message_bg.jpg);}

@media all and (min-width:995px) {
	article .about .container {padding: 150px 0;}
	article .feature {padding: 150px 0;}
	article .feature ol {
	margin-top: 60px;
	position: relative;
	display: table;
	}
	article .feature li {
	width: calc(100% / 3);
	display: table-cell;
	}
	article .feature li:nth-of-type(1)::before {background: #2a2a2a;}
	article .feature li:nth-of-type(2)::before {background: #1e1e1e;}
	article .feature li:nth-of-type(3)::before {background: #131313;}
	article .impacts {padding: 150px 0;}
	article .impacts h3::after {height: 400px;}
	article .impacts .box {width: 50%;}
	article .impacts .box:nth-of-type(1) {
	padding-right: 20px;
	float: left;
	}
	article .impacts .box:nth-of-type(2) {
	padding-left: 20px;
	float: right;
	}
	article .takumi .box::after {margin-left: 0;}
}
@media all and (-ms-high-contrast: none){
	article .feature li {width: 33%;}
}
@media all and (max-width:994.9px) {
	article .about .container {
	padding-top: 120px;
	padding-bottom: 120px;
	}
	article .feature {padding: 120px 0;}
	article .feature li:nth-of-type(1) {
	margin-top: 60px;
	background: #2a2a2a;
	}
	article .feature li:nth-of-type(2) {background: #1e1e1e;}
	article .feature li:nth-of-type(3) {background: #131313;}
	article .impacts {padding: 120px 0;}
	article .impacts h3::after {height: 260px;}
}