/* for PC */
@media print, screen and (min-width: 751px) {
.sp_img {
  display: none;
}
#mainContents .designBg {
	margin-top: 20px;
}
#mainContents .designBg h3 {
	padding-left: 10px;
	padding-top: 10px;
}
#mainContents .designBg p {
	padding-left: 10px;
	padding-bottom: 10px;
}
#mainContents .imgArea {
	width: 24%;
	padding: 10px;
	float: left;
}
#mainContents .txtArea {
	width: -webkit-calc(76% - 20px);
	width: calc(76% - 20px);
	float: left;
}
#mainContents .imgArea2 {
	width: 19%;
	padding: 10px;
	float: left;
}
#mainContents .txtArea2 {
	width: -webkit-calc(81% - 20px);
	width: calc(81% - 20px);
	float: left;
}
#mainContents .leftSpace {
	margin-left: 20px;
}
#mainContents .flat {
	margin-right: 0px;
}
 }
/* for SP */
@media only screen and (max-width: 750px) {
.sp_img {
  display: none;
}
#mainContents .designBg {
	margin-top: 0px;
}
#mainContents .designBg p {
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
#mainContents .imgArea {
  float: left;
  width: 55%;
  padding: 10px;
}
#mainContents .txtArea {
  float: right;
	width: -webkit-calc(45% - 20px);
	width: calc(45% - 20px);
  padding-bottom: 10px;
}
#mainContents .txtArea p {
  padding-left: 0;
}
#mainContents .imgArea2 {
  float: left;
  width: 50%;
  padding: 10px;
}
#mainContents .txtArea2 {
  float: right;
  width: 42%;
}
#mainContents .txtArea2 p {
  padding-left: 0;
}
}