@charset "UTF-8";
/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 

******************************************************************************* */




/* ==

　01. エリア一覧

================================================================================================= */
.sInner.sInner_area{
	max-width: 1276px;
	min-height: 0;
	margin: 0 auto;
	padding: 70px 0 80px;
	position: relative;
}
.sInner.sInner_area h2.sTtl{
	padding-top: 0;
}

.sInner_area .sList{
	margin-bottom: 30px;
}
.sInner_area .sList .sList_pref{
	padding: 20px 18px;
	background-color: #fff;
}
.sInner_area .sList_pref ul{
	font-size: 117%;
	display: flex;
	flex-wrap: wrap;
	gap: 16px 8px;
}
.sInner_area .sList_pref li{
	width: calc((100% - 24px) / 4);
	line-height: 1.4;
}
.sInner_area .sList_pref li a{
	min-height: 50px;
	padding: 5px 45px 5px 30px;
	border: 1px solid #8c7f4b;
	border-radius: 30px;
	color: #8c7f4b;
	line-height: 38px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: block;
	position: relative;
	box-sizing: border-box;
}
.sInner_area .sList_pref li a::after{
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: #EBE5C9 url(/bunjo/modal/images/ico_arrow01.svg) no-repeat center;
	background-size: 14px auto;
	border-radius: 50%;
	position: absolute;
	right: 10px;
	top: calc(50% - 12px);
}
.d_hover .sInner_area .sList_pref li a:hover{
	background-color: #8c7f4b;
	color: #fff;
}