@charset "utf-8";

#item {
	margin-bottom:90px;
}
/* #item h2 {
	margin-bottom:25px;
}
h3 {
	margin:50px 0 0 0;
}
h4 {
	color:#9AC509;
	font-size:16px;
	margin:0 0 5px 0;
} */
ul.lineup {
	letter-spacing: -.40em;
}
ul.lineup li {
	max-width:255px;
	margin:20px 22px 0 0;
	letter-spacing: normal;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
}
ul.lineup li.third {
	margin:20px 0 0 0;
}
ul.lineup li p {
	margin:5px 0 0 0;
}
dl.qa {
	/* padding-bottom:20px; */
}
dl.qa dt {
	background:url(../../images/service/q.gif) no-repeat 0 0;
	padding:40px 0 0 5px;
	margin:20px 0 10px 0;
	font-size:16px;
	font-weight:bold;
}
dl.qa dd {
	background:url(../../images/service/a.gif) no-repeat 0 0;
	margin:0 0 0 35px;
	padding:13px 0 0 20px;
}
dl.qa dd span {
	display:block;
	border:1px dashed #333333;
	padding:10px 18px;
	position:relative;
	z-index:-1;
}
.img_r {
	float:right;
	margin:0 0 0 20px;
}

/* ul.floor_coatings li {
	float:left;
	width:392px;
	margin-top:20px;
}
ul.floor_coatings li.floor_coatings02 {
	float: right;
} */


div.proudcourt {
	background-color:#e5ebe5;
	padding:20px 25px;
	margin:30px 0 0 0;
}
div.proudcourt h3 {
	margin:0;
}

p.repair_img {
	margin:10px 0 50px 0;
}
h4.reform_title {
	color:#1A1A1A;
	font-size:16px;
	margin:5px 0 5px 0;
	line-height:1.5em;
}
.reform01 {
	float:left;
	max-width:531px;
	margin:20px 0 0 0;
}
.reform02 {
	float: right;
	max-width:257px;
	margin:20px 0 0 0;
}
.reform03 {
	float:left;
	max-width:395px;
}
.reform04 {
	float: right;
	max-width:395px;
}
.flow_img {
	margin:10px 0 20px 0;
}


.eria{
	/* background:#E8E8E8; */
  background-color: #F7F8F2;
	padding:15px 20px;
}


.eria table tr th{
	text-align:left;
	vertical-align:top;
	line-height:1.5;
	padding:5px;
}
 .eria table tr td{
	text-align:left;
	vertical-align:top;
	line-height:1.8;
	padding:5px 5px 5px 0;
}

.qa_table{
	margin:15px 0 0 0;
}

.qa_table tr td{
	padding:0 10px 0 0;
	vertical-align:top;
	text-align:left;
}


@media only screen and (max-width: 700px) {
#item {
	margin-bottom:20px;
}
.title {
	margin:0 15px 15px 15px;
}
/* #item h2 {
	margin-bottom:10px;
} */
/* #item p {
	font-size:10px;
} */
#item h2 img {
	height:31px;
	width:auto;
}
#item h2.line3 img {
	height:45px;
	width:auto;
}
/* h3 {
	margin:20px 0 7px 0;
	line-height:1;
	font-size:10px;
} */
h3.line1 img {
	height:10px;
	width:auto;
}
h3.line2 img {
	height:25px;
	width:auto;
}
h3.line3 img {
	height:25px;
	width:auto;
}
/* h4 {
	color:#9AC509;
	font-size:11px;
	margin:0 0 5px 0;
} */
p.img01 {
	margin-bottom:5px;
}
p.img01 img {
	width:100%;
	height:auto;
}
.reform01 {
	float:none;
	max-width:inherit;
	margin:20px 0 0 0;
}
.reform01 img {
	width:100%;
	height:auto;
	margin-bottom:5px;
}
.reform02 {
	float: none;
	max-width: inherit;
	margin:20px 0 0 0;
}
.reform02 img {
	width:100%;
	height:auto;
	margin-bottom:20px;
}
.reform03 {
	float:left;
	max-width:47%;
}
.reform04 {
	float: right;
	max-width:47%;
}
p.img02 {
	float:left;
	margin:0 15px 0 0;
	width:50%;
}
h4.reform_title {
	font-size:11px;
	margin:0 0 5px 0;
	line-height:1.5em;
}
.flow_img {
	margin:5px 0 10px 0;
}
.flow_img img {
	width:100%;
	height:auto;
}


dl.qa {
	padding-bottom:0;
}
dl.qa dt {
	background:url(../../images/service/q.gif) no-repeat 0 0;
	background-size:16px auto;
	padding:20px 0 0 5px;
	margin:20px 0 10px 0;
	font-size:11px;
	font-weight:bold;
}
dl.qa dd {
	background:url(../../images/service/a.gif) no-repeat 0 0;
	background-size:16px auto;
	margin:0 0 0 15px;
	padding:8px 0 0 10px;
	font-size:10px;
}
dl.qa dd span {
	display:block;
	border:1px dashed #333333;
	padding:5px 8px;
	position:relative;
	z-index:-1;
}

p.repair_img {
	margin:5px 0 20px 0;
}
p.repair_img img {
	width:100%;
	height:auto;
}
.img_r {
	float:right;
	margin:0 0 0 20px;
	width:50%;
}
.img_r img {
	width:100%;
	height:auto;
}
ul.floor_coatings li {
	float:left;
	width:47%;
	margin-top:20px;
}
ul.floor_coatings li.floor_coatings02 {
	float: right;
}
ul.floor_coatings li .img_r {
	float:none;
	width:60%;
	margin:0 auto 5px auto;
}

div.proudcourt {
	background-color:#e5ebe5;
	padding:10px 15px;
	margin:15px 0 0 0;
}
div.proudcourt h3 {
	margin:0;
}
.coating_list p {
	width:45%;
}
.coating_list .img_r {
	float:right;
	margin:0 0 0 10px;
	width:50%;
}

ul.lineup li {
	width:48.5%;
	margin:10px 3% 0 0;
}

ul.lineup li.third {
	margin:10px 3% 0 0;
}
ul.lineup li.second {
	margin:10px 0 0 0;
}
ul.lineup li p {
	margin:5px 0 0 0;
}
ul.lineup li img {
	width:100%;
	height:auto;
}
}