@charset "UTF-8"; 

main {
	background-image: url(/assets/img/review/review_bg_pc.jpg); 
	background-size: cover; 
	background-position: center top; 
}

/* #kv ------------------------------------------------------------------------------------------*/

main.sub_page #kv {
	height: 490px; 
}

main #kv .kv_wrap {
	width: 1200px; 
	height: 490px; 
	padding-bottom: 100px; 
}

main #kv .kv_wrap h1 {
	font-size: 95px; 
}

main #kv .kv_wrap h2 {
	text-align: left; 
}

/* #voice ------------------------------------------------------------------------------------------*/

#voice .voice_list {
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-between; 
	width: 1170px; 
	margin: 0 auto; 
	padding-bottom: 50px; 
}

#voice .voice_list li {
	width: 572.192px; 
	background-color: #FFF; 
	padding: 90px 98px; 
	margin-bottom: 105px; 
}

#voice .voice_list .voice_img {
	width: 66px; 
	position: absolute; 
	z-index: 2; 
	top: -30px; 
	left: 250px; 
}

#voice .voice_list .voice_img:before {
	content: ""; 
	display: block; 
	width: 96px; 
	padding-top: 96px; 
	background-color: #FFF; 
	border-radius: 50%; 
	position: absolute; 
	left: -15px; 
	top: -10px; 
	z-index: 1; 
}

#voice .voice_list .voice_img img {
	position: relative; 
	z-index: 2; 
}

#voice .voice_list li p {
	font-size: 19px; 
	line-height: 178%; 
}

#voice .voice_list li p span {
	font-size: 16px; 
}

/* Liquid ------------------------------------------------------------------------------------------*/

@media (max-width: 1440px) {

	/* #kv ------------------------------------------------------------------------------------------*/

	main.sub_page #kv {
		height: min(calc(490/1440*100vw), 490px); 
	}

	main.sub_page #kv .kv_wrap {
		width: calc(1200/1440*100%); 
		height: min(calc(490/1440*100vw), 490px); 
		padding-bottom: min(calc(100/1440*100vw), 100px); 
		padding-left: 0; 
	}

	main #kv .kv_wrap h1 {
		font-size: min(calc(95/1440*100vw), 95px); 
	}

	/* #voice ------------------------------------------------------------------------------------------*/

	#voice .voice_list {
		width: min(calc(1170/1440*100vw), 1170px); 
		padding-bottom: min(calc(50/1440*100vw), 50px); 
	}

	#voice .voice_list li {
		width: min(calc(572/1440*100vw), 572px); 
		padding: min(calc(90/1440*100vw), 90px) min(calc(98/1440*100vw), 98px); 
		margin-bottom: min(calc(105/1440*100vw), 105px); 
	}

	#voice .voice_list .voice_img {
		width: min(calc(66/1440*100vw), 66px); 
		top: min(calc(-30/1440*100vw), -30px); 
		left: min(calc(250/1440*100vw), 250px); 
	}

	#voice .voice_list .voice_img:before {
		width: min(calc(96/1440*100vw), 96px); 
		padding-top: min(calc(96/1440*100vw), 96px); 
		left: min(calc(-15/1440*100vw), -15px); 
		top: min(calc(-10/1440*100vw), -10px); 
	}

	#voice .voice_list li p {
		font-size: min(calc(19/1440*100vw), 19px); 
	}

	#voice .voice_list li p span {
		font-size: min(calc(16/1440*100vw), 16px); 
	}
}

/* Smartphone ------------------------------------------------------------------------------------------*/

@media (max-width: 1000px) {
	main {
		background-image: url(/assets/img/review/review_bg_sp.jpg); 
	}

	/* #kv ------------------------------------------------------------------------------------------*/

	main.sub_page #kv {
		height: calc(504/786*100vw); 
	}

	main.sub_page #kv .kv_wrap {
		width: 100%; 
		height: calc(504/786*100vw); 
		padding: 0 0 min(calc(110/786*100vw), 110px) min(calc(50/786*100vw), 50px); 
	}

	main #kv .kv_wrap h1 {
		font-size: min(calc(110/786*100vw), 110px); 
	}

	main #kv .kv_wrap h2 {
		text-align: left; 
	}

	/* #voice ------------------------------------------------------------------------------------------*/

	#voice {
		padding: 0 min(calc(46/786*100vw), 46px) min(calc(100/786*100vw), 100px); 
	}

	#voice .voice_list {
		display: block; 
		width: 100%; 
		margin: 0 auto; 
		padding-bottom: 50px; 
	}

	#voice .voice_list li {
		width: 100%; 
		padding: min(calc(110/786*100vw), 110px) min(calc(50/786*100vw), 50px) min(calc(50/786*100vw), 50px); 
		margin-bottom: min(calc(120/786*100vw), 120px); 
	}

	#voice .voice_list .voice_img {
		width: calc(80/786*100vw); 
		position: absolute; 
		z-index: 2; 
		top: min(calc(-25/786*100vw), -25px); 
		left: calc(290/786*100vw); 
	}

	#voice .voice_list .voice_img:before {
		content: ""; 
		display: block; 
		width: min(calc(120/786*100vw), 120px); 
		padding-top: min(calc(120/786*100vw), 120px); 
		background-color: #FFF; 
		left: calc(-18/786*100vw); 
		top: calc(-10/786*100vw); 
		z-index: 1; 
	}

	#voice .voice_list .voice_img img {
		position: relative; 
		z-index: 2; 
	}

	#voice .voice_list li p {
		font-size: min(calc(26/786*100vw), 26px); 
		line-height: 161%; 
	}

	#voice .voice_list li p span {
		font-size: min(calc(26/786*100vw), 26px); 
	}
}