@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#conts .txt01 {
	font-size: 17px;
	margin: 38px 0 33px;
	font-weight: bold;
}

#conts .squareBox {
	padding: 23px 0 32px 27px;
	margin-bottom: 40px;
}

#conts .squareBox .title {
	font-size: 21px;
	font-weight: bold;
	color: #095ba5;
	margin-bottom: 10px;
}

#conts .squareBox .box {
	border-radius: 4px;
	position: relative;
	behavior: url(../js/pie.htc);
	width: 313px;
}

#conts .squareBox .s1 {
	border: 1px solid #ffac00;
	margin-right: 30px;
}

#conts .squareBox .s2 {
	border: 1px solid #9accf5;
}

#conts .squareBox .s1,
#conts .squareBox .s2 {
	float: left;
}

#conts .squareBox ul {
	padding: 14px 23px 9px 14px;
}

#conts .squareBox .s1 li,
#conts .squareBox .s2 li {
	padding-left: 17px;
	margin-bottom: 4px;
	line-height: 1.7;
}

#conts .squareBox .s1 li {
	background: url(../images/spare-parts/yellow_icon.gif) no-repeat left 5px;
}

#conts .squareBox .s2 li {
	background: url(../images/spare-parts/blue_icon.gif) no-repeat left 5px;
}

#conts .s1 p,
#conts .s2 p {
	font-size: 18px;
	text-align: center;
	padding: 6px 0 4px;
}

#conts .s1 p {
	background-color: #ffac00;
	color: #fff;
}

#conts .s2 p {
	background-color: #c0e2ff;
	color: #000;
}

#conts .box {
	margin-top: 18px;
}

@media all and (min-width: 0px) and (max-width: 700px) {
	
#conts .txt01 {
	width: 93%;
	margin: 20px auto 14px;
}
	
#conts .squareBox {
	width: 90%;
	margin:0 auto 20px;
	padding: 10px 0 12px;
	border: 3px solid #ccc;
}	
	
#conts .s1 {
	background: none !important;
	padding: 0  !important;
	font-size: 12px !important;
	float: none !important;
	margin-top: 12px !important;
}

#conts .s2 {
	float: none !important;
	margin-top: 10px !important;
}
	
#conts .squareBox .box {
	width: 100%;
	margin: 0;
}
	
#conts .squareBox .inner {
	width: 90%;
	margin: 0 auto;
}
	
#conts .squareBox .title {
	margin-bottom: 5px;
}
	
#conts .squareBox .s1 li {
	background: url(../images/spare-parts/sp_yellow_icon.gif) no-repeat left 5px;
	background-size: 7px auto;
}

#conts .squareBox .s2 li {
	background: url(../images/spare-parts/sp_blue_icon.gif) no-repeat left 5px;
	background-size: 7px auto;
}	
	
#conts .s1 p,
#conts .s2 p {
	padding: 0;
	line-height: 34px;
}
	
.heightLine-01,
.heightLine-02,
.heightLine-03 {
	height: auto !important;
}

#conts .squareBox ul {
	background: #fff;
	border-radius: 4px;
}

}