section.panel {
	> div {
		> figure {
			> img {
				width: 100%;
			}
		}
	}
}
section.breadcrumbs {
	background-color: #f6f6f6;
}
section.top {
	padding: 60px 5% 0px 5%;
	> div {
		max-width: 800px;
		margin-inline: auto;
		> h2 {
			font-size: min(3.0rem, 8vw);
			line-height: 1.3;
			color: #333;
			font-weight: 900;
			letter-spacing: 0.05em;
			text-align: center;
			font-family: var(--font-serif2);
		}
		> h3 {
			font-size: min(1.2rem, 5.5vw);
			line-height: 1.2;
			color: #333;
			font-weight: 900;
			letter-spacing: 0.1em;
			text-align: center;
			font-family: var(--font-serif2);
		}
	}
}
section.block {
	padding: 60px 5% 60px 5%;
	> div {
		max-width: 900px;
		margin-inline: auto;
		> article {
			position: relative;
			z-index: 2;
			border-bottom: 1px solid #a7c0bd;
			padding-block: 60px;
			&:first-of-type {
				border-top: 1px solid #a7c0bd;
			}
			> h3 {
				font-size: min(1.4rem, 5vw);
				line-height: 1.6;
				color: #333;
				font-weight: 600;
				text-align: justify;
				text-indent: -1.3rem;
				padding-left: 1.3rem;
				@media (width < 550px) {
					> br {
						display: none;
					}
				}
			}
			> p {
				padding-top: 20px;
				font-size: min(1.0rem, 4.5vw);
				line-height: 1.8;
				color: #333;
				text-align: justify;
				text-indent: -1.05rem;
				padding-left: 1.05rem;
			}
			> figure {
				position: absolute;
				@media (width < 1100px) {
					display: none;
					padding-inline: 0px;
				}
				> img {
					filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.3));
					z-index: 4;
				}
			}
			&:nth-of-type(1) {
				padding-right: min(250px ,20vw);
				@media (width < 1100px) {
					padding-right: unset;
				}
				> figure {
					top: -40px;
					right: -10px;
					> img {
						width: 200px;
					}
				}
			}
			&:nth-of-type(2) {
				padding-left: min(400px ,23vw);
				@media (width < 1100px) {
					padding-left: unset;
				}
				> figure {
					top: -5px;
					left: -60px;
					> img {
						width: 350px;
					}
				}
			}
			&:nth-of-type(3) {
				padding-left: min(400px ,23vw);
				z-index: 1;
				@media (width < 1100px) {
					padding-left: unset;
				}
				> figure {
					top: 5px;
                    left: -45px;
					z-index: 3;
					> img {
						width: 300px;
					}
				}
			}
			&:nth-of-type(5) {
				padding-right: min(400px ,35vw);
				@media (width < 1100px) {
					padding-right: unset;
				}
				> figure {
					top: -40px;
					right: -10px;
					> img {
						width: 350px;
					}
				}
			}
			&:nth-of-type(6) {
				padding-right: min(280px ,15vw);
				@media (width < 1100px) {
					padding-right: unset;
				}
				> figure {
					top: -40px;
					right: -30px;
					> img {
						width: 280px;
					}
				}
			}
			&:nth-of-type(7) {
				padding-left: min(250px ,17vw);
				@media (width < 1100px) {
					padding-left: unset;
				}
				> figure {
					top: -30px;
                    left: -130px;
					z-index: 3;
					> img {
						width: 350px;
					}
				}
			}
			&:nth-of-type(8) {
				padding-right: min(280px ,15vw);
				@media (width < 1100px) {
					padding-right: unset;
				}
			}
			&:nth-of-type(9) {
				padding-right: min(280px ,15vw);
				@media (width < 1100px) {
					padding-right: unset;
				}
				> figure {
					top: 20px;
					right: -30px;
					> img {
						width: 250px;
					}
				}
			}
			&:nth-of-type(11) {
				padding-right: min(350px ,25vw);
				@media (width < 1100px) {
					padding-right: unset;
				}
				> figure {
					top: -55px;
					right: -30px;
					> img {
						width: 350px;
					}
				}
			}
			&:nth-of-type(12) {
				padding-left: min(310px ,23vw);
				@media (width < 1100px) {
					padding-left: unset;
				}
				> figure {
					top: 10px;
					left: -100px;
					> img {
						width: 350px;
					}
				}
			}
			&:nth-of-type(13) {
				padding-left: min(310px ,23vw);
				z-index: 2;
				@media (width < 1100px) {
					padding-left: unset;
				}
				> figure {
					top: 35px;
                    left: -35px;
					z-index: 3;
					> img {
						width: 280px;
					}
				}
			}
			&:nth-of-type(16) {
				padding-right: min(280px ,14vw);
				@media (width < 1100px) {
					padding-right: unset;
				}
				> figure {
					top: 0px;
					right: -30px;
					> img {
						width: 250px;
					}
				}
			}
			&:nth-of-type(17) {
				padding-right: min(320px ,25vw);
				@media (width < 1100px) {
					padding-right: unset;
				}
				> figure {
					top: 80px;
					right: -75px;
					> img {
						width: 350px;
					}
				}
			}
		}
	}
}
section.faqlink {
	padding: 70px 5% 180px 5%;
	@media (width < 1100px) {
		padding: 50px 5% 120px 5%;
	}
	> div {
		position: relative;
		max-width: 1000px;
		margin-inline: auto;
		display: grid;
		> a {
			justify-self: center;
			text-decoration: none;
			&:hover {
				> div {
					background-color: #5a7837;
					border: 2px solid #333;
					> p {
						color: #fff;
					}
				}
			}
			> div {
				min-width: 400px;
				background-color: #fff;
				display: flex;
				margin-inline: auto;
				justify-content: space-between;
				align-items: center;
				column-gap: 10px;
				border: 2px solid #333;
				padding-block: 15px;
				padding-inline: 15px;
				@media (width < 460px) {
					min-width: 250px;
					column-gap: 4vw;
				}
				> p {
					font-size: min(1.1rem, 5.5vw);
					line-height: 1.3;
					color: #333;
					font-weight: 500;
					user-select: none;
					text-align: center;
				}
			}
		}
		> figure {
			position: absolute;
			top: -60px;
			left: -60px;
			@media (width < 1100px) {
				display: none;
			}
			> img {
				width: 340px;
			}
		}
	}
}