@charset "UTF-8";

/*
=====================================================================
	アイホーム　お客様の声
=====================================================================
*/



/* ============================================================================================== */
@media print, screen and (min-width:641px) {

/* basic */
#contents h2{
	color:#006BB5;
	font-weight:bold;
	font-size:32px;
	margin-bottom:20px;
	}

#contents h3{
	margin-bottom:40px;
	}

#contents h4{
	color:#007C36;
	font-weight:bold;
	font-size:26px;
	margin-bottom:30px;
	}

#contents .voiceComment p{
	font-size:16px;
	line-height:180%;
	}

#contents .mv{
	margin-bottom:40px;
	}

/* voiceWrap */
#contents .voiceWrap{
	margin-bottom:80px;
	}

	#contents .voiceWrap .voiceMv{
		margin-bottom:40px;
		}

	#contents .voiceWrap .voiceComment{
		margin-bottom:40px;
		}

		#contents .voiceWrap .voiceComment .commentTwocolumn .fL{
			float:left;
			width:468px;
			}

		#contents .voiceWrap .voiceComment .commentTwocolumn .fR{
			float:right;
			width:474px;
			}

	/* twoColumn */
	#contents .voiceWrap .voicePhoto .twoColumn{
		margin-bottom:40px;
		}

		#contents .voiceWrap .voicePhoto .twoColumn .fL{
			float:left;
			}

		#contents .voiceWrap .voicePhoto .twoColumn .fR{
			float:right;
			}

	/* threeColumn */
	#contents .voiceWrap .voicePhoto .threeColumn{
		margin-bottom:40px;
		}

		#contents .voiceWrap .voicePhoto .threeColumn .fL{
			float:left;
			margin-right:20px;
			}

		#contents .voiceWrap .voicePhoto .threeColumn .fR{
			float:right;
			}

	/* fourColumn */
	#contents .voiceWrap .voicePhoto .fourColumn{
		margin-bottom:40px;
		}

		#contents .voiceWrap .voicePhoto .fourColumn .fL{
			float:left;
			margin-right:20px;
			}

		#contents .voiceWrap .voicePhoto .fourColumn .fR{
			float:right;
			}











}


/* ============================================================================================== */
@media screen and  (max-width:640px) {

/* basic */
#contents h2{
	color:#006BB5;
	font-weight:bold;
	font-size:22px;
	margin-bottom:20px;
	}

#contents h3{
	margin-bottom:20px;
	}

#contents h4{
	color:#007C36;
	font-weight:bold;
	font-size:18px;
	margin-bottom:20px;
	}

#contents p{
	font-size:13px;
	line-height:180%;
	}


#contents .mv{
	margin-bottom:20px;
	}

/* voiceWrap */
#contents .voiceWrap{
	margin-bottom:80px;
	}

	#contents .voiceWrap .voiceMv{
		margin-bottom:40px;
		}

	#contents .voiceWrap .voiceComment{
		margin-bottom:40px;
		}

		#contents .voiceWrap .voiceComment .commentTwocolumn .fL{
			margin-bottom:20px;
			}

		#contents .voiceWrap .voiceComment .commentTwocolumn .fR{
			
			}

	/* twoColumn */
	#contents .voiceWrap .voicePhoto .twoColumn{
		margin-bottom:20px;
		}

		#contents .voiceWrap .voicePhoto .twoColumn .fL{
			width:50%;
			float:left;
			}

		#contents .voiceWrap .voicePhoto .twoColumn .fR{
			width:50%;
			float:right;
			}

	/* threeColumn */
	#contents .voiceWrap .voicePhoto .threeColumn{
		margin-bottom:40px;
		}

		#contents .voiceWrap .voicePhoto .threeColumn .fL{
			width:50%;
			float:left;
			}

		#contents .voiceWrap .voicePhoto .threeColumn .fR{
			width:100%;
			}

	/* fourColumn */
	#contents .voiceWrap .voicePhoto .fourColumn{
		margin-bottom:20px;
		}

		#contents .voiceWrap .voicePhoto .fourColumn .fL{
			width:25%;
			float:left;
			}

		#contents .voiceWrap .voicePhoto .fourColumn .fR{
			width:25%;
			float:right;
			}















}