@charset "UTF-8";

.concept {
	background-image: url(../images/concept/image.jpg);
}

/*表示画像の振り分け*/
.large {
	display: block;
}

.small {
	display: none;
}

/*導入*/
#intro {
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto 60px auto;
}

#menu {
	width: 100%;
	margin: 0 0 60px 0;
	color: #004DA0;
 display: flex;
 justify-content: space-between;
	align-items: center;
}

#list {
width: 85%;
display: flex;
justify-content: space-between;
background-image: url(../images/concept/line.svg);
background-position: left bottom;
background-repeat: no-repeat;
}

#list h1 {
	width: auto;
	max-width: none;
	padding: 0;
	margin: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 140%;
	letter-spacing: 0.1em;
}

#list ul {
	display: -webkit-flex;
    display: flex;
}

#list ul li p {
	font-weight: normal;
	line-height: 1;
	padding: 10px 20px;
	border-top: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
}

#list ul li a {
	color: #999;
	text-decoration: none;
}

#list ul li a p {
	border: none;
	transition: 0.3s;
}

#list ul li a p:hover {
	color: #FFF;
	background-color: #004DA0;
}

#sdgs {
width: 13%;
}

#sdgs a {
	font-weight: normal;
	color: #999;
	text-align: center;
	line-height: 1;
	text-decoration: none;
	padding: 10px 20px;
	display: block;
	border: 1px solid #C8C8C8;
 transition: 0.3s;
}

#sdgs a:hover {
	color: #FFF;
	border: 1px solid #004DA0;
	background-color: #004DA0;
}

#summary {
	width: 100%;
}

#summary h2 {
	font-family: 'GenEiKoburiMinT-R', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif;
	font-size: 200%;
	color: #004DA0;
	letter-spacing: 0.03em;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	height: 70px;
	padding: 0 0 0 80px;
	margin: 0 0 10px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

#title_1,
#title_2,
#title_3,
#title_4 {
	background-size: 70px 70px;
	background-position: left center;
	background-repeat: no-repeat;
}

#title_1 {
	background-image: url(../images/concept/title_01.svg);
}

#title_2 {
	background-image: url(../images/concept/title_02.svg);
}

#title_3 {
	background-image: url(../images/concept/title_03.svg);
}

#title_4 {
	background-image: url(../images/concept/title_04.svg);
}

#summary p {
	font-size: 110%;
	font-weight: normal;
	line-height: 1.9;
	letter-spacing: 0.04em;
}

/*見出し*/
article h3 {
	font-family: 'GenEiKoburiMinT-R', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif;
	font-size: 170%;
	color: #004DA0;
	letter-spacing: 0.04em;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding: 0 0 0 15px;
	background-image: url(../images/concept/icon.svg);
	background-size: 9px 25px;
	background-position: left center;
	background-repeat: no-repeat;
}

/*ieハック*/
@media all and (-ms-high-contrast:none){
article h3 {
	background-image: url(../images/concept/icon.png);
}
}

/*製品*/
.product {
	width: 500px;
	padding: 10px;
	border: 1px solid #C8C8C8;
	font-size: 85%;
}

.product a {
	color: #777;
	text-decoration: none;
	transition: 0.3s;
}

.product a:hover {
	opacity: 0.7;
}

.product_img {
	width: 57px;
	height: 57px;
	margin: 0 5px 0 0;
	border: 1px solid #E6E6E6;
}

.product div a {
	display: -webkit-flex;
	display: flex;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #E6E6E6;
}

.product div p {
	line-height: 1.5;
}

/*ieハック*/
@media all and (-ms-high-contrast:none){
header {
	z-index: 200;
}

.product div p {
	width: 418px;
}
}

.product div p span {
	font-size: 120%;
	line-height: 1;
	margin: 0 0 5px 0;
	display: block;
}

.product ul {
	line-height: 1;
}

.product ul li {
	padding: 0 5px;
	display: inline;
}

/*1ページ目 未来のため*/
/*01.街に潤いを与えるために*/
#concept_01_01 {
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto 100px auto;
}

#concept_01_01 .content {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	margin: -100px 0 0 0;
}

#concept_01_01 .content .detail {
	max-width: 660px;
	padding: 15px 15px 0 15px;
	margin: 0 0 0 5px;
	background-color: rgba(255,255,255,.3);
}

/*ieハック*/
@media all and (-ms-high-contrast:none){
#concept_01_01 .content .detail {
	position: relative;
	z-index: 100;
}
}

#concept_01_01 .content .detail p {
	line-height: 1.9;
	letter-spacing: 0.04em;
	margin: 0 0 10px 0;
}

#concept_01_01 .content .detail p:last-child {
	margin: 0 0 0 0;
}

/*02.ヒートアイランドのない街へ*/
#concept_01_02 {
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto 100px auto;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

#concept_01_02_img {
	max-width: 450px;
}

#concept_01_02 .content .detail {
	max-width: 845px;
	padding: 15px 0 15px 15px;
	margin: 0 0 40px -70px;
	background-color: rgba(255,255,255,.5);
}

/*ieハック*/
@media all and (-ms-high-contrast:none){
#concept_01_02 .content .detail {
	position: relative;
	z-index: 100;
}
}

#concept_01_02 .content .detail p {
	line-height: 1.9;
	letter-spacing: 0.04em;
	margin: 0 0 10px 0;
}

#concept_01_02 .content .detail p:last-child {
	margin: 0 0 0 0;
}

#concept_01_02 .content .product {
	float: right;
}

/*03.限りある資源を有効に活用*/
#concept_01_03 {
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto;
}

.detail_1 {
	line-height: 1.9;
	letter-spacing: 0.04em;
	margin: 0 0 20px 0;
}

#concept_01_03_img {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 0 20px 0;
}

#concept_01_03_img li {
	width: 49%;
}

#concept_01_03 .detail_2 {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

#concept_01_03 .detail_2 div p {
	line-height: 1.9;
	letter-spacing: 0.04em;
	max-width: 670px;
	margin: 0 30px 10px 0;
}

#concept_01_03 .detail_2 div p:last-child {
	margin: 0 30px 0 0;
}

#concept_01_03 .detail_2 .product p {
	line-height: 1.5;
	letter-spacing: normal;
	margin: 0 !important;
}

/*2ページ目 人のため*/
/*01.車イスやベビーカーでも快適な利用を*/
#concept_02_01 {
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto 100px auto;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

#concept_02_01_img {
	max-width: 500px;
}

#concept_02_01 .content {
	max-width: 780px;
	margin: 0 0 0 -80px;
}

#concept_02_01 .content .detail {
	width: 100%;
	padding: 10px 0 10px 15px;
	margin: 0 0 40px 0;
	line-height: 1.9;
	letter-spacing: 0.04em;
	background-color: rgba(255,255,255,.5);
}

/*ieハック*/
@media all and (-ms-high-contrast:none){
#concept_02_01 .content .detail {
	position: relative;
	z-index: 100;
}
}

#concept_02_01 .content .detail p {
	margin: 0 0 10px 0;
}

#concept_02_01 .content .detail p:last-child {
	margin: 0 0 0 0;
}

#concept_02_01 .content .product {
	float: right;
}

/*02.車、人、街のためにできることを*/
#concept_02_02 {
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto 100px auto;
}

#concept_02_02 #detail_1 {
	margin: 0 0 20px 0;
}

#concept_02_02 ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 0 20px 0;
}

#concept_02_02 ul li {
	width: 49%;
}

#concept_02_02 .detail_2 {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.text {
	max-width: 700px;
	padding: 0 30px 0 0;
	line-height: 1.9;
	letter-spacing: 0.04em;
}

.text p {
	margin: 0 0 10px 0;
}

.text p:last-child {
	margin: 0 0 0 0;
}

#concept_02_02 .detail_2 .product a {
	padding: 0;
	margin: 0;
	border-bottom: none;
}

/*03.舗装ブロックの可能性を求めて*/
#concept_02_03 {
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto 100px auto;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: row;
	flex-direction: row;
}

#concept_02_03 .content {
	max-width: 700px;
	padding: 0 30px 0 0;
}

#concept_02_03 .detail {
	line-height: 1.9;
	letter-spacing: 0.04em;
	margin: 0 0 40px 0;
}

#concept_02_03 .detail p {
	margin: 0 0 10px 0;
}

#concept_02_03 .detail p:last-child {
	margin: 0 0 0 0;
}

#concept_02_03_img {
	max-width: 500px;
}

/*3ページ目 暮らしのため*/
/*01.安全・安心な暮らしを守るために*/
#concept_03_01 {
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto 100px auto;
}

#concept_03_01_img {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 0 20px 0;
}

#concept_03_01_img li {
	width: 49%; 
}

#concept_03_01 .detail_1 p {
	line-height: 1.9;
	letter-spacing: 0.04em;
	margin: 0 0 10px 0;
}

#concept_03_01 .detail_2 {
	display: -webkit-flex;
	display: flex;
}

#concept_03_01 .detail_2 p {
	max-width: 700px;
	padding: 0 30px 0 0;
	line-height: 1.9;
	letter-spacing: 0.04em;
}

#concept_03_01 .product p {
	line-height: 1.5;
	letter-spacing: normal;
	margin: 0 !important;
}

/*02.ガタつきのない路面が安全・安心を生み出します*/
#concept_03_02 {
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto 100px auto;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

#concept_03_02_img {
	max-width: 350px;
	margin: 0 20px 0 0;
}

#concept_03_02_img p {
	font-size: 90%;
}

#concept_03_02_img ul li {
	margin: 0 0 20px 0;
}

#concept_03_02_img ul li:last-child {
	margin: 0;
}

#concept_03_02 .content .detail {
	max-width: 830px;
	line-height: 1.9;
	letter-spacing: 0.04em;
	margin: 0 0 40px 0;
}

/*ieハック*/
@media all and (-ms-high-contrast:none){
#concept_03_02 .content .detail {
	width: 850px;
}
}

#concept_03_02 .content .detail p {
	margin: 0 0 10px 0;
}

#concept_03_02 .content .product {
	float: right;
}

/*03.高品質・高機能な製品が暮らしを守る*/
#concept_03_03 {
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto 100px auto;
}

#concept_03_03 .detail_1 {
	line-height: 1.9;
	letter-spacing: 0.04em;
	margin: 0 0 20px 0;
}

#concept_03_03_img {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 0 20px 0;
}

#concept_03_03_img li {
	width: 32.33%;
}

#concept_03_03 .content {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	margin: 0 0 40px 0;
}

#concept_03_03 .content .detail_2 {
	max-width: 700px;
	padding: 0 30px 0 0;
	line-height: 1.9;
	letter-spacing: 0.04em;
}

#concept_03_03 .content .detail_2 p {
	margin: 0 0 10px 0;
}

#concept_03_03 .content .detail_2 p:last-child {
	margin: 0;
}

/*4ページ目 街のため*/
/*01.景観に溶け込んだ“意識されない”色彩を*/
#concept_04_01 {
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto 100px auto;
}

#concept_04_01 .content {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
}

#concept_04_01 .content .detail {
	max-width: 700px;
	padding: 10px 15px 0 15px;
	margin: -70px 20px 0 5px;
	background-color: rgba(255,255,255,.7);
}

/*ieハック*/
@media all and (-ms-high-contrast:none){
#concept_04_01 .content .detail {
	position: relative;
	z-index: 100;
}
}

#concept_04_01 .content .detail p {
	line-height: 1.9;
	letter-spacing: 0.04em;
	margin: 0 0 10px 0;
}

#concept_04_01 .content .detail p:last-child {
	margin: 0;
}

#sample {
	max-width: 500px;
}

#color_sample {
	max-width: 500px;
	margin: 0 0 20px 0;
}

/*02.テクスチャーが街に彩を添える*/
#concept_04_02 {
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto 100px auto;
}

#concept_04_02 .detail_1 {
	line-height: 1.9;
	letter-spacing: 0.04em;
	margin: 0 0 20px 0;
}

#concept_04_02 #concept_04_02_img {
	margin: 0 0 20px 0;
}

#concept_04_02 .detail_2 {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

#concept_04_02 .detail_2 .text {
	max-width: 700px;
	padding: 0 30px 0 0;
	line-height: 1.9;
	letter-spacing: 0.04em;
}

#concept_04_02 .detail_2 .text p {
	margin: 0 0 10px 0;
}

#concept_04_02 .detail_2 .text p:last-child {
	margin: 0;
}

/*03.「街の風景」をデザインする*/
#concept_04_03 {
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto;
}

#concept_04_03_img {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 0 20px 0;
}

#concept_04_03_img li {
	width: 49%;
}

#concept_04_03 .detail {
	width: 100%;
	line-height: 1.9;
	letter-spacing: 0.04em;
}

#concept_04_03 .detail p {
	margin: 0 0 10px 0;
}

#concept_04_03 .detail p:last-child {
	margin: 0;
}

/*スクロールアニメーション ie用ハック*/
@media all and (-ms-high-contrast:none){
.product,
.detail,
.detail_1,
.detail_2,
.text,
#concept_01_02_img img,
#concept_01_03 h3,
#concept_01_03_img,
#concept_02_02 h3,
#concept_02_02 ul,
#concept_02_03_img,
#concept_03_01 h3,
#concept_03_02_img,
#concept_03_03 h3,
#concept_03_03_img,
#sample,
#concept_04_02 h3,
#concept_04_02_img,
#concept_04_03 h3,
#concept_04_03_img {
	opacity: 1 !important;
}
}

@media screen and (max-width: 1000px) {
/*導入*/
#intro {
	margin: 0 auto 30px auto;
}

#menu {
	margin: 0 0 30px 0;
}

#list {
width: 80%;
}

#sdgs {
width: 18%;
}

/*見出し*/
article h3 {
	font-size: 150%;
	padding: 0;
	background-image: none;
}

/*製品*/
.product {
	width: 100%;
	background-color: #FAFAFA;
}

.product div a {
	border-bottom: 1px solid #C8C8C8;
}

.product div img {
	border: 1px solid #C8C8C8;
}

/*1ページ目 未来のため*/
/*01.街に潤いを与えるために*/
#concept_01_01 {
	margin: 0 auto 50px auto;
}

#concept_01_01 .content {
	display: block;
	margin: 0 0 0 0;
}

#concept_01_01 .content .detail {
	max-width: 100%;
	width: 100%;
	padding: 0 0 0 0;
	margin: 10px 0 20px 0;
	background-color: rgba(255,255,255,.3);
}

/*02.ヒートアイランドのない街へ*/
#concept_01_02 {
	margin: 0 auto 50px auto;
}

#concept_01_02 {
	display: block;
}

#concept_01_02_img {
	max-width: 100%;
	margin: 0 0 10px 0;
}

#concept_01_02 .content .detail {
	max-width: 100%;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
}

#concept_01_02 .content .product {
	float: none;
}

/*03.限りある資源を有効に活用*/
.detail_1 {
	margin: 0 0 10px 0;
}

#concept_01_03 .detail_2 {
	display: block;
}

#concept_01_03 .detail_2 div:first-child {
	margin: 0 auto;
}

#concept_01_03 .detail_2 div p {
	max-width: 100%;
	width: 100%;
	margin: 0 0 10px 0;
}

#concept_01_03 .detail_2 div p:last-child {
	margin: 0 0 0 0;
}

#concept_01_03 .detail_2 .product {
	margin: 20px 0 0 0;
}

/*2ページ目 人のため*/
/*01.車イスやベビーカーでも快適な利用を*/
#concept_02_01 {
	margin: 0 auto 50px auto;
	display: block;
}

#concept_02_01_img {
	max-width: 100%;
}

#concept_02_01 .content {
	max-width: 100%;
	width: 100%;
	margin: 10px 0 0 0;
}

#concept_02_01 .content .detail {
	padding: 0;
	margin: 0 0 20px 0;
}

#concept_02_01 .content .product {
	float: none;
}

/*02.車、人、街のためにできることを*/
#concept_02_02 {
	margin: 0 auto 50px auto;
}

#concept_02_02 #detail_1 {
	margin: 0 0 10px 0;
}

#concept_02_02 ul {
	margin: 0 0 10px 0;
}

.text {
	padding: 0 20px 0 0;
}

/*03.舗装ブロックの可能性を求めて*/
#concept_02_03 {
	margin: 0 auto 50px auto;
	-webkit-flex-direction: column-reverse;;
	flex-direction: column-reverse;;
}

#concept_02_03 .content {
	max-width: 100%;
	width: 100%;
	padding: 0 0 0 0;
}

#concept_02_03_img {
	max-width: 100%;
	margin: 0 0 10px 0;
}

/*3ページ目 暮らしのため*/
/*01.安全・安心な暮らしを守るために*/
#concept_03_01 {
	padding: 0 20px;
	margin: 0 auto 50px auto;
}

#concept_03_01_img {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 0 20px 0;
}

#concept_03_01_img li {
	width: 49%; 
}

#concept_03_01 .detail_1 p {
	margin: 0 0 10px 0;
}

#concept_03_01 .detail_2 {
	display: block;
}

#concept_03_01 .detail_2 p {
	max-width: 100%;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
}

/*02.ガタつきのない路面が安全・安心を生み出します*/
#concept_03_02 {
	padding: 0 20px;
	margin: 0 auto 50px auto;
	display: block;
}

#concept_03_02_img {
	max-width: 100%;
	width: 100%;
	margin: 0 0 20px 0;
}

#concept_03_02_img ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#concept_03_02_img ul li {
	width: 49%;
	margin: 0;
}

#concept_03_02 .content .detail {
	margin: 0 0 20px 0;
}

#concept_03_02 .content .product {
	float: none;
}

/*03.高品質・高機能な製品が暮らしを守る*/
#concept_03_03 {
	padding: 0 20px;
	margin: 0 auto 50px auto;
}

#concept_03_03_img li {
	width: 49%;
}

#concept_03_03_img li:last-child {
	display: none;
}

#concept_03_03 .content {
	display: block;
	margin: 0 0 20px 0;
}

#concept_03_03 .content .detail_2 {
	max-width: 100%;
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
}

/*01.景観に溶け込んだ“意識されない”色彩を*/
#concept_04_01 {
	padding: 0 20px;
	margin: 0 auto 50px auto;
}

#concept_04_01_img {
	margin: 0 0 10px 0;
}

#concept_04_01 .content {
	margin: 10px 0 0 0;
	display: block;
}

#concept_04_01 .content .detail {
	max-width: 100%;
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0;
}

#sample {
	max-width: 100%;
	width: 100%;
}

#color_sample {
	margin: 0 auto 10px auto;
}

/*02.テクスチャーが街に彩を添える*/
#concept_04_02 {
	padding: 0 20px;
	margin: 0 auto 50px auto;
}

#concept_04_02 .detail_1 {
	margin: 0 0 10px 0;
}

#concept_04_02 #concept_04_02_img {
	margin: 0 0 10px 0;
}

#concept_04_02 .detail_2 {
	display: block;
}

#concept_04_02 .detail_2 .text {
	max-width: 100%;
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
}

/*03.「街の風景」をデザインする*/
#concept_04_03 {
	padding: 0 20px;
}

#concept_04_03_img {
	display: block;
	margin: 0 0 10px 0;
}

#concept_04_03_img li {
	width: 100%;
}

#concept_04_03_img li:last-child {
	display: none;
}
}

@media screen and (max-width: 700px) {
/*表示画像の振り分け*/
.large {
	display: none;
}

.small {
	display: block;
}

/*導入*/
#intro {
	padding: 0 10px;
	margin: 0 auto 40px auto;
}

#menu {
flex-direction: column;
}

#list {
width: 100%;
	margin: 0 auto 10px auto;
	background-position: right bottom;
}

#list h1 {
	display: none;
}

#list ul {
width: 100%;
}

#list ul li {
width: 25%;
text-align: center;
}

#list ul li p {
	font-size: 80%;
	padding: 10px 0;
}

#sdgs {
width: 50%;
}

#summary h2 {
	font-size: 150%;
	line-height: 1.2;
	height: 40px;
	padding: 0;
	margin: 0 0 5px 0;
}

#summary p {
	letter-spacing: normal;
}

#title_1,
#title_2,
#title_3,
#title_4 {
	background-image: none;
}

#summary p {
	line-height: 1.7;
}

/*見出し*/
article h3 {
	font-size: 130%;
	line-height: 1.2;
	letter-spacing: normal;
	margin: 0 0 5px 0;
}

/*製品*/
.product {
	width: 100%;
}

/*1ページ目 未来のため*/
/*01.街に潤いを与えるために*/
#concept_01_01 {
	padding: 0 10px;
	margin: 0 auto 50px auto;
}

#concept_01_01 .content .detail p {
	letter-spacing: normal;
}

/*02.ヒートアイランドのない街へ*/
#concept_01_02 {
	padding: 0 10px;
}

#concept_01_02 .content .detail p {
	letter-spacing: normal;
}

/*03.限りある資源を有効に活用*/
#concept_01_03 {
	padding: 0 10px;
}

#concept_01_03_img {
	margin: 0 0 10px 0;
}

#concept_01_03_img li:last-child {
	display: none;
}

#concept_01_03_img li {
	width: 100%;
}

.detail_1 {
	letter-spacing: normal;
}

#concept_01_03 .detail_2 div p {
	letter-spacing: normal;
}

/*2ページ目 人のため*/
/*01.車イスやベビーカーでも快適な利用を*/
#concept_02_01 {
	padding: 0 10px;
}

#concept_02_01 .content .detail {
	letter-spacing: normal;
}

/*02.車、人、街のためにできることを*/
#concept_02_02 {
	padding: 0 10px;
}

#concept_02_02 ul li {
	width: 100%;
}

#concept_02_02 ul li:last-child {
	display: none;
}

#concept_02_02 .detail_2 {
	display: block;
}

.text {
	max-width: 100%;
	width: 100%;
	padding: 0 0 20px 0;
	letter-spacing: normal;
}

/*03.舗装ブロックの可能性を求めて*/
#concept_02_03 {
	padding: 0 10px;
}

#concept_02_03 .detail {
	letter-spacing: normal;
}

/*3ページ目 暮らしのため*/
/*01.安全・安心な暮らしを守るために*/
#concept_03_01 {
	padding: 0 10px;
}

#concept_03_01_img {
	display: block;
	margin: 0 0 10px 0;
}

#concept_03_01_img li:last-child {
	display: none;
}

#concept_03_01_img li {
	width: 100%; 
}

#concept_03_01 .detail_1 p {
	letter-spacing: normal;
}

#concept_03_01 .detail_2 p {
	letter-spacing: normal;
}

/*02.ガタつきのない路面が安全・安心を生み出します*/
#concept_03_02 {
	padding: 0 10px;
}

#concept_03_02 .content .detail {
	letter-spacing: normal;
}

/*03.高品質・高機能な製品が暮らしを守る*/
#concept_03_03 {
	padding: 0 10px;
}

#concept_03_03 .detail_1 {
	margin: 0 0 10px 0;
	letter-spacing: normal;
}

#concept_03_03_img {
	margin: 0 0 10px 0;
}

#concept_03_03 .content {
	display: block;
	margin: 0 0 20px 0;
}

#concept_03_03 .content .detail_2 {
	letter-spacing: normal;
}

/*01.景観に溶け込んだ“意識されない”色彩を*/
#concept_04_01 {
	padding: 0 10px;
}

#concept_04_01 .content .detail p {
	letter-spacing: normal;
}

/*02.テクスチャーが街に彩を添える*/
#concept_04_02 {
	padding: 0 10px;
}

#concept_04_02 .detail_1 {
	letter-spacing: normal;
}

#concept_04_02 .detail_2 .text {
	letter-spacing: normal;
}

/*03.「街の風景」をデザインする*/
#concept_04_03 {
	padding: 0 10px;
}

#concept_04_03 .detail {
	letter-spacing: normal;
}
}