@charset "utf-8";


#content > section {
	width: 90%;
	margin-right: auto !important;
	margin-left: auto !important;
}

#content > section > h2 {
	margin-bottom: 2.00rem !important;
	color: rgba(150 150 150/ 1.00);
	font-size: 3.00rem;
	text-align: center;
}

#content > section > article {
	margin-bottom: 4.00rem !important;
}

	#content > section > article > figure {
		padding-bottom: 2.50rem !important;
	}

		#content > section > article > figure img {
			width: 100%;
		}

	#content > section > article > p {
		padding-bottom: 2.50rem !important;
		text-align: center;
	}

	#content > section > article > ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		#content > section > article > ul::after {
			content: "";
			width: calc(100% / 3 - 8px);
			height: 1px;
		}

			#content > section > article > ul li {
				width: calc(100% / 3 - 8px);
				margin-bottom: 30px !important;
				min-height: 100px;
			}

				#content > section > article > ul li dl {
					display: flex;
					flex-direction: column-reverse;
				}

					#content > section > article > ul li dl dt h3 {
						color: red;
						text-align: center;
					}

					#content > section > article > ul li dl dd figure {
						display: flex;
						flex-direction: column;
					}

						#content > section > article > ul li dl dd figure img {
							width: 100%;
						}

						#content > section > article > ul li dl dd figure figcaption {
							padding-top: 0.75rem !important;
							font-size: 1.05rem;
							text-align: center;
						}

#catering article {
	text-align: center;
}
#catering ul {
	display: block !important;
	width: 100%;
}
#catering ul li {
	width: 33% !important;
	margin-right: auto !important;
	margin-left: auto !important;
}


@media screen and (max-width: 767px) {
	#content > section > article > ul li {
		width: 100%;
	}

}