@charset "utf-8";

/*------------------------------------------------------------

------------------------------------------------------------*/

/* clearfix */	

.clearfix:after {content: "";display: block;clear: both;}

/* flex */	

.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}

.flexA {justify-content: space-around;}

.flexB {justify-content: space-between;}

.flexC {justify-content: center;}

/*------------------------------------------------------------

	common

------------------------------------------------------------*/

.content {

	margin: 0 auto;

	max-width: 1460px;

}

@media all and (max-width: 896px) {

	.content {

		max-width: inherit;

		padding: 0 20px;

	}

}

.pageTitle {

	margin: 0 auto 16px;

	max-width: 1408px;

	display: flex;

	align-items: baseline;

}

.pageTitle .txt {

	color: #000000;

	font-size: 1.4rem;

	font-weight: normal;

}

.pageTitle .pageUl {
	font-size: 1.4rem;
}
.pageTitle .pageUl a {

	color: #000000;

	font-size: 1.4rem;

	font-weight: normal;

	transition: all 0.3s;

}

@media all and (min-width: 897px) {

	.pageTitle .pageUl li a:hover {

		text-decoration: underline;

	}

}

@media all and (max-width: 896px) {

	.pageTitle {

		margin: 0 auto 20px;

		max-width: inherit;

		padding: 0 15px;

	}

	.pageTitle .txt {

		font-size: 14px;

	}

	pageTitle .pageUl {

		font-size: 14px;

	}

	.pageTitle .pageUl a {

		font-size: 14px;

	}

}

.comBox {

	margin: 0 auto 70px;

	max-width: 1406px;

	display: flex;

	justify-content: space-between;

}

#sideBar {

	margin-right: 87px;

	width: 305px;

}

#sideBar .sideUl > li {

	margin-bottom: 37px;

	background-color: #fff;

	box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.05);

}

#sideBar .sideUl .ttl {

	padding: 12px 14px 11px;

	color: #fff;

	font-size: 2rem;

	font-weight: bold;

	background: linear-gradient(90deg, rgba(136, 189, 67, 1) 0%, rgba(18, 102, 53, 1) 100%), rgba(136, 189, 67, 1);

}

#sideBar .sideUl .listUl {

	padding: 10px 20px 12px 14px;

}

#sideBar .sideUl .listUl li {

	margin-bottom: 9px;

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

#sideBar .sideUl .listUl li:last-child {

	margin-bottom: 0;

	border-bottom: none;

}

#sideBar .sideUl .listUl a {

	padding-bottom: 13px;

	color: #000000;

	font-size: 2rem;

	display: block;

	transition: all 0.3s;

	background: url(../img/common/arrow01.png) no-repeat right top 9px/ 13px;

}

#sideBar .sideUl .listUl .on a {

	color: #F6AB00;

	font-weight: bold;

	background-image: url(../img/common/arrow02.png);

}

@media all and (min-width: 897px) {

	#sideBar .sideUl .listUl a:hover {

		color: #F6AB00;

		font-weight: bold;

		background-image: url(../img/common/arrow02.png);

	}

}

#sideBar .sideUl .listUl li:last-child a {

	padding-bottom: 0;

}

#sideBar .sideUl .listUl02 li {

	margin-bottom: 13px;

	padding-bottom: 13px;

}

#sideBar .sideUl .listUl02 li:last-child {

	margin-bottom: 0;

	padding-bottom: 0;

}

#sideBar .sideUl .listUl02 a {

	padding-bottom: 0;

	background: none !important;

	color: #000000;

	font-size: 1.8rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}

#sideBar .sideUl .listUl02 span {

	margin-right: 15px;

}

#sideBar .sideUl .listUl03 a {

	padding-bottom: 0;

	background: none !important;

}

#sideBar .sideUl .listUl03 li {

	margin-bottom: 13px;

	padding-bottom: 13px;

}

#sideBar .sideUl .listUl03 li:last-child {

	margin-bottom: 0;

	padding-bottom: 0;

}

#sideBar .listUl03 .tel {

	display: flex;

	align-items: center;

}

#sideBar .listUl03 .map {

	display: flex;

	align-items: center;

	font-size: 1.4rem;

}

#sideBar .listUl03 .map span {

	width: 96px;

	font-size: 2rem;

}

#sideBar .link a {

	padding: 35px 20px;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #fff;

	font-size: 2.4rem;

	background: url(../img/common/line02.jpg) no-repeat left center / cover;

	position: relative;

	transition: all 0.3s;

}

@media all and (min-width: 897px) {

	#sideBar .link a:hover {

		opacity: 0.8;

	}

}

#sideBar .link a::after {

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	content: '';

	z-index: 5;

	background: rgba(31, 31, 31, 0.8);

}

#sideBar .link span {

	padding-left: 60px;

	position: relative;

	z-index: 10;

}

#sideBar .link span::after {

	position: absolute;

	top: 50%;

	left: 10px;

	width: 30px;

	height: 30px;

	transform: translateY(-50%);

	content: '';

	background: url(../img/common/line.png) no-repeat left center / 30px;

}

#conts {

	order: 2;

	flex: 1;

}

#conts .photoUl {

	margin: 61px auto 97px;

	max-width: 889px;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

#conts .photoUl li {

	width: calc((100% - 47px)/2);

	box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.3);

}

#conts .photoUl li img {

	width: 100%;

}

#conts .photoUl li p {
	text-indent: 0;
}

@media all and (max-width: 896px) {

	.comBox {

		margin: 0 auto 100px;

		max-width: inherit;

		display: block;

		padding: 0 20px;

	}

	#conts {

		margin-bottom: 40px;

	}

	#conts .photoUl {

		margin: 40px auto 30px;

		max-width: inherit;

		display: block;

	}

	#conts .photoUl li {

		margin-bottom: 20px;

		width: auto;

		box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.3);

	}

	#conts .photoUl li:last-child {

		margin-bottom: 0;

	}

	#sideBar {

		margin-right: 0;

		width: auto;

	}

	#sideBar .sideUl .ttl {

		font-size: 1.8rem;

	}

	#sideBar .sideUl .listUl a {

		font-size: 1.8rem;

	}

	#sideBar .listUl03 .map span {

		font-size: 1.6rem;

		width: 65px;

	}

	#sideBar .link a {

		font-size: 2.2rem;

	}

	#sideBar .link span::after {

		width: 26px;

		height: 26px;

		background-size: 26px;

	}

	#sideBar .link span {

		padding-left: 47px;

	}

}

.mainImg {

	margin-bottom: 10px;

	position: relative;

}

.mainImg::after {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	content: '';

	z-index: 2;

	background: rgba(0, 0, 0, 0.2);

}

.mainImg .img {

	width: 100%;

}

.mainImg h2 {

	margin-top: 30px;

	max-width: 874px;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	z-index: 10;

	color: #fff;

	font-size: 2.8rem;

	font-weight: normal;

	text-align: center;

}

.mainImg h2 img {

	margin-bottom: 45px;

}

@media all and (max-width: 896px) {

	.mainImg .img {

		height: 80vw;

		max-height: 500px;

		overflow: hidden;

	}

	.mainImg img {

		width: 100%;

		height: 100%;

		object-fit: cover;

	}

	.mainImg h2 {

		margin-top: 30px;

		max-width: inherit;

		font-size: 1.8rem;

		width: 100%;

		padding: 0 20px;

		box-sizing: border-box;

	}

	.mainImg h2 img {

		margin-bottom: 20px;

	}

	



}

.pagination {

	margin-top: 130px;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-wrap: wrap;

}

.pagination span {

	font-size: 16px;

}

.pagination a {

	margin: 0 5px 5px;

	display: inline-block;

	padding: 5px 10px;

	border: 1px solid #ddd;

	box-sizing: border-box;

	min-width: 36px;

	text-align: center;

}

.pagination .page-status {

	margin-right: 10px;

}

.pagination .page-num-current {

	background-color: #126535;

	color: #fff;

}

@media all and (min-width: 897px) {

	.pagination a:hover {

		background-color: #126535;

		color: #fff;

	}

}

@media all and (max-width: 896px) {

	.pagination {

			margin-top: 20px;

	}

	.pagination span {

			font-size: 14px;

	}

	.pagination a {

			margin: 0 3px 5px;

			min-width: 33px;

	}

	.pagination .page-status {

			margin-right: 8px;

	}

}















































@media all and (max-width: 896px) {

}

