.voiceTitleWrapper p{
	font-size: 23px;
	line-height: 32px;
	color: #4F95CC;
	margin: 22px 0;
}

.peopleNameWrapper .name{
	font-size: 17px;
	margin-right: 20px;
}

.peopleVoContents div , .messageWrapper div{
	padding: 0;
	font-size: 14px;
	line-height: 1.8;
}

.messageWrapper div.messagetitle{
	color: white;
	background-color: #4F95CC;
	font-size: 17px;
	line-height: 20px;
	padding: 10px;
	width: 100%;
}

.peopleVoConWrapper .peopleVoContents:first-child{
	border-top: none;
}

@media print, screen and (min-width:768px){

	.peopleVoiceImg{
		width: 250px;
	}

	.peopleImg{
		width: 180px;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.peopleNameWrapper{
		color: white;
		background-color: #4F95CC;
		font-size: 11px;
		line-height: 20px;
		padding: 10px;
		width: 95%;
	}

	.voiceTitleWrapper{
		position: relative;
		padding-top: 10px;
		margin-bottom: 20px;
	}

	.peopleVoConImg{
		width: 90%;
		float: right;
	}

	.messageWrapper div.messagetitle{
		margin-bottom: 20px;
	}

	.peopleVoContents{
		border-top: #4F95CC solid 1px;
		padding-bottom: 40px;
		margin-bottom: 10px;
	}
}



@media  screen and (max-width: 767px) {

	.peopleVoiceImg{
		width: 80%;
	}

	.peopleNameWrapper{
		color: white;
		background-color: #4F95CC;
		font-size: 11px;
		line-height: 20px;
		padding: 10px;
		width: 100%;
	}

	.voiceTitleWrapper p{
		font-size: 18px;
		line-height: 1.8;
		color: #4F95CC;
		margin: 11px 0;
	}

	.peopleImg{
		display: none;
	}

	.voiceTitleWrapper{
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	.messageWrapper{
		margin-bottom: 30px;
	}

	.peopleVoContents{
		border-top: #4F95CC solid 1px;
		padding-bottom: 20px;
		margin-bottom: 5px;
	}

	.messageWrapper div.messagetitle{
		margin-bottom: 10px;
		font-size: 16px;
	}


	.peopleVoConImg{
		width: 100%;
		margin-top: 20px;
	}
}

/* コンテンツのラッパー */
.container .innerContents {
	margin-bottom: 58px;
}
@media screen and (max-width: 767px) {
	.container .innerContents {
		margin-bottom: 120px;
	}
}
/* 吹き出しの画像 */
@media screen and (max-width: 767px) {
	.container .innerContents .peopleVoiceImg {
		width: 250px;
	}
}
/* 人物名とコメントのラッパー */
.voiceTitleWrapper {
	display: flex;
	flex-direction: column;
	padding-top: 0px;
	margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
	.voiceTitleWrapper {
		margin-top: -20px !important;
		margin-bottom: 30px !important;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}
}
/* コメント */
.container .innerContents .voiceTitleWrapper p {
	color: #006E50;
	margin-top: 40px;
	margin-left: 199px;
	margin-bottom: 38px;
	font-size: 24px;
	line-height: 1.583;
	letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
	.container .innerContents .voiceTitleWrapper p {
		margin: 0;
		padding: 0 10px;
		width: 69.4% !important;
		font-size: 18px;
		line-height: 1.7778;
	}
}
/* 人物写真 */
.voiceTitleWrapper .peopleImg {
	position: absolute;
	width: 162px;
	left: 1%;
	/* top: -30px; */
	bottom: 40px;
}
@media screen and (max-width: 767px) {
	.voiceTitleWrapper .peopleImg {
		display: block;
		position: static;
		width: 30.6%;
	}
}
/* 人物名と部署名（緑背景） */
.voiceTitleWrapper .peopleNameWrapper {
	background-color: #6FBA2C;
	padding-top: 14px;
	padding-left: 199px;
	padding-bottom: 14px;
	margin-bottom: 40px;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}
@media screen and (max-width: 767px) {
	.voiceTitleWrapper .peopleNameWrapper {
		padding-top: 11px;
		padding-left: 20px;
		padding-bottom: 11px;
		margin-bottom: 0;
		flex-direction: column;
		align-items: flex-start;
	}
}
/* 人物名 */
.voiceTitleWrapper .peopleNameWrapper .name {
	font-size: 17px;
	line-height: 1.294;
	letter-spacing: 0.03em;
}
/* 部署名 */
.voiceTitleWrapper .peopleNameWrapper .peopleNameDpn {
	font-size: 14px;
	letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
	.voiceTitleWrapper .peopleNameWrapper .peopleNameDpn {
		margin-top: 4px;
		font-size: 11px;
		line-height: 1.2727;
	}
}
/* 写真と文章 */
/* 写真と文章ラッパー */
.innerContents .peopleVoContents {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 0;
	margin-bottom: 40px;
	border: none;
}
@media screen and (max-width: 767px) {
	.innerContents .peopleVoContents {
		margin-bottom: 30px;
		flex-direction: column;
	}
}
/* 表示に影響がないため擬似要素を削除 */
.innerContents .peopleVoContents::before,
.innerContents .peopleVoContents::after {
	content: none;
}
/* 文章（見出しとテキスト） */
.peopleVoContents .peopleVoTexts {
	width: 56%;
}
@media screen and (max-width: 767px) {
	.peopleVoContents .peopleVoTexts {
		width: 100%;
	}
}
/* 見出し */
.peopleVoContents .peopleVoTexts h2 {
	font-size: 20px;
	letter-spacing: 0.03em;
	padding-bottom: 0;
	margin: 0;
	margin-bottom: 16px;
	width: 100%;
	border: none;
}
/* テキスト */
.peopleVoContents .peopleVoTexts p {
	font-size: 14px;
	line-height: 1.785;
	letter-spacing: 0.03em;
	margin: 0;
	margin-top: -4px;
	width: 100%;
}
/* 写真ラッパー */
.peopleVoContents > div:has(> img) {
	width: 40%;
}
@media screen and (max-width: 767px) {
	.peopleVoContents > div:has(> img) {
		width: 100%;
	}
}
/* 写真 */
.peopleVoContents > div img {
	width: 100%;
}
/* 学生へのメッセージ */
/* メッセージラッパー */
.messageWrapper {
	margin: 0;
	margin-bottom: 58px;
}
/* メッセージのタイトル */
.messageWrapper .messagetitle {
	background-color: #6FBA2C !important;
	margin-top: 20px;
	margin-bottom: 40px !important;
	font-size: 17px !important;
	letter-spacing: 0.03em;
	padding: 15px 20px !important;
}
@media screen and (max-width: 767px) {
	.messageWrapper .messagetitle {
		padding: 10px !important;
		margin-top: 10px;
		margin-bottom: 16px !important;
		font-size: 16px !important;
	}
}
.messageWrapper .messageAndImg {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.messageWrapper .messageAndImg {
		flex-direction: column;
	}
}
.messageWrapper .messageAndImg p {
	font-size: 14px;
	line-height: 1.785;
	letter-spacing: 0.03em;
	width: 56%;
}
@media screen and (max-width: 767px) {
	.messageWrapper .messageAndImg p {
		width: 100%;
	}
}
.messageWrapper .messageImg {
	width: 40%;
}
@media screen and (max-width: 767px) {
	.messageWrapper .messageImg {
		width: 100%;
	}
}
.messageWrapper .messageImg img {
	width: 100%;
}
@media screen and (max-width: 767px) {
	.messageWrapper .messageImg img {
		margin-top: 15px;
	}
}