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

.list_01 li{
	float: left;
	width: 250px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: #464136 2px solid;
	box-sizing: border-box;
	padding: 10px;
}
.list_01 li:nth-child(3n){
	margin-right: 0;
}

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


.list_01 li{
	float: left;
	width: 48%;
	margin-right: 2%;
}

.list_01 li:nth-child(3n){
	margin-right: 2%;
}
.list_01 li:nth-child(2n){
	margin-right: 0 !important;
}
	
}
/*.photo{
	width: 226px;
	height: 136px;
	margin: 0 auto;
	background: #fff;
	position: relative;	
}
.photo img{
	max-width: 226px;
	max-height: 136px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}*/
.photo{
    width:705px;
	height: 425px;
    background:#eee;
}

.photo img{
	max-width: 705px;
	width: 100%;
	object-fit: cover;
	max-height: 425px;
	margin: 0 auto;
	display: block;
}	
@media screen and (max-width: 767px) {
	.photo{
    width:100%;
	height: auto;
    background:#eee;
}

.photo img{
	max-width: 100%;
	max-height: 100%;
}
}
.photo02{
    width:230px;
	height: 138px;
    background:#eee;
	display: block;
}

.photo02 img{
	max-width: 230px;
	max-height: 138px;
	height: 138px;
	object-fit: cover;
	margin: 0 auto;
	display: block;
}	
@media screen and (max-width: 767px) {
	.photo02{
    width:100%;
	height: auto;
    background:#eee;
}

.photo02 img{
	max-width: 100%;
	max-height: 100%;
}
}
.photo03{
    width:226px;
	height: 136px;
    background:#eee;
}

.photo03 img{
	max-width: 226px;
	max-height: 136px;
	min-height: 136px;
	object-fit: cover;
	margin: 0 auto;
	display: block;
}	
@media screen and (max-width: 767px) {
	.photo03{
    width:100%;
	height: auto;
    background:#eee;
}

.photo03 img{
	max-width: 100%;
	max-height: 100%;
}
}


/*詳細*/
.area_01 .left_area{
	width: 287px;
	float: left;
}
.area_01 .right_area{
	width: 181px;
	float: right;
}
@media screen and (max-width: 767px) {
.area_01 .left_area{
	width: 50%;
	float: left;
}
.area_01 .right_area{
	width: 30%;
	float: right;
}
}

.list_btn li{
	float: left;
	margin-right: 10px;
}
.list_btn li:last-child{
	margin-right: 0;
}
@media screen and (max-width: 767px) {
.list_btn li{
	width: 49%;
	margin-right: 2%;
}
}
.voice_area{
	border: #464136 2px solid;
	padding: 30px;
}
@media screen and (max-width: 767px) {
.voice_area{
	border: #464136 2px solid;
	padding: 10px;
}
}


.list_02 li{
	float: left;
	width: 230px;
	margin-right: 8px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.list_02 li:nth-child(3n){
	margin-right: 0;
}

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


.list_02 li{
	float: left;
	width: 48%;
	margin-right: 2%;
}

.list_02 li:nth-child(3n){
	margin-right: 2%;
}
.list_02 li:nth-child(2n){
	margin-right: 0 !important;
}
	
}


.bg_01{
	background: url(../img/voice/bg_01.jpg) left top repeat;
	padding: 30px;
}
@media screen and (max-width: 767px) {
.bg_01{
	padding:15px;
}
}