@charset "utf-8";

/* ポイント */
.point li{
	float: left;
	width: 258px;
	margin: 0 10px 18px 0;
}
.point li.mr0{
	margin: 0 0 18px 0;
}
@media screen and (max-width:375px){
	.point li,
	.point li.mr0{
		float: none;
		width: auto;
		max-width: 258px;
		margin: 0 auto 10px;
	}
}


.resultBox{
	overflow: hidden;
	width: 544px;
	margin: 0 auto 19px;
}
.leftArea{
	width: 95px;
	float: left;
}
.rightArea{
	width: 449px;
	float: left;
}
.rightArea p{
	font-size: 18px;
}
.resultImg{
	margin-bottom: 10px;
}
.resultTxt{
	text-align: center;
}
@media screen and (max-width:375px){
.resultBox{
	width: 100%;
	margin: 0 auto 19px;
}
.leftArea{
	width: 17.46%;
}
.leftArea img{
	width: 100%;
	height: auto;
}
.rightArea{
	width: 82.54%;
}
.rightArea img{
	width: 100%;
	height: auto;
}
.rightArea p{
	font-size: 16px;
}
}

.freeInfo,
.freeImg{
	float: left;
}
.freeInfo{
	width: 370px;
}
.bigRed{
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
	margin-bottom: 29px;
}
.red{
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
	margin-bottom: 19px;
}
.blue{
	font-size: 16px;
	color: #0099FF;
	font-weight: bold;
	margin-bottom: 19px;
}
.freeImg{
	width: 430px;
}
@media screen and (max-width:375px){
	.freeInfo,
	.freeImg{
		float: none;
		width: 100%;
	}
	.freeImg img{
		width: 100%;
		height: auto;
	}
}

/* 施工事例 */
.h3SJ{
	margin:10px 0;
	font-size:18px;
	font-weight:bold;
}

.h4SJ{
	margin:10px 0;
	font-size:14px;
}

.osusumeBox{
	float:left;
	width:240px;
	height:170px;
	margin:15px 25px 20px 0px;
	text-align:left;
}

.jireiBox{
	float:left;
	width:240px;
	height:210px;
	margin:15px 25px 20px 0px;
	text-align:left;
}