@charset "UTF-8";
/* equipment -------------------------------------*/
#page_main_img{
	background-image: url(../equipment/img/page_main.jpg);
}
	
dl{
	text-align:left;	
}

dl dt{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.6;
	font-weight: normal;
	color:#738e9c;
	margin:0 0 0 0;
}

dl dd{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.6;
	margin:5px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
dl dd span .span_red{
	color:#a72126;
}

h4{
	text-align:left;
	padding:0 0 20px 0;
}

#contbox01 h5,
#contbox02 h5,
#contbox03 h5,
#contbox04 h5{
	font-size:20px;
	font-size:2.0rem;
	color: #738e9c;
	border-bottom:1px solid #738e9c;
	padding:0 0 3px 0;
	margin:0 0 20px 0;
}

#contbox01 h5 em,
#contbox02 h5 em,
#contbox03 h5 em,
#contbox04 h5 em{
	color: #738e9c;
	font-size:28px;
	font-size:2.8rem;
	margin:0 20px 0 0;
}

#contbox01 h5 span,
#contbox02 h5 span,
#contbox03 h5 span,
#contbox04 h5 span{
	color: #738e9c;
	font-size:16px;
	font-size:1.6rem;
	margin:0 0 0 20px;
}

#contbox01 {
	width:80%;
	margin:40px auto;
	text-align:center;
	overflow:hidden;
}


#contbox01 ul { list-style:none; margin:0 auto; padding:0 0 0 0; text-align:left; overflow:hidden;}
#contbox01 ul li { display:inline-block; vertical-align:top; width:18%; height:auto; margin:0 2% 2% 0;}
#contbox01 ul li img{ margin:0 0 3px 0; border:1px solid #b0b0b0; box-sizing:border-box;}
#contbox01 ul li.li02 {float:left; width:38%; height:auto; margin:0 2% 2% 0;}
#contbox01 ul li.li_right{	margin:0 0 2% 0;}

#contbox02 {
	width:80%;
	margin:40px auto;
	text-align:center;
	overflow:hidden;
}


#contbox02 ul { list-style:none; margin:0 auto; padding:0 0 0 0; text-align:left; overflow:hidden;}
#contbox02 ul li { display:inline-block; vertical-align:top; width:23%; height:auto; margin:0 2% 2% 0;}
#contbox02 ul li img{ margin:0 0 3px 0; border:1px solid #b0b0b0; box-sizing:border-box;}

#contbox03 {
	width:80%;
	margin:40px auto;
	text-align:center;
	overflow:hidden;
}


#contbox03 ul { list-style:none; margin:0 auto; padding:0 0 0 0; text-align:left; overflow:hidden;}
#contbox03 ul li {/* display:inline-block; vertical-align:top; */float:left; width:18%; height:auto; margin:0 2% 2% 0;}
#contbox03 ul li.li02 {width:38%;}
#contbox03 ul li img{ margin:0 0 3px 0; border:1px solid #b0b0b0; box-sizing:border-box;}

#contbox03 img.img_lixil{
	width:60px;
	height:auto;
	border:none;
	margin:5px;
}

#contbox01 p.p_cap_r,
#contbox02 p.p_cap_r,
#contbox03 p.p_cap_r,
#contbox04 p.p_cap_r{
	margin:0 0 0 0;
}

/* SECURITY --------------------------*/
/* STRUCTURE --------------------------*/

#contbox04 {
	width:80%;
	margin:40px auto;
	text-align:center;
	overflow:hidden;
}

#contbox04 .left{
	float:left;
	width:48%;
	height:auto;
	overflow:hidden;
	margin:0 0 40px 0;
}


#contbox04 .right{
	float: right;
	width:48%;
	height:auto;
	overflow:hidden;
	margin:0 0 40px 0;
}

#contbox04 .inner{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 0 40px 0;
}

#contbox04 .inner .right{
	float: right;
	width:32%;
	height:auto;
	overflow:hidden;
	margin:0 0 0 40px;
}

#contbox04 ul { clear:both; list-style:none; margin:0 auto; padding:0 0 0 0; text-align:left; overflow:hidden;}
#contbox04 ul li {display:inline-block; vertical-align:top;  width:31%; height:auto; margin:0 2% 2% 0;}
#contbox04 ul li.li02 { float:right; width:31%; margin:0 0 2% 0;}
#contbox04 ul li img{ margin:0 0 3px 0; border:1px solid #b0b0b0; box-sizing:border-box;}




/* system -------------------------------------*/
#system01 {
	width:86%;
	margin:40px auto;
	text-align:center;
	overflow:hidden;
}

#system01 ul { list-style:none; margin:0 auto; padding:0 0 0 0; text-align:left; overflow:hidden;}
#system01 ul li { display:inline-block; vertical-align:top; width:30%; height:auto; margin:0 3% 0 0;}

#system01 ul li dl{
	text-align:left;	
}

#system01 ul li dl dt{
	font-size:16px;
	font-size:1.6rem;
	line-height:1.8;
	font-weight: normal;
	color:#978837;
	margin:0 0 0 0;
}
#system01 ul li dl dd{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8;
	margin:5px 0 0 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#system02 {
	width:86%;
	margin:40px auto;
	text-align:center;
	overflow:hidden;
}

#system02 ul { list-style:none; margin:0 auto; padding:0 0 0 0; text-align:left; overflow:hidden;}
#system02 ul li { display:inline-block; vertical-align:top; width:30%; height:auto; margin:0 3% 0 0;}

#system02 ul li dl{
	text-align:left;	
}

#system02 ul li dl dt{
	font-size:16px;
	font-size:1.6rem;
	line-height:1.8;
	font-weight: normal;
	color:#978837;
	margin:0 0 3px 0;
	padding:0 0 3px 0;
	border-bottom:1px solid #CCC;
}

#system02 ul li dl dd{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8;
	margin:5px 0 0 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#system03 {
	width:86%;
	margin:40px auto;
	text-align:center;
	overflow:hidden;
	padding:30px;
	border:1px solid #CCC;
	box-sizing:border-box;
}

#system03 ul {
	margin:0;
	text-align:left;
	overflow:hidden;
}
#system03 ul li {
	list-style-type:none;
	font-size:12px;
	font-size:1.2rem;
	text-indent:-12px;
	padding-left:12px;
	margin:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/* quality-------------------------------------*/
#quality01 {
	width:86%;
	margin:40px auto;
	text-align:center;
	overflow:hidden;
}


#quality01 .left{
	float:left;
	width:60%;
	height:auto;
	text-align:left;
	overflow:hidden;
}


#quality01 .right{
	float:right;
	width:35%;
	height:auto;
	text-align:right;
	overflow:hidden;
}


#quality02 {
	width:86%;
	margin:40px auto;
	text-align:center;
	overflow:hidden;
}

#quality02 img{
	float:right;
	margin:0 0 20px 40px;
}


#quality02 .left{
	float:left;
	width:45%;
	height:auto;
	text-align:left;
	overflow:hidden;
}


#quality02 .right{
	float:right;
	width:45%;
	height:auto;
	text-align:left;
	overflow:hidden;
}

 @media only screen and (max-width: 767px) {
	 
	 
#contbox01 h5,
#contbox02 h5,
#contbox03 h5,
#contbox04 h5{
	line-height:0.8;
	margin:20px 0;
	padding:0 0 10px 0;
} 

#contbox01 h5 em,
#contbox02 h5 em,
#contbox03 h5 em,
#contbox04 h5 em{
	line-height:160%;
	margin:0 0 0 0;
}

#contbox01 h5 span,
#contbox02 h5 span,
#contbox03 h5 span,
#contbox04 h5 span{
	font-size:12px;
	font-size:1.2rem;
	margin:0 0 0 20px;
}


#contbox01 {
	width:94%;
}


#contbox01 ul li { display:inline-block; vertical-align:top; width:47%; height:auto; margin:1%;}
#contbox01 ul li.li02 { float:none; width:98%; height:auto; margin:1%;}
#contbox01 ul li.li_right{	margin:1%;}

#contbox02 {
	width:94%;
}


#contbox02 ul li { display:inline-block; vertical-align:top; width:47%; height:auto; margin:1%;}

#contbox03 {
	width:94%;
}


#contbox03 ul li { display:inline-block; vertical-align:top; width:47%; height:auto; margin:1%;}
#contbox03 ul li.li02 { float:none; width:98%; height:auto; margin:1%;}
#contbox03 ul li.li_right{	margin:1%;}

#contbox03 img.img_lixil{
	width:40%;
}

/* SECURITY --------------------------*/

#contbox04 {
	width:94%;
}

#contbox04 .left{
	float:none;
	width:100%;

}


#contbox04 .right{
	float:none;
	width:100%;
}

#contbox04 .inner .right{
	float: none;
	width:100%;
	margin:0 0 0 0;
}

#contbox04 ul li { display:inline-block; vertical-align:top; width:47%; height:auto; margin:1%;}
#contbox04 ul li.li02 { width:98%; height:auto; margin:1%;}
#contbox04 ul li.li_right{	margin:1%;}

/* STRUCTURE --------------------------*/

/*#contbox03 {
	width:94%;
}

#contbox03 .left{
	float:none;
	width:100%;

}


#contbox03 .right{
	float:none;
	width:100%;
}

#contbox04 {
	width:94%;
}


#contbox04 ul li { display:inline-block; vertical-align:top; width:100%; height:auto; margin:0 0 2% 0;}
#contbox04 ul li:last-child{margin:0 0 2% 0;}*/

/* system -------------------------------------*/
#system01 {
	width:94%;
}

#system01 ul li { display: inherit; vertical-align:top; width:100%; height:auto; margin:0 0 40px 0;}



#system02 {
	width:94%;
}

#system02 ul li { display: inherit; vertical-align:top; width:100%; height:auto; margin:0 0 40px 0;}

#system02 ul li dl{
	text-align:left;	
}


#system03 {
	width:94%;
}

/* quality-------------------------------------*/
#quality01 {
	width:94%;
}


#quality01 .left{
	float:none;
	width:100%;
	margin:0 0 20px 0;
}


#quality01 .right{
	float:none;
	width:100%;
	text-align:left;
	margin:0 0 20px 0;
}


#quality02 {
	width:94%;
}

#quality02 img{
	float:right;
	margin:0 0 20px 20px;
}


#quality02 .left{
	float:none;
	width:100%;
	margin:0 0 20px 0;
}


#quality02 .right{
	float:none;
	width:100%;
	margin:0 0 20px 0;
}
}