@charset "utf-8";

/******************* 統一設定 *******************/
section[id^=sec]{
	width:90%;
	max-width:1000px;
	margin:150px auto 0;
}


/******************* 各セクション *******************/
#sec01 p.label{
	text-align:left;
}

#sec01 h3{
	margin-bottom:30px;
	font-weight:900;
}

#sec01 .img{
	width:100%;
	max-height:350px;
	margin-bottom:20px;
	border-radius:15px;
	overflow:hidden;
}

#sec01 .img img{
	width:100%;
}

#sec01 .textbox{
	width:100%;
	max-width:550px;
	margin:0 auto;
}

#sec01 .textbox h1{
	margin-bottom:50px;
	font-size:2.75em;
	font-weight:900;
}

#sec01 .textbox h1 span{
	font-weight:900;
}

#sec01 .textbox p{
	line-height:1.75;
}


#sec02 h3{
	margin-bottom:50px;
	text-align:center;
	font-weight:900;
}

#sec02 .table dl{
	padding:20px 10px;
	border-bottom:solid 2px #EEF3F7;
	align-items:center;
	justify-content:center;
}

#sec02 .table dl dt{
	width:35%;
}

#sec02 .table dl dd{
	width:65%;
}

#sec02 .table dl dd.map{
	column-gap:15px;
	align-items:flex-end;
}

#sec02 .table dl dd.map a{
	border-bottom:solid 1px #41a664;
}

#sec02 .table dl dd.map a::after{
	padding-left:5px;
	font-weight:bold;
	content:"\f3c5";
}


#sec03 h3{
	margin-bottom:50px;
	text-align:center;
}

#sec03 .list{
	flex-wrap:wrap;
	justify-content:space-between;
	row-gap:70px;
}

#sec03 .list .item{
	width:45%;
	flex-direction:column;
}

#sec03 .list .item .comName{
	padding-bottom:10px;
	border-bottom:solid 2px #9CA6B9;
	align-items:center;
	justify-content:space-between;
}

#sec03 .list .item .comName p{
	font-weight:bold;
}

#sec03 .list .item .comName .button a{
	padding:5px 10px;
	color:#fff;
	background:#94C38C;
	font-size:.7em;
	font-weight:900;
	border-radius:5px;
}

#sec03 .list .item .comName .button a::after{
	padding-left:5px;
	font-weight:bold;
	content:"\f3c5";
}

#sec03 .list .item .addressbox{
	padding-top:10px;
}

#sec03 .list .item .addressbox div.img img{
	width:100%;
}

#sec03 .list .item .addressbox{
	flex-direction:column;
	row-gap:10px;
}


@media (max-width:767px){
	/******************* 統一設定 *******************/
	section[id^=sec]{
		margin:80px auto 0;
	}

	.breadcrumb{
		width:90%;
	}

	/******************* 各セクション *******************/
	#sec01{
		width:100%;
		margin-top:120px;
	}

	#sec01 p.label,#sec01 h3{
		text-align:center;
	}

	#sec01 .img{
		max-height:unset;
		margin-bottom:10px;
		border-radius:0;
	}

	#sec01 .textbox{
		width:90%;
		margin:0 auto;
	}

	#sec01 .textbox h1{
		margin-bottom:30px;
		font-size:clamp(20px,7.25vw,45px);
	}

	#sec01 .textbox p{
		font-weight:bold;
	}

	#sec02 .table dl{
		padding:0;
		border:none;
		flex-direction:column;
	}

	#sec02 .table dl dt,#sec02 .table dl dd{
		width:100%;
		padding:20px 15px;
		font-size:1.1em;
	}

	#sec02 .table dl dt{
		background:#F5F8FA;
		font-weight:900;
	}
}