body.masa {background-image:url(../img/interview/interview-bg.png); background-size:contain;}
#page-title {width:180px; margin:12rem auto 2rem; color:#12467b; border:5px solid #12467b;}

@media screen and (max-width:768px) {
	#page-title {width:180px; border:3px solid #12467b;}
}
@media screen and (max-width:414px) {
	#interview {margin-top:0rem;}
	#page-title {width:160px; margin:10rem auto 3rem; border:3px solid #12467b;}
}

/*インタビュー対象者*/
#interviewer {
	max-width:720px; margin:5rem auto;
	display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
	-webkit-flex-direction:center; flex-direction:center;
}
#interviewer .prof-img {width:40%;}
#interviewer .prof-text {width:60%; font-size:1.2rem;}
#interviewer .prof-text h2 {font-size:2.2rem; font-weight:bold; letter-spacing:.8rem; margin:1.2rem 0; }
#interviewer .prof-text h2 span {
	display:inline-block; font-size:1.2rem; padding-left:1.2rem;
	letter-spacing:.1rem; font-family: 'Anton', sans-serif; color:#ccc; font-weight:normal;
}
#interviewer .prof-text p {font-size:1.3rem; line-height:2.3rem; margin:2rem 0;}
 
@media screen and (max-width:768px) {
	#interviewer {margin:4rem auto;}
	#interviewer .prof-img {width:37%;}
	#interviewer .prof-text {width:63%;}
	#interviewer p {font-size:1.3rem; line-height:2.3rem; margin:1.2rem 0;}
	#interviewer p a {color:#1f94a8; display:block; margin:.8rem 0;}
}
@media screen and (max-width:500px) {
	#interviewer {margin:1rem auto; -webkit-flex-direction:column; flex-direction:column;}
	#interviewer .prof-img {width:70%; margin:0 auto 2rem;}
	#interviewer .prof-text {width:100%; text-align:center;}
	#interviewer .prof-text h2 {font-size:1.6rem;}
	#interviewer .prof-text h2 span {display:block; padding-left:0;}
	#interviewer .prof-text p {margin:1rem 0;}
}
@media screen and (max-width:330px) {
	#interviewer .prof-img {width:90%;}
}

/*本文*/
#talk {padding:0 2rem;}
#talk-in {max-width:800px; margin:0 auto;}
#talk-in h1 {font-size:2.2rem; font-weight:bold; font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif; letter-spacing:.5rem; text-align:center; margin:3rem 0; color:#12467b;}
#talk-in h2 { font-size:2.2rem; font-weight:bold; font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif; letter-spacing:.5rem; text-align:left; margin:2rem 0; color:#333;}
#talk-in img {margin:3rem 0 0;}
#talk-in span {display:block; margin:.5rem 0 0; line-height:1.5rem; font-style:italic; text-align:right;}
#talk-in p {font-size:1.5rem; margin:1.5rem 0; letter-spacing:.2rem; line-height:2.8rem;}
#talk-in p.info {font-size:1.8rem; margin:5rem 0 0; letter-spacing:.2rem; font-weight:bold; color:#12467b;}
#talk-in p.info-more {font-size:1.3rem; margin:0; color:#12467b;}
#talk-in p.info-more span {font-size:1.1rem;}
#talk-in p a {color:#12467b;}
#talk-in p a:hover {color:#fff;}

#talk-in p.page-btn {margin:4rem auto 0; text-align:center;}
p.page-btn a {display:inline-block; font-size:1.5rem; text-align:center; color:#12467b; padding:2.3rem 5rem 2rem; border:2px solid #12467b;}
p.page-btn a:hover {color:#fff; background-color:#12467b; border:2px solid #12467b;}


@media screen and (max-width:768px) {
	#talk-in h1 {font-size:2rem;}
	#talk-in h2 {font-size:1.8rem;}
	#talk-in span {text-align:left;}
	#talk-in p {line-height:2.5rem;}
}
@media screen and (max-width:414px) {
	#talk-in h1 { font-size:1.8rem;}
	#talk-in h2 { font-size:1.8rem; letter-spacing:.3rem;}
	#talk-in p {font-size:1.4rem; letter-spacing:.1rem;}
	#talk-in p.info {font-size:1.5rem; margin:3.5rem 0 0;}
	p.page-btn a {display: block; font-size:1.4rem;}
}