/* ----------------------------------------
	shops.html
-------------------------------------------*/

.shops .sec{
	padding-bottom: 20%;
}
.shops #page_nav ul{
	justify-content: space-between;
}
.shops #page_nav li{
	width: 49%;
}
#shop_list .tbl .head dt,
#shop_list .tbl .head dd{
	padding: 8px 4px;
	color: #fff;
	text-align: center;
	font-weight: normal;
	background-color: var(--brown);
}
#shop_list .tbl .head dt{
	border-right: 1px solid;
	border-color: var(--bg-sub-color);
}
#shop_list .tbl dt{
	width: 30%;
}
#shop_list .tbl dd{
	width: 70%;
}
#shop_list .tbl a{
	color: var(--green);
}
#shop_list .tbl a:hover{
	opacity: var(--hover);
}
#qa_voice .item{
	position: relative;
	width: 100%;
	padding: 8%;
	margin-bottom: 8%;
	border-radius: 40px;
	border: 1px solid;
	border-color: var(--green);
	background-color: #fff;
}
#qa_voice .item:last-child{
	margin-bottom: 0;
}
#qa_voice .item h4{	
	margin-bottom: 8%;
	font-size: 32px;
	text-align: left;
	color: var(--green);
	padding: 2% 0;
	padding-left: 86px;
	background: url(../img/works/ic_h4.jpg) left center / 70px auto no-repeat;
}
#qa_voice .item .qa{
	display: flex;
	flex-direction: column;
	row-gap: 60px;
}
#qa_voice .item .qa dt,
#qa_voice .item .qa dd{
	min-height: 36px;
	text-align: justify;
}
#qa_voice .item .qa dt{
	padding: 0 0 2% 50px;
	margin-bottom: 2%;
	font-weight: bold;
	color: var(--brown);
	border-bottom: 1px dashed;
	border-color: var(--sub-brown);
	background: url(../img/shops/ic_q.jpg) left top / 36px auto no-repeat;
}
#qa_voice .item .qa dd{
	padding-left: 50px;
	background: url(../img/shops/ic_a.jpg) left top / 36px auto no-repeat;
}

@media screen and (max-width: 650px){
	
	.shops #page_nav li{
		width: 100%;
	}
	.shops .sec{
		padding-bottom: 28%;
	}
	#qa_voice .item{
		border-radius: 20px;
	}
	#qa_voice .item h4{
		margin-bottom: 12%;
		font-size: 20px;
		padding-left: 44px;
		background: url(../img/works/ic_h4.jpg) left center / 36px auto no-repeat;
	}
	#qa_voice .item .qa{
		row-gap: 60px;
	}
	#qa_voice .item .qa dt,
	#qa_voice .item .qa dd{
		min-height: 28px;
		padding-left: 40px;
		background-size: 28px;
	}
	#qa_voice .item .qa dt{
		margin-bottom: 8%;
	}
}