body {background-image:url(../img/voice/voice-bg.png); background-size:contain;}

#voice {}
#page-title {width:180px; margin:12rem auto 2rem; color:#12467b; border:5px solid #12467b;}
.page-intro {color:#12467b;}

@media screen and (max-width:768px) {
	#voice {margin-top:12rem;}
	#page-title {width:160px; border:3px solid #12467b;}
}
@media screen and (max-width:414px) {
	#voice {margin-top:5rem;}
	#page-title {width:160px; border:3px solid #12467b;}
}


.voice-holder {
	display:-webkit-flex; display:flex; -webkit-flex-direction:row; flex-direction:row;
	-webkit-justify-content:space-between; justify-content:space-between;
	margin:4rem 0 0;
	padding:4.5rem 0 0;
	border-top:2px dotted #12467b;
}
.profile {
	display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column;
	width:150px; margin:0 5rem 0 0;
	text-align:center;
}
.profile h1 {
	font-size:1.8rem;
	font-weight:bold;
	margin-top:1rem;
}
.profile h1:after {
	content:"さん";
	font-size:1.4rem;
}
.profile h2 {
	font-size:1.2rem;
}
.profile h2 span {
	display:block;
}
.profile-img {
	display:block;
	height:150px;
}
.faq {flex:1; padding-top:.5rem;}
.faq li {margin-bottom:2.5rem;}
.faq h3 {font-size:2.2rem; font-weight:bold; color:#12467b;}
.faq h3:before {content:"Q."; font-size:2.2rem; padding-right:.5rem;}
.faq p {margin-top:1rem; padding-left:2.4rem; line-height:2.4rem;}

@media screen and (max-width:768px) {
	#page-title {margin:8rem auto 3rem;}
	.profile {margin:0 5% 0 0;}
	.profile h1 {font-size:1.5rem; line-height:1.8rem;}
	.profile h1:after {font-size:1.2rem; display:block;}
	.faq h3 {font-size:1.6rem;}
}
@media screen and (max-width:414px) {
	#page-title { margin:8rem auto 3rem;}
	.voice-holder {
		-webkit-flex-direction:column; flex-direction:column;
		margin:2rem 0 0; padding:2.5rem 0 0;
	}
	.profile {width:220px; margin:0 auto 2rem;}
	.profile h1 {margin-top:1.5rem;}
	.profile h1:after {display:inline-block;}
	.profile h2 span {display:inline-block;}
	.profile h2 span:before {content:"/"; padding:0 .4rem;}
	.profile-img {height:auto;}
	.faq {width:100%;}
	.faq li:last-child {margin-bottom:1rem;}
	.faq h3 {font-size:1.5rem;}
	.faq h3:before {font-size:1.8rem; padding-right:.2rem;}
	.faq p {margin-top:.5rem; padding-left:0; line-height:2rem; text-align:justify;}
}