@charset "UTF-8";
/* CSS Document */

.main {
	width:100%;
	background-image:url(../../common/img/bg-img.png);
	background-size:100% auto;
	background-position:top center;
}
.main-img {
	position:relative;
	width:735px;
	margin:0 auto;
	padding-left:160px;
}
.main-img img {
	width:100%;
}

.page_summary {
	position:absolute;
	top:72px;
	left:-140px;
	padding:20px 10px;
	background-color:#fff;
}
.page_summary h2 {
	font-size:34px;
	font-size:3.4rem;/* =34px */
	line-height:50px;
	line-height:5rem;/* =50px */
	font-weight:bold;
}
.page_summary p {
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:normal;
}

.page_summary-sp {
	display:none;
}

@media only screen and (min-width:601px) and (max-width:959px) {
	.main-img {
		position:relative;
		width:100%;
		padding-left:0;
	}
	.main-img img {
		width:100%;
	}
	
	.page_summary {
		display:none;
	}
	
	.page_summary-sp {
		display:block;
		position:relative;
		text-align:center;
		margin-top:-30px;
		padding-top:30px;
		background-image:url(../../common/img/wave.png);
		background-size:100% auto;
		background-position:top center;
		z-index:0;
	}
	.page_summary-sp h2 {
		font-size:30px;
		font-size:3rem;/* =30px */
		line-height:50px;
		line-height:5rem;/* =50px */
		font-weight:bold;
	}
	.page_summary-sp p {
		font-size:14px;
		font-size:1.4rem;/* =14px */
		line-height:24px;
		line-height:2.4rem;/* =24px */
		font-weight:normal;
	}
}
@media screen and ( max-width:600px ) {
	.main-img {
		position:relative;
		width:100%;
		padding-left:0;
	}
	.main-img img {
		width:100%;
	}
	
	.page_summary {
		display:none;
	}
	
	.page_summary-sp {
		display:block;
		position:relative;
		text-align:center;
		margin-top:-30px;
		padding-top:30px;
		background-image:url(../../common/img/wave.png);
		background-size:100% auto;
		background-position:top center;
		z-index:0;
	}
	.page_summary-sp h2 {
		font-size:30px;
		font-size:3rem;/* =30px */
		line-height:50px;
		line-height:5rem;/* =50px */
		font-weight:bold;
	}
	.page_summary-sp p {
		font-size:14px;
		font-size:1.4rem;/* =14px */
		line-height:24px;
		line-height:2.4rem;/* =24px */
		font-weight:normal;
	}
}

.voice-wrapper {
	position:relative;
	width:100%;
	margin-top:-50px;
	padding-top:50px;
	background-image:url(../../common/img/wave.png);
	background-size:100% auto;
	background-position:top center;
	z-index:1;
}
.voice {
	width:100%;
	padding-bottom:30px;
	background-color:#fff;
}
.voice-cont {
	width:800px;
	margin:0 auto;
	padding:60px 0 30px 0;
}

.voice01,
.voice02,
.voice03 {
	position:relative;
	margin-bottom:70px;
}
ul.name {
	margin:0 0 36px 90px;
}
ul.name li {
	font-size:18px;
	font-size:1.8rem;/* =18px */
	line-height:38px;
	line-height:3.8rem;/* =38px */
	font-weight:normal;
}
.voice01 h3,
.voice02 h3,
.voice03 h3 {
	font-size:30px;
	font-size:3rem;/* =30px */
	line-height:60px;
	line-height:6rem;/* =60px */
	font-weight:bold;
	padding-left:110px;
}
.voice01-icon,
.voice02-icon,
.voice03-icon {
	position:absolute;
	width:140px;
	top:-10px;
	left:-50px;
}
.voice01-icon img,
.voice02-icon img,
.voice03-icon img {
	width:100%;
}
.voice01-info {
	padding:20px 10px;
	border:4px solid #e08080;
	border-radius:15px;
}
.voice02-info {
	padding:20px 10px;
	border:4px solid #cdc82a;
	border-radius:15px;
}
.voice03-info {
	padding:20px 10px;
	border:4px solid #7bc65f;
	border-radius:15px;
}
.voice01-info .question,
.voice02-info .question,
.voice03-info .question {
	width:;
	font-size:22px;
	font-size:2.2rem;/* =22px */
	line-height:30px;
	line-height:3rem;/* =30px */
	font-weight:bold;
	margin:0 0 30px 95px;
	padding:2px 0 0 40px;
	background-position:top left;
	background-repeat:no-repeat;
	background-size:32px;
}
.voice01-info .answer,
.voice02-info .answer,
.voice03-info .answer {
	width:;
	font-size:18px;
	font-size:1.8rem;/* =18px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:normal;
	margin:0 0 30px 6px;
	padding:5px 0 0 50px;
	background-position:top left;
	background-repeat:no-repeat;
	background-size:32px;
}
.voice01-info .answer p,
.voice02-info .answer p,
.voice03-info .answer p {
	margin-bottom:20px;
	padding-left:3.8em;
	text-indent:-3.8em;
}
.voice01-info .question {
	background-image:url(../img/question_icon01.png);
}
.voice02-info .question {
	background-image:url(../img/question_icon02.png);
}
.voice03-info .question {
	background-image:url(../img/question_icon03.png);
}
.voice01-info .answer {
	background-image:url(../img/answer_icon01.png);
}
.voice02-info .answer {
	background-image:url(../img/answer_icon02.png);
}
.voice03-info .answer {
	background-image:url(../img/answer_icon03.png);
}

@media only screen and (min-width:601px) and (max-width:959px) {
	.voice-wrapper {
		position:relative;
		width:100%;
		margin-top:0;
		padding-top:0;
		background-image:none;
		z-index:1;
	}
	.voice {
		width:100%;
		padding-bottom:30px;
		background-color:#fff;
	}
	.voice-cont {
		width:96%;
		margin:0 auto;
		padding:30px 0;
	}
	ul.name {
		margin:10px 0 36px 40px;
	}
	ul.name li {
		font-size:12px;
		font-size:1.2rem;/* =12px */
		line-height:16px;
		line-height:1.6rem;/* =16px */
		font-weight:normal;
	}
	.voice01 h3,
	.voice02 h3,
	.voice03 h3 {
		font-size:16px;
		font-size:1.6rem;/* =16px */
		line-height:30px;
		line-height:3rem;/* =30px */
		font-weight:bold;
		padding-left:90px;
	}
	.voice01-icon,
	.voice02-icon,
	.voice03-icon {
		position:absolute;
		width:80px;
		top:-20px;
		left:0px;
	}
	.voice01-info .question,
	.voice02-info .question,
	.voice03-info .question {
		width:;
		min-height:32px;
		font-size:14px;
		font-size:1.4rem;/* =14px */
		line-height:18px;
		line-height:1.8rem;/* =18px */
		font-weight:bold;
		margin:0 0 30px 6px;
		padding:5px 0 0 50px;
		background-position:top left;
		background-repeat:no-repeat;
		background-size:32px;
	}
	.voice01-info .answer,
	.voice02-info .answer,
	.voice03-info .answer {
		width:;
		font-size:14px;
		font-size:1.4rem;/* =14px */
		line-height:18px;
		line-height:1.8rem;/* =18px */
		font-weight:normal;
		margin:0 0 30px 6px;
		padding:5px 0 0 50px;
		background-position:top left;
		background-repeat:no-repeat;
		background-size:32px;
	}
}
@media screen and ( max-width:600px ) {
	.voice-wrapper {
		position:relative;
		width:100%;
		margin-top:0;
		padding-top:0;
		background-image:none;
		z-index:1;
	}
	.voice {
		width:100%;
		padding-bottom:30px;
		background-color:#fff;
	}
	.voice-cont {
		width:96%;
		margin:0 auto;
		padding:30px 0;
	}
	ul.name {
		margin:10px 0 36px 40px;
	}
	ul.name li {
		font-size:12px;
		font-size:1.2rem;/* =12px */
		line-height:16px;
		line-height:1.6rem;/* =16px */
		font-weight:normal;
	}
	.voice01 h3,
	.voice02 h3,
	.voice03 h3 {
		font-size:16px;
		font-size:1.6rem;/* =16px */
		line-height:30px;
		line-height:3rem;/* =30px */
		font-weight:bold;
		padding-left:90px;
	}
	.voice01-icon,
	.voice02-icon,
	.voice03-icon {
		position:absolute;
		width:80px;
		top:-20px;
		left:0px;
	}
	.voice01-info .question,
	.voice02-info .question,
	.voice03-info .question {
		width:;
		min-height:32px;
		font-size:14px;
		font-size:1.4rem;/* =14px */
		line-height:18px;
		line-height:1.8rem;/* =18px */
		font-weight:bold;
		margin:0 0 30px 6px;
		padding:5px 0 0 50px;
		background-position:top left;
		background-repeat:no-repeat;
		background-size:32px;
	}
	.voice01-info .answer,
	.voice02-info .answer,
	.voice03-info .answer {
		width:;
		font-size:14px;
		font-size:1.4rem;/* =14px */
		line-height:18px;
		line-height:1.8rem;/* =18px */
		font-weight:normal;
		margin:0 0 30px 6px;
		padding:5px 0 0 50px;
		background-position:top left;
		background-repeat:no-repeat;
		background-size:32px;
	}
}