@charset "UTF-8";

/*
=====================================================================
	アイホーム　お客様アンケート・お客様の声
=====================================================================
*/

#contents img{
	width:100%;
	}

#contents a{
	text-decoration:none;
	}

#qsWrap a,
#voiceWrap a{
	color:#5a5858;
	}

#qsWrap a:hover,
#voiceWrap a:hover{
	color:#ccc;
	}

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

/* qsWrap
------------------------------------------------------------ */
#qsWrap{
	width:100%;
	max-width: 1280px;
	margin:0 auto 120px auto;
	}

	#qsWrap .qsInner{
		background:url(../../../img/under/door/customer/photo01.jpg) no-repeat center right;
		background-size:68%;
		padding:180px 0;
		margin-bottom:30px;
		}


		#qsWrap .qsInner .box{
			background:#fff;
			padding:50px 10px 50px 45px;
			width:36%;
			box-sizing:border-box;
			}

			#qsWrap .qsInner .box .qsTitle h2{
				font-size:48px;
				font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
				margin-bottom:10px;
				}

			#qsWrap .qsInner .box .qsTitle h2 span{
				font-size:30px;
				display:block;
				}

			#qsWrap p{
				text-align:right;
				font-size:20px;
				font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
				}

/* voiceWrap
------------------------------------------------------------ */
#voiceWrap{
	width:100%;
	max-width: 1280px;
	margin:0 auto 120px auto;
	}

	#voiceWrap .voiceInner{
		background:url(../../../img/under/door/customer/photo02.jpg) no-repeat center left;
		background-size:65%;
		padding:160px 0;
		margin-bottom:30px;
		}


		#voiceWrap .voiceInner .box{
			background:#fff;
			padding:50px 15px 50px 45px;
			margin:0 0 0 auto;
			width:40%;
			box-sizing:border-box;
			}

			#voiceWrap .voiceInner .box .voiceTitle h2{
				font-size:42px;
				font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
				margin-bottom:10px;
				}

			#voiceWrap .voiceInner .box .voiceTitle h2 span{
				font-size:26px;
				display:block;
				}

			#voiceWrap p{
				font-size:20px;
				font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
				}


/* btnWrap
------------------------------------------------------------ */
#btnWrap{
	width:40%;
	margin:0 auto 60px auto;
	}

	#btnWrap ul{
		display:flex;
		justify-content:space-between;
		}

		#btnWrap ul li{
			width:40%;
			font-size:20px;
			font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
			}

			#btnWrap ul li a{
				border:1px solid #000;
				display:block;
				color:#000;
				padding:25px 0;
				text-align:center;
				text-decoration:none;
				font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
				}

				#btnWrap ul li a:hover{
					color:#999;
					border:1px solid #999;
					}


}



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

#contents{
	padding-top:100px !important;
	}


/* qsWrap
------------------------------------------------------------ */
#qsWrap{
	width:90%;
	margin:0 auto 60px auto;
	}

	#qsWrap .qsInner{
		background:url(../../../img/under/door/customer/photo01.jpg) no-repeat bottom center;
		background-size:100%;
		margin-bottom:20px;
		padding-bottom:68%;
		}


		#qsWrap .qsInner .box{
			width:100%;
			box-sizing:border-box;
			}

			#qsWrap .qsInner .box .qsTitle h2{
				font-size:20px;
				font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
				margin-bottom:10px;
				}

			#qsWrap .qsInner .box .qsTitle h2 span{
				font-size:16px;
				display:block;
				}

			#qsWrap p{
				font-size:12px;
				font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
				}

/* voiceWrap
------------------------------------------------------------ */
#voiceWrap{
	width:90%;
	margin:0 auto 60px auto;
	}

	#voiceWrap .voiceInner{
		background:url(../../../img/under/door/customer/photo02.jpg) no-repeat bottom center;
		background-size:100%;
		margin-bottom:20px;
		padding-bottom:68%;
		}


		#voiceWrap .voiceInner .box{
			width:100%;
			box-sizing:border-box;
			}

			#voiceWrap .voiceInner .box .voiceTitle h2{
				font-size:20px;
				font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
				margin-bottom:10px;
				}

			#voiceWrap .voiceInner .box .voiceTitle h2 span{
				font-size:16px;
				display:block;
				}

			#voiceWrap p{
				font-size:12px;
				font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
				}


/* btnWrap
------------------------------------------------------------ */
#btnWrap{
	width:90%;
	margin:0 auto 30px auto;
	}

	#btnWrap ul{
		display:flex;
		justify-content:space-between;
		}

		#btnWrap ul li{
			width:48%;
			font-size:16px;
			font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
			}

			#btnWrap ul li a{
				border:1px solid #000;
				display:block;
				color:#000;
				padding:15px 0;
				text-align:center;
				text-decoration:none;
				font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
				}

				#btnWrap ul li a:hover{
					color:#999;
					border:1px solid #999;
					}
}