@charset "utf-8";
/* CSS Document */

#main .content{ padding-top: 0; }
/*#main{ padding-bottom: 90px; }*/
#main .voice-section{ background: url(../images/common/content/bg03.gif) center 0 repeat; padding: 80px 0; }
#main .voice-section:nth-of-type(odd){ background-image: url(../images/common/content/bg04.gif); }
#main .intro{ padding-bottom: 80px; text-align: center; }
#main .voice-list{ width: 1050px; margin: 0 auto; padding-top: 80px; border-top: 1px solid #cccccc; }
#main .voice-list .item{ overflow: hidden; }
#main .voice-list .item+.item{ margin-top: 80px; }
#main .voice-list .item .txt-body{ width: 500px; float: left; }
#main .voice-list .item .photo-body{ width: 500px; float: right; }
#main .voice-list .item:nth-child(even) .txt-body{ float: right; }
#main .voice-list .item:nth-child(even) .photo-body{ float: left; }
#main .voice-list .item .txt-body .ttl{ margin-bottom: 20px; }
#main .voice-list .item .txt-body .txt{ text-indent: 1em; line-height: 2.57; background: url(../images/voice/d01.gif) 0 bottom repeat; }
#main .voice-section02 .item .txt-body{ float: right; }
#main .voice-section02 .item .photo-body{ float: left; }
#main .voice-section02 .item:nth-child(even) .txt-body{ float: left; }
#main .voice-section02 .item:nth-child(even) .photo-body{ float: right; }
#main .voice-section02 .item01 .txt-body,
#main .voice-section01 .item03 .txt-body{ width: 100%; }


@media screen and (max-width: 1112px){
	#main .voice-list{ width: 940px; }
	#main .voice-list .item .txt-body{ width: 450px; }
	#main .voice-list .item .photo-body{ width: 450px; }
	#main .voice-section02 .item01 .txt-body,
	#main .voice-section01 .item03 .txt-body{ width: 100%; }
}
@media screen and (max-width: 768px){
	#main .voice-section{ padding: 10% 30px; }
	#main .intro{ padding: 0 0 8%; text-align: left; }
	#main .voice-list{ width: auto; padding: 8% 0 0; }
	#main .voice-list .item+.item{ margin-top: 10%; }
	#main .voice-list .item .txt-body{ width: auto; float: none!important; margin-top: 5%; }
	#main .voice-list .item .photo-body{ width: auto; float: none!important; }
	#main .voice-list .item .photo-body .photo img{ width: 100%; height: auto; }
	#main .voice-section02 .item01 .txt-body,
	#main .voice-section01 .item03 .txt-body{ margin-top: 0; }
}
@media screen and (max-width: 480px){
	#main{ padding-bottom: 20%; }
	#main .voice-section{ padding: 10% 15px; }
	#main .intro{ padding: 0 0 10.42%; }
	#main .voice-list .item+.item{ margin-top: 20%; }
	#main .voice-list .txt-right{ text-align: left; }
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5),screen and (min-resolution: 1.5dppx){
}