@charset "utf-8";

/******************* 各セクション *******************/
#sec01{
	width:95%;
	max-width:1366px;
	margin:0 auto;
	padding:50px 0;
	position:relative;
}

#sec01 .groupWrapper{
	row-gap:50px;
	flex-direction:column;
}

#sec01 .grouplist{
	row-gap:50px;
	column-gap:30px;
	flex-direction:row;
}

#sec01 .grouplist .category{
	width:100%;
	row-gap:30px;
	flex-direction:column;
}

#sec01 .grouplist .category .titlebox{
	column-gap:10px;
	align-items:center;
	justify-content:space-between;
}

#sec01 .grouplist .category .titlebox h3{
	padding-left:10px;
	font-size:1.25em;
	border-left:solid 5px #9f8c5a;
	white-space:nowrap;
}

#sec01 .grouplist .category .titlebox .business{
	padding:5px 10px;
	background:#e5e5e5;
	border-radius:5px;
	font-size:.9em;
	column-gap:10px;
	flex-direction:row;
	align-items:center;
}

#sec01 .grouplist .category .titlebox .business .label{
	font-size:unset;
	white-space:nowrap;
}

#sec01 .grouplist .category .itemlist{
	flex:1;
	column-gap:50px;
}

#sec01 .grouplist .category .item{
	width:50%;
	padding:15px 20px;
	background:#fff;
	box-shadow:0 0 12px #0008;
	row-gap:15px;
	flex:1;
	flex-direction:column;
}

#sec01 .grouplist .category .item .companyName{
	padding:5px 10px;
	color:#fff;
	background:#b9a980;
	font-weight:500;
	border-radius:5px;
}

#sec01 .grouplist .category .item .detailbox{
	height:100%;
	row-gap:25px;
	flex-direction:column;
	justify-content:center;
}

#sec01 .grouplist .category .item .about{
	column-gap:10px;
	align-items:center;
}

#sec01 .grouplist .category .item .about .logo,#sec01 .grouplist .category .item .about .address{
	width:50%;
}

#sec01 .grouplist .category .item .about .logo{
	align-items:center;
	justify-content:center;
}

#sec01 .grouplist .category .item .about a.logo{
	cursor:pointer;
}

#sec01 .grouplist .category .item .about .logo img{
	width:70%;
	max-width:260px;
}

#sec01 .grouplist .category .item .about .address{
	word-break:break-all;
}

#sec01 .grouplist .category .item .about .address img{
	width:100%;
	margin-bottom:10px;
}

#sec01 .grouplist .category .item .about .address a.gmap::after,#sec01 .grouplist .category .item .about .address a.web::after{
	margin-left:5px;
	font-weight:bold;
	content:"\f35d";
}


@media (max-width:999px){
	#sec01 .grouplist{
		flex-direction:column;
	}

	#sec01 .grouplist .category .itemlist{
		row-gap:30px;
		flex-direction:column;
	}

	#sec01 .grouplist .category .item{
		width:100%;
	}
}

@media (max-width:767px){
	#sec01 .grouplist .category .titlebox{
		width:100%;
		row-gap:10px;
		flex-direction:column;
		align-items:stretch;
	}

	#sec01 .grouplist .category .item{
		row-gap:20px;
	}

	#sec01 .grouplist .category .item .about{
		row-gap:20px;
		flex-direction:column;
		align-items:stretch;
	}

	#sec01 .grouplist .category .item .about .logo, #sec01 .grouplist .category .item .about .address{
		width:100%;
	}

	#sec01 .grouplist .category .item .about .logo img{
		width:70%;
		max-width:280px;
	}
}