@charset "UTF-8";



/* testimonials
--------------------- */
.real-work .row .graph {
	max-width: 710px;
	margin: 0 auto 10px auto;
}

.real-work .row .voice .box {
	width: 48%;
	margin-right: 4%;
	margin-top: 30px;
}
.real-work .row .voice .box:nth-child(2),
.real-work .row .voice .box:nth-child(5) {
	margin-right: 0;
}
.real-work .row .voice .box:nth-child(3),
.real-work .row .voice .box:nth-child(6) {
	width: 100%;
	margin-right: 0;
}
	.real-work .row .voice .box dt {
		width: 70px;
		text-align: center;
	}
		.real-work .row .voice .box dt span {
			display: block;
			font-size: 1.3rem;
			line-height: 1;
			text-align: center;
			margin-top: 8px;
		}

	.real-work .row .voice .box dd {
		width: -webkit-calc(100% - 95px);
		width: calc(100% - 95px);
		background: #F8F8F8;
		padding: 20px 25px;
		border-radius: 5px;
		font-size: 1.6rem;
		line-height: 1.8em;
		position: relative;
	}
	.real-work .row .voice .box dd:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent #f8f8f8 transparent transparent;
		border-width: 0px 20px 20px 0px;
		position: absolute;
		top: 30px;
		left: -20px;
	}

.real-work .row .voice-vertical .box {
	width: 100%;
	margin-top: 30px;
}
	.real-work .row .voice-vertical .box dt {
		width: 70px;
		text-align: center;
	}
	.real-work .row .voice-vertical .box:nth-child(2n) dt {
		order: 2;
	}
		.real-work .row .voice-vertical .box dt span {
			display: block;
			font-size: 1.3rem;
			line-height: 1;
			text-align: center;
			margin-top: 8px;
		}

	.real-work .row .voice-vertical .box dd {
		width: -webkit-calc(100% - 95px);
		width: calc(100% - 95px);
		background: #F8F8F8;
		padding: 20px 25px;
		border-radius: 5px;
		font-size: 1.6rem;
		line-height: 1.8em;
		position: relative;
	}
	.real-work .row .voice-vertical .box:nth-child(2n) dd {
		order: 1;
	}
	.real-work .row .voice-vertical .box dd:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent #f8f8f8 transparent transparent;
		border-width: 0px 20px 20px 0px;
		position: absolute;
		top: 30px;
		left: -20px;
	}
	.real-work .row .voice-vertical .box:nth-child(2n) dd:before {
		border-color: #f8f8f8 transparent transparent transparent;
		border-width: 20px 20px 0 0;
		left: auto;
		right: -20px;
	}

.real-work .row .message {
	border: solid 1px #ddd;
	padding: 25px 30px;
	margin-top: 50px;
}
	.real-work .row .message h4 {
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 1;
		text-align: center;
		margin-top: -36px;
		margin-bottom: 15px;
	}
		.real-work .row .message h4 span {
			background: #fff;
			padding: 0 15px;
		}

.real-work .row .catch {
	margin-top: 80px;
}
	.real-work .row .catch h3 {
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 1.5em;
		text-align: center;
	}




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


	
	
/* testimonials
--------------------- */
.real-work .row .voice .box {
	margin-top: 20px;
}
	.real-work .row .voice .box dt {
		width: 60px;
	}
		.real-work .row .voice .box dt span {
			display: block;
			font-size: 1.2rem;
		}

	.real-work .row .voice .box dd {
		width: -webkit-calc(100% - 85px);
		width: calc(100% - 85px);
		font-size: 1.5rem;
		line-height: 1.7em;
	}
	.real-work .row .voice .box dd:before {
		top: 25px;
	}

.real-work .row .voice-vertical .box {
	margin-top: 20px;
}
	.real-work .row .voice-vertical .box dt {
		width: 60px;
	}
		.real-work .row .voice-vertical .box dt span {
			display: block;
			font-size: 1.2rem;
		}

	.real-work .row .voice-vertical .box dd {
		width: -webkit-calc(100% - 85px);
		width: calc(100% - 85px);
		font-size: 1.5rem;
		line-height: 1.7em;
	}
	.real-work .row .voice-vertical .box dd:before {
		top: 25px;
	}
	
.real-work .row .message {
	padding: 20px 25px;
	margin-top: 40px;
}
	.real-work .row .message h4 {
		font-size: 1.8rem;
		margin-top: -30px;
	}
		.real-work .row .message h4 span {
			padding: 0 12px;
		}

.real-work .row .catch {
	margin-top: 60px;
}
	.real-work .row .catch h3 {
		font-size: 1.7rem;
	}




}





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


	
	
/* testimonials
--------------------- */
.real-work .row .voice {
	display: block;
}
	.real-work .row .voice .box {
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}
		.real-work .row .voice .box dt {
			width: 50px;
		}
			.real-work .row .voice .box dt span {
				font-size: 1.1rem;
			}

		.real-work .row .voice .box dd {
			width: -webkit-calc(100% - 75px);
			width: calc(100% - 75px);
			font-size: 1.4rem;
			line-height: 1.6em;
		}

.real-work .row .voice-vertical .box dt {
	width: 50px;
}
	.real-work .row .voice-vertical .box dt span {
		font-size: 1.1rem;
	}

.real-work .row .voice-vertical .box dd {
	width: -webkit-calc(100% - 75px);
	width: calc(100% - 75px);
	font-size: 1.4rem;
	line-height: 1.6em;
}

.real-work .row .catch {
	margin-top: 40px;
}
	.real-work .row .catch h3 {
		font-size: 1.7rem;
		text-align: left;
	}
	






}