@charset "UTF-8";

.retailer-container section {
	margin-bottom:60px;
}

/* h3 エリア名
---------------------------------------------------------------------------*/
.retailer-container h3 {
	font-size:20px;
	letter-spacing:2px;
	float:left;
	width:16%;
	margin-left:60px;
}

/* .area-list-container
------------------------------------*/
.retailer-container .area-list-container {
	width:75%;
	float:right;
	margin-top:40px;
}

.area-list-container article {
	margin-bottom:70px;
	position:relative;
	color:var(--color-text);
}

.area-list-container article h4,
.area-list-container article address,
.area-list-container article .tel{
  width: 520px;
}

.area-list-container article h4 {
	margin-bottom:20px;
	font-size:16px;
	letter-spacing: 0.1em;
	color:var(--color-black);
}

.area-list-container article address {
	font-style:normal;
	line-height:1.8;
	margin-bottom:10px;
	letter-spacing:1px;
}

.area-list-container article .tel {
	font-size:14px;
	letter-spacing:1px;
	line-height:1.8;
	margin-bottom:0;
}

.area-list-container article a {
	text-decoration:underline;
	font-size:13px;
	letter-spacing:1px;
	color:var(--color-text);
}

.area-list-container article ul {
	display:block;
	position:absolute;
	right:0px;
	width: 160px;
	top:-8px;
}

.area-list-container article ul:before {
	content:' ';
	width:30px;
	height:1px;
	background:#bababa;
	position:absolute;
	top:-30px;
	left:-2px;
}

.area-list-container article ul li {
	line-height:1.5;
	margin-bottom:4px;
	font-size:16px;
	letter-spacing:1px;
}