/* ===================================================================
CSS information
 file name  :  voice.css
 style info :  アンケート・インタビューページ用（voice.css）
=================================================================== */
body {
	background-color:#FFFFFF;
}
.red {
	color: #ff0000;
}


/* PC用のスタイル記述 */
@media screen and (min-width: 760px) {
	
	.voice {
		margin-bottom: 40px;
	}
	.voice h3 {
		margin: 0 20px 20px 20px;
		font-size: 26px;
	}
	.voice dl.v1 {
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: #000000 1px solid;
	}
	.voice dl.v1 .v1_1 {
		margin-right: 40px;
		float: left;
	}
	.voice dl.v1 .v1_2 {
		margin-bottom: 40px;
		font-size: 20px;
		font-weight: bold;
	}
	.voice dl.v1 .v1_3 {
		font-size: 18px;
		margin-bottom: 40px;
	}
	.voice dl.v1 .v1_4 {
		float: right;
	}
	.voice dl.v2 {
	}
	.voice dl.v2 .v2_1 {
		margin-left: 40px;
		float: right;
	}
	.voice dl.v2 .v2_2 {
		margin-bottom: 40px;
		font-size: 20px;
		font-weight: bold;
	}
	
	.ank {
	}
	.ank h3 {
		margin: 0 20px 20px 20px;
		font-size: 26px;
	}
	.ank ul {
		
	}
	.ank ul li {
		margin-bottom: 100px;
		font-size: 26px;
		font-weight: bold;
		text-align: center;
	}
	.ank ul li img{
		width:60%;
	}
	
	.interview {
		margin-bottom: 40px;
	}
	.interview h3 {
		margin: 0 20px 20px 20px;
		font-size: 18px;
	}
	.interview .pic {
		float: right;
		margin: 0 0 40px 40px;
		text-align: center;
	}
	.interview dl dt {
		margin-bottom: 20px;
		font-weight: bold;
	}
	.interview dl .name {
		margin-bottom: 10px;
	}
	.interview dl .txt {
		margin-left: 30px;
		margin-bottom: 20px;
		text-indent: 1em;
	}
}



/* スマートフォン用のスタイル記述 */
@media screen and (max-width: 760px) {
	
	.voice {
		margin-bottom: 40px;
	}
	.voice h3 {
		margin: 0 20px 20px 20px;
		font-size: 14px;
	}
	.voice dl.v1 {
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: #000000 1px solid;
	}
	.voice dl.v1 .v1_1 img {
		width: 100%;
	}
	.voice dl.v1 .v1_2 {
		margin-bottom: 10px;
		font-size: 13px;
		font-weight: bold;
	}
	.voice dl.v1 .v1_3 {
		margin-bottom: 10px;
	}
	.voice dl.v1 .v1_4 {
		float: right;
	}
	.voice dl.v2 {
	}
	.voice dl.v2 .v2_1 img {
		width: 100%;
	}
	.voice dl.v2 .v2_2 {
		margin-bottom: 10px;
		font-size: 13px;
		font-weight: bold;
	}
	
	.ank {
	}
	.ank h3 {
		margin: 0 20px 20px 20px;
		font-size: 14px;
	}
	.ank ul {
		width: 100%;
	}
	.ank ul li {
		width: 100%;
		margin-bottom: 20px;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
	.ank ul li img {
		width: 100%;
	}
	
	.interview {
		margin-bottom: 40px;
	}
	.interview h3 {
		margin: 0 20px 20px 20px;
		font-size: 14px;
	}
	.interview .pic {
		margin-bottom: 20px;
		text-align: center;
	}
	.interview .pic img {
		width: 100%;
	}
	.interview dl dt {
		margin-bottom: 20px;
		font-weight: bold;
	}
	.interview dl .name {
		margin-bottom: 10px;
	}
	.interview dl .txt {
		margin-left: 10px;
		margin-bottom: 20px;
		text-indent: 0.5em;
	}
}