@charset "utf-8";

section#membership_voice {
}
section#membership_voice ul#voiceList {
}
section#membership_voice ul#voiceList li {
	margin-top:80px;
	padding-top:80px;
	border-top: 1px solid #CCC;
}
section#membership_voice ul#voiceList li:first-child {
	margin-top:0;
	padding-top:0;
	border-top: none;
}
section#membership_voice ul#voiceList li div.voiceListHeader {
	display: flex;
}
section#membership_voice ul#voiceList li div.voiceListHeader p.voiceListHeaderPhoto {
	width: 300px;
	margin-right:30px;
}
section#membership_voice ul#voiceList li div.voiceListHeader div {
	width: calc((100% - 30px) - 300px);
}
section#membership_voice ul#voiceList li div.voiceListHeader div table {
}
section#membership_voice ul#voiceList li div.voiceListContents {
	display: flex;
	margin-top:50px;
}
section#membership_voice ul#voiceList li div.voiceListContents div {
	width: calc((100% - 80px) / 2);
	margin-right:40px;
}
section#membership_voice ul#voiceList li div.voiceListContents div:last-child {
	margin-right:0;
}
section#membership_voice ul#voiceList li div.voiceListContents div p.voiceListContentsText {
	margin-top:20px;
}
section#membership_voice ul#voiceList li div.voiceListContents div ul {
	display: flex;
}
section#membership_voice ul#voiceList li div.voiceListContents div ul li {
	width: calc((100% - 15px) / 2);
	margin:0 15px 0 0;
	padding-top:0;
	border-top: none;
}
section#membership_voice ul#voiceList li div.voiceListContents div ul li:last-child {
	margin-right:0;
}



/* タブレット用
------------------------------------------------------------------------------------ */
@media screen and (min-width:768px) and (max-width:1279px) {
	section#membership_voice ul#voiceList li div.voiceListContents {
		display: block;
	}
	section#membership_voice ul#voiceList li div.voiceListContents div {
		width: 100%;
		margin-right:0;
		margin-top:30px;
	}
	section#membership_voice ul#voiceList li div.voiceListContents div:first-child {
		margin-top:0;
	}
}



/* スマホ用
------------------------------------------------------------------------------------ */
@media screen and (max-width:767px) {
	section#membership_voice ul#voiceList li {
		margin-top:50px;
		padding-top:50px;
		border-top: 1px solid #CCC;
	}
	section#membership_voice ul#voiceList li div.voiceListHeader {
		display: block;
	}
	section#membership_voice ul#voiceList li div.voiceListHeader p.voiceListHeaderPhoto {
		width: 100%;
		margin-right:0;
	}
	section#membership_voice ul#voiceList li div.voiceListHeader div {
		width: 100%;
		margin-top:20px;
	}

	section#membership_voice ul#voiceList li div.voiceListContents {
		display: block;
	}
	section#membership_voice ul#voiceList li div.voiceListContents div {
		width: 100%;
		margin-right:0;
		margin-top:30px;
	}
	section#membership_voice ul#voiceList li div.voiceListContents div:first-child {
		margin-top:0;
	}
}