.clmBox.bcol2{
}

.clmBox{
	overflow: hidden;
}
.clmBox.bcol1 > div{
	width: 47%;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: solid 1px #ededed;
	background: #fff;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}
.clmBox.bcol2 > div{
	width: 47%;
	margin-left: 3%;
	text-align: center;
	border: solid 1px #ededed;
	background: #fff;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.clmBox > div{
	float: left;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.section.num5 .areaL{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

.section.num5 .areaR{
	display: table-cell;
	width: 50%;
	padding: 10px 35px;
	vertical-align: middle;
	text-align: left;
	color: #666;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


/* preview */
#preview {
	margin-top: 0;
	padding: 80px 10px;
	background-color: #f1f1f1;
}
#preview .sttl {
	margin-bottom: 55px;
}
#preview .clmBox {
	margin-bottom: 60px;
}
#preview .clmBox p strong {
	color: #b70303;
	font-size: 24px;
}
#preview .areaL {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
#preview .areaL img {
	width: 100%;
}
#preview .areaR {
	display: table-cell;
	width: 50%;
	padding: 10px 35px;
	vertical-align: middle;
	text-align: left;
	color: #666;

-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;
}

@media only screen and (max-width: 640px) {

	.clmBox.bcol1 > div, .clmBox.bcol2 > div, .clmBox.icol2 > div, .clmBox.col2 > div, .clmBox.three > div{
		float: none;
		width: auto;
		margin-top: 40px;
		margin-left: 0;
	}

	.clmBox.bcol1 > div,
	.clmBox.bcol2 > div{
		width: 100%;
		margin-left: 0;
	}

	#preview {
		padding: 40px 10px;
	}
	#preview .sttl {
		margin-bottom: 25px;
	}
	#preview .clmBox {
		margin-bottom: 30px;
	}
	#preview .areaL,
	#preview .areaR {
		display: block;
		width: auto;
	}
	#preview .areaR {
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
		padding: 20px 0;
	}
	#preview .clmBox p.mb60 {
		margin-bottom: 30px;
	}

}