section.panel01 {
	background-color: #039955;
	> div {
		max-width: 1920px;
		margin-inline: auto;
		> figure {
			> img {
				max-width: 100%;
			}
		}
	}
}
section.content {
	padding: min(90px,14vw) 5% min(90px,14vw) 5%;
	> div {
		max-width: 800px;
		margin-inline: auto;
		text-align: center;
		> h4 {
			font-size: min(1.7rem, 5vw);
			line-height: 1.0;
			color: #b2954b;
			font-family: var(--font-serif);
			font-weight: 600;
		}
		> h3 {
			margin-top: 20px;
			font-size: min(2.0rem, 5.5vw);
			line-height: 1.0;
			color: #039955;
			font-family: var(--font-serif);
			font-weight: 700;
		}
		> h2 {
			margin-top: 15px;
			font-size: min(2.5rem, 6.0vw);
			line-height: 1.0;
			color: #039955;
			font-family: var(--font-serif);
			font-weight: 800;
		}
		> figure {
			margin-top: 40px;
			text-align: center;
			> img {
				max-width: 100%;
			}
		}
		> p {
			margin-top: 30px;
			font-size: 1.2rem;
			line-height: 2.0;
			color: #000;
			font-family: var(--font-serif);
			font-weight: 600;
			@media (width < 620px) {
				text-align: justify;
				font-size: min(1.1rem, 5vw);
			}
		}
	}
}
section.about {
	background-color: #e6f4ec;
	padding: min(90px,14vw) 5% min(100px,16vw) 5%;
	> div {
		max-width: 800px;
		margin-inline: auto;
		display: grid;
		> h5 {
			text-align: center;
			font-size: min(1.4rem, 7vw);
			line-height: 1.0;
			color: #039955;
			font-family: var(--font-serif);
			font-weight: 600;
		}
		> div.line {
			margin-top: 10px;
			justify-self: center;
			width: 40px;
			height: 3px;
			background-color: #039955;
		}
		> p {
			margin-top: 30px;
			font-size: min(1.0rem, 5vw);
			line-height: 2.0;
			color: #000;
			text-align: justify;
		}
		> figure {
			margin-top: 40px;
			max-width: 600px;
			margin-inline: auto;
			> img {
				max-width: 100%;
			}
			> figcaption {
				margin-top: 8px;
				font-size: min(1.0rem, 5vw);
				line-height: 2.0;
				color: #000;
				text-align: center;
			}
		}
	}
}