section.switchpanel {
	position: relative;
	z-index: 1;
	> div {
		> #switchPanelStage {
			user-select: none;
			display: grid;
			grid-template-rows: 1fr;
			grid-template-columns: 1fr;
			grid-area: 1/1/2/2;
			> div {
				grid-row: 1/2;
				grid-column: 1/2;
				&:nth-of-type(1) {
					z-index: 0;
					display: grid;
				}
				&:nth-of-type(2) {
					display: grid;
					z-index: 1;
					transition: 0.5s;
					cursor: ew-resize;
				}
				&:nth-of-type(3) {
					z-index: 2;
					justify-self: center;
					margin-bottom: 30px;
					align-self: end;
					display: flex;
					justify-content: center;
					align-items: center;
					column-gap: 20px;
					@media (width < 670px) {
						column-gap: 10px;
						margin-bottom: 20px;
						> span {
							> img {
								width: 30px;
							}
						}
					}
					> span {
						transition: 0.3s;
						cursor: pointer;
						> img:nth-of-type(1) {
							display: block;
						}
						> img:nth-of-type(2) {
							display: none;
						}
						&.on {
							> img:nth-of-type(1) {
								display: none;
							}
							> img:nth-of-type(2) {
								display: block;
							}
						}
					}
				}
				> div.panel {
					grid-area: 1/1/2/2;
					> picture {
						> img {
							width: 100%;
						}
					}
				}
				> div.button {
					grid-area: 1/1/2/2;
					z-index: 3;
					align-self: end;
					justify-self: start;
					display: grid;
					@media (width < 1090px) {
						display: none;
					}
					> figure {
						grid-area: 1/1/2/2;
						> img {
							max-width: 320px;
							@media (width < 670px) {
								max-width: 240px;
							}
						}
					}
					> div {
						grid-area: 1/1/2/2;
						padding: 50px 30px;
						position: relative;
						> h2 {
							font-size: min(3.0rem, 8vw);
							line-height: 1.3;
							color: #fff;
							font-weight: 900;
						}
						> p {
							font-size: min(1.2rem, 5.5vw);
							line-height: 1.8;
							color: #fff;
							font-weight: 600;
						}
						> a {
							margin-top: 40px;
							z-index: 4;
							text-decoration: none;
							display: inline-block;
							&:hover {
								opacity: 0.8;
							}
							width: 230px;
							> img {
								max-width: 100%;
							}
						}
					}
				}
			}
		}
	}
}
section.top {
	padding: 50px 5% 50px 5%;
	> div {
		position: relative;
		max-width: 900px;
		margin-inline: auto;
		z-index: 3;
		> h2 {
			font-size: min(2.4rem, 8vw);
			line-height: 1.3;
			color: #333;
			font-weight: 900;
			letter-spacing: 0.05em;
			text-align: center;
			font-family: var(--font-serif2);
		}
		> p {
			padding-top: 30px;
			font-size: min(1.1rem, 5vw);
			line-height: 2.5;
			color: #333;
			font-weight: 600;
			text-align: center;
		}
		> figure {
			position: absolute;
			@media (width < 620px) {
				display: none;
			}
			&:nth-of-type(1) {
				top: -50%;
				right: 80%;
				> img {
					max-width: min(220px, 25vw);
				}
			}
			&:nth-of-type(2) {
				bottom: 14%;
				left: 6%;
				> img {
					max-width: min(80px, 10vw);
				}
			}
			&:nth-of-type(3) {
				top: -2%;
				right: 8%;
				> img {
					max-width: min(120px, 12vw);
				}
			}
			&:nth-of-type(4) {
				bottom: 0%;
				right: 5%;
				> img {
					max-width: min(70px, 8vw);
				}
			}
		}
	}
}
section.model {
	background-color: #5a7837;
	padding: 60px 5% 0px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		> h2 {
			font-size: min(2.4rem, 8vw);
			line-height: 1.4;
			color: #fff;
			font-weight: 900;
			letter-spacing: 0.05em;
			text-align: center;
			font-family: var(--font-serif2);
		}
		> h4 {
			font-size: min(1.2rem, 5vw);
			line-height: 1.0;
			color: #fff;
			font-weight: 600;
			text-align: center;
			font-family: var(--font-serif2);
		}
		> h3 {
			padding-top: 40px;
			font-size: min(1.6rem, 6vw);
			line-height: 1.0;
			color: #fff;
			font-weight: 800;
			text-align: center;
			font-family: var(--font-serif2);
		}
		> p {
			padding-top: 30px;
			font-size: min(1.1rem, 5vw);
			line-height: 1.8;
			color: #fff;
			font-weight: 600;
			text-align: center;
			font-family: var(--font-serif2);
			@media (width < 810px) {
				text-align: justify;
			}
		}
	}
}
section.modelitem {
	background-color: #5a7837;
	padding: 40px 5% 80px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		display: grid;
		justify-items: center;
		> div {
			padding-bottom: 60px;
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			column-gap: 20px;
			@media (width < 900px) {
				grid-template-columns: repeat(2, 1fr);
				row-gap: 60px;
				column-gap: 40px;
			}
			@media (width < 530px) {
				grid-template-columns: repeat(1, 1fr);
			}
			> article {
				> figure {
					> img {
						border: 2px solid #333;
						border-top-right-radius: 40px;
						border-bottom-left-radius: 40px;
						max-width: 100%;
					}
				}
				> div {
					margin-top: 15px;
					display: flex;
					column-gap: 10px;
					> a {
						text-decoration: none;
						font-size: min(1.0rem, 5vw);
						line-height: 1.0;
						font-weight: 500;
						text-align: center;
						padding: 5px 10px;
						&:hover {
							opacity: 0.8;
						}
						&:nth-of-type(1) {
							border: 2px solid #333;
							color: #fff;
							background-color: #333;
						}
						&:nth-of-type(2) {
							border: 2px solid #333;
							color: #333;
							background-color: #fff;
						}
					}
				}
				> h3 {
					padding-block: 10px;
					font-size: min(1.5rem, 6vw);
					line-height: 1.0;
					font-weight: 800;
					color: #fff;
				}
				> p {
					
					font-size: min(1.1rem, 5.5vw);
					line-height: 1.0;
					font-weight: 600;
					color: #fff;
				}
			}
		}
		> a {
			text-decoration: none;
			&:hover {
				> div {
					background-color: #5a7837;
					border: 2px solid #333;
					> p {
						color: #fff;
					}
				}
			}
			> div {
				background-color: #fff;
				min-width: 400px;
				width: 100%;
				display: flex;
				margin-inline: auto;
				justify-content: space-between;
				align-items: center;
				border: 2px solid #333;
				padding: 15px 30px;
				@media (width < 460px) {
					min-width: 250px;
				}
				> p {
					font-size: min(1.1rem, 5.5vw);
					line-height: 1.3;
					color: #333;
					font-weight: 500;
					user-select: none;
				}
			}
		}
	}
}
section.shitoro01 {
	padding: min(120px,20vw) 5% 0px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		> h2 {
			font-size: min(8rem, 12vw);
			line-height: 1.0;
			color: #333;
			font-weight: 900;
			font-family: var(--font-serif2);
			@media (width < 670px) {
				font-size: min(8rem, 14vw);
			}
		}
		> p {
			font-size: min(1.1rem, 5vw);
			line-height: 2.0;
			color: #333;
			font-weight: 600;
			padding-block: 15px;
		}
	}
}
section.shitoro02 {
	padding: 40px 5% 0px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		display: grid;
		grid-template-columns: 1.1fr 1fr;
		column-gap: 30px;
		@media (width < 870px) {
			grid-template-columns: 1fr;
			row-gap: 30px;
		}
		> iframe {
			width: 100%;
			border: 1px solid #333;
			height: 100%;
			@media (width < 870px) {
				min-height: 300px;
			}
		}
		> div {
			padding-block: 30px;
			> h3 {
				font-size: min(1.4rem, 5.5vw);
				line-height: 1.0;
				color: #333;
				font-weight: 700;
				padding-bottom: 10px;
			}
			> a {
				margin-top: 3px;
				text-decoration: none;
				display: inline-block;
				&:hover {
					opacity: 0.7;
				}
				> img {
					max-width: 100%;
				}
			}
			> p.text1 {
				margin-top: 5px;
				font-size: min(1.0rem, 5vw);
				line-height: 1.5;
				color: #333;
			}
			> p.text2 {
				margin-top: 10px;
				font-size: min(1.0rem, 5vw);
				line-height: 1.6;
				color: #333;
				font-weight: 600;
			}
			> h4 {
				padding-top: 20px;
				font-size: min(1.1rem, 5vw);
				line-height: 2.0;
				color: #333;
				font-weight: 600;
				text-align: justify;
				> a {
					text-decoration: none;
					font-weight: 500;
					color: #e00;
					&:hover {
						text-decoration: underline;
					}
				}
			}
		}
	}
}
section.shitorolink {
	padding: min(50px,6vw) 5% 0px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		display: grid;
		padding-bottom: 100px;
		border-bottom: 2px solid #333;
		> a {
			justify-self: center;
			text-decoration: none;
			&:hover {
				> div {
					background-color: #5a7837;
					> p {
						color: #fff;
						background-image: url(./common/image/mark_chevron_right_fff.svg);
					}
				}
			}
			> div {
				background-color: #fff;
				column-gap: 60px;
				border: 2px solid #333;
				padding: 15px 30px;
				@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;
					padding-right: 20px;
					background-image: url(./common/image/mark_chevron_right.svg);
					background-repeat: no-repeat;
					background-position: 100% 55%;
				}
			}
		}
	}
}
section.sharestop {
	padding: 100px 5% 0px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		> div {
			display: grid;
			grid-template-columns: 1.4fr 1fr;
			column-gap: 40px;
			@media (width < 670px) {
				grid-template-columns: 1fr;
			}
			> div {
				align-self: end;
				> h3 {
					font-size: min(2.2rem, 6vw);
					line-height: 1.0;
					color: #333;
					font-weight: 900;
					font-family: var(--font-serif2);
				}
				> h2 {
					font-size: min(8rem, 12vw);
					line-height: 1.0;
					color: #333;
					font-weight: 900;
					font-family: var(--font-serif2);
					@media (width < 670px) {
						font-size: min(8rem, 16vw);
					}
				}
			}
			> figure {
				text-align: center;
				@media (width < 670px) {
					padding-block: 30px;
				}
				> img {
					max-width: 100%;
				}
			}
		}
		> p {
			font-size: min(1.1rem, 5vw);
			line-height: 2.0;
			color: #333;
			font-weight: 600;
			&:nth-of-type(1) {
				padding-block: 15px;
			}
			&:nth-of-type(2) {
				font-size: min(1.2rem, 5vw);
			}
		}
	}
}
section.sharesmovie {
	padding: 30px 5% 0px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		> video {
			max-width: 100%;
			border: solid 2px #111;
			@media (width < 500px) {
				border: solid 1px #111;
			}
		}
	}
}
section.shares02 {
	padding: 40px 5% 0px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		display: grid;
		grid-template-columns: 1fr 200px;
		column-gap: 50px;
		@media (width < 710px) {
			grid-template-columns: 1fr;
			row-gap: 30px;
		}
		> div {
			> h2 {
				font-size: min(1.7rem, 6vw);
				line-height: 1.0;
				color: #333;
				font-weight: 700;
				padding-bottom: 15px;
			}
			> p {
				font-size: min(1.0rem, 5vw);
				line-height: 2.0;
				color: #333;
				font-weight: 600;
				text-align: justify;
			}
		}
		> figure {
			align-self: end;
			@media (width < 710px) {
				justify-self: center;
			}
			> img {
				max-width: 100%;
			}
		}
	}
}
section.shares03 {
	padding: 40px 5% 0px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		display: grid;
		grid-template-columns: 1.1fr 1fr;
		column-gap: 30px;
		@media (width < 870px) {
			grid-template-columns: 1fr;
			row-gap: 30px;
		}
		> iframe {
			width: 100%;
			border: 1px solid #333;
			height: 100%;
			@media (width < 870px) {
				min-height: 300px;
			}
		}
		> div {
			padding-block: 30px;
			> h3 {
				font-size: min(1.4rem, 5.5vw);
				line-height: 1.0;
				color: #333;
				font-weight: 700;
				padding-bottom: 10px;
			}
			> a {
				margin-top: 3px;
				text-decoration: none;
				display: inline-block;
				&:hover {
					opacity: 0.7;
				}
				> img {
					max-width: 100%;
				}
			}
			> p.text1 {
				margin-top: 5px;
				font-size: min(1.0rem, 5vw);
				line-height: 1.5;
				color: #333;
			}
			> p.text2 {
				margin-top: 10px;
				font-size: min(1.0rem, 5vw);
				line-height: 1.6;
				color: #333;
				font-weight: 600;
			}
			> h4 {
				padding-top: 20px;
				font-size: min(1.1rem, 5vw);
				line-height: 2.0;
				color: #333;
				font-weight: 600;
				text-align: justify;
				> a {
					text-decoration: none;
					font-weight: 500;
					color: #e00;
					&:hover {
						text-decoration: underline;
					}
				}
			}
		}
	}
}
section.shareslink {
	padding: min(50px,6vw) 5% 0px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		display: grid;
		> a {
			justify-self: center;
			text-decoration: none;
			&:hover {
				> div {
					background-color: #5a7837;
					> p {
						color: #fff;
						background-image: url(./common/image/mark_external_fff.svg);
					}
				}
			}
			> div {
				background-color: #fff;
				column-gap: 60px;
				border: 2px solid #333;
				padding: 15px 30px;
				@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;
					padding-right: 20px;
					background-image: url(./common/image/mark_external.svg);
					background-repeat: no-repeat;
					background-position: 100% 55%;
				}
			}
		}
		> div.line {
			margin-top: 60px;
			justify-self: center;
			width: 1px;
			height: 50px;
			background-color: #000;
		}
	}
}
section.concepttop {
    padding: 0px 5% 0px 5%;
	background-color: #cdd6c3;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		display: grid;
		> h2 {
			padding-top: 50px;
			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.4rem, 5.5vw);
			line-height: 1.2;
			color: #333;
			font-weight: 900;
			letter-spacing: 0.1em;
			text-align: center;
			font-family: var(--font-serif2);
		}
		> div.line {
			justify-self: center;
			width: 1px;
			height: 50px;
			background-color: #000;
		}
	}
}
section.conceptcontent {
    padding: 40px 5% 0px 5%;
	background: url(./image/concept_bg.svg) no-repeat 100% 100% #cdd6c3;
	@media (width < 920px) {
		background: url(./image/concept_bg.svg) no-repeat 100% 100% / 100% auto #cdd6c3;
	}
	> div {
		max-width: 1000px;
		margin-inline: auto;
		display: grid;
		> div {
			align-items: start;
			min-height: 750px;
			display: grid;
			align-content: start;
            justify-content: start;
			@media (width < 920px) {
				min-height: unset;
				padding-bottom: 50vw;
			}
			> h4 {
				font-size: min(1.7rem, 6vw);
				line-height: 1.0;
				color: #333;
				font-weight: 700;
				padding-bottom: 15px;
			}
			> p {
				font-size: min(1.0rem, 4.5vw);
				line-height: 2.0;
				color: #333;
				font-weight: 600;
				text-align: justify;
				margin-bottom: 30px;
			}
			> a {
				text-decoration: none;
				justify-self: start;
				margin-bottom: 10px;
				&:hover {
					> div {
						background-color: #5a7837;
						border: 2px solid #333;
						> p {
							color: #fff;
						}
					}
				}
				> div {
					min-width: 400px;
					background-color: #fff;
					display: flex;
					justify-content: space-between;
					justify-self: start;
					align-items: center;
					column-gap: 60px;
					border: 2px solid #333;
					padding: 15px 30px;
					@media (width < 460px) {
						min-width: unset;
						padding: 15px;
						width: 90vw;
					}
					> p {
						font-size: min(1.1rem, 5.5vw);
						line-height: 1.3;
						color: #333;
						font-weight: 500;
						user-select: none;
						text-align: center;
					}
				}
			}
		}
	}
}
section.smile {
	background-color: #f7f8f5;
    padding: 120px 0% 0px 0%;
	> div {
		display: grid;
		> figure {
			grid-area: 1/1/2/2;
			&:nth-of-type(1) {
				padding-bottom: min(320px, 30vw);
				align-self: start;
				justify-self: start;
				@media (width < 960px) {
					padding-bottom: 50vw;
				}
				@media (width < 630px) {
					padding-bottom: 450px;
				}
				> img {
					width: 85vw;
					@media (width < 960px) {
						width: 94vw;
					}
				}
			}
			&:nth-of-type(2) {
				padding-left: 5vw;
				padding-bottom: 30px;
				align-self: end;
				justify-self: start;
				> img {
					width: min(400px, 50vw);
				}
			}
		}
		> div {
			background-color: #fff;
			padding: 50px;
			grid-area: 1/1/2/2;
			align-self: center;
			justify-self: end;
			width: 47vw;
			margin-top: 20%;
			@media (width < 1400px) {
				width: 65vw;
			}
			@media (width < 960px) {
				padding: 30px;
				width: unset;
			}
			@media (width < 630px) {
				padding: 15px 20px;
				margin-top: 20%;
				width: 95vw;
			}
			> h3 {
				font-size: min(2.5rem, 6.5vw);
				line-height: 1.4;
				color: #333;
				font-weight: 900;
				font-family: var(--font-serif2);
			}
			> h2 {
				font-size: min(6.0rem, 20vw);
				line-height: 1.0;
				color: #5a7837;
				font-weight: 900;
				font-family: var(--font-serif2);
			}
			> p {
				font-size: min(1.0rem, 4.5vw);
				line-height: 2.0;
				color: #333;
				font-weight: 600;
				&:nth-of-type(1) {
					padding-block: 30px;
					font-family: var(--font-serif2);
					font-weight: 900;
					@media (width < 960px) {
						padding-block: 20px 15px;
					}
				}
				&:nth-of-type(2) {
					padding-block: 20px 0px;
				}
			}
		}
	}
}
section.smileitem {
    padding: 100px 5% 180px 5%;
	> div {
		position: relative;
		max-width: 1000px;
		margin-inline: auto;
		display: grid;
		> div {
			display: grid;
			grid-template-columns: 1fr 1fr;
			column-gap: 40px;
			row-gap: 80px;
			@media (width < 980px) {
				grid-template-columns: 1fr;
				row-gap: 100px;
			}
			> article {
				> figure {
					> img {
						border-radius: 30px;
						max-width: 100%;
					}
				}
				> div {
					border-bottom: 3px solid #333;
					padding-bottom: 2px;
					> h2 {
						padding-block: 20px 10px;
						font-size: min(1.5rem, 5.5vw);
						line-height: 1.1;
						color: #333;
						font-weight: 900;
						border-bottom: 1px solid #333;
					}
				}
				> p {
					padding-top: 10px;
					font-size: min(1.0rem, 5vw);
					line-height: 2.0;
					color: #333;
					font-weight: 600;
					text-align: justify;
				}
			}
		}
		> a {
			margin-top: 80px;
			justify-self: center;
			text-decoration: none;
			&:hover {
				> div {
					background-color: #5a7837;
					border: 2px solid #333;
					> p {
						color: #fff;
					}
				}
			}
			> div {
				background-color: #fff;
				display: flex;
				margin-inline: auto;
				justify-content: space-between;
				align-items: center;
				column-gap: 60px;
				border: 2px solid #333;
				padding: 15px 30px;
				min-width: 400px;
				@media (width < 460px) {
					min-width: 250px;
				}
				> 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;
			bottom: 0px;
			right: -3vw;
			@media (width < 650px) {
				bottom: -120px;
			}
			> img {
				max-width: min(100px, 30vw);
			}
		}
	}
}
section.craftsman {
	position: relative;
	z-index: 2;
    padding: 0px 5% 0px 5%;
	background: url(./image/craftsman.webp) 70% / cover;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		padding-block: 50px 30px;
		> h2 {
			font-size: min(3rem, 7vw);
			line-height: 1.6;
			color: #fff;
			font-weight: 900;
			font-family: var(--font-serif2);
			text-shadow: 0px 0px 8px #333, 0px 0px 8px #333, 0px 0px 8px #333, 0px 0px 8px #333;
		}
		> h3 {
			padding-bottom: 10px;
			padding-top: min(200px, 60vw);
			font-size: min(1.3rem, 5.5vw);
			line-height: 1.6;
			color: #fff;
			font-weight: 900;
		}
		> p {
			font-size: min(1.1rem, 5vw);
			line-height: 2.2;
			color: #fff;
			font-weight: 900;
			text-align: justify;
		}
	}
	> figure {
		position: absolute;
		top: -17.9%;
		right: 0;
		@media (width < 1090px) {
			top: unset;
			bottom: calc(100% + -4.1vw);
		}
		> img {
			max-width: 100%;
		}
	}
}
section.craftblock {
    padding: 150px 5% 150px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 30px;
		row-gap: 20px;
		@media (width < 940px) {
			grid-template-columns: 1fr;
		}
		> article {
			display: grid;
			align-items: end;
			@media (width < 940px) {
				max-width: 500px;
				margin-inline: auto;
			}
			> figure {
				grid-area: 1/1/2/2;
				> img {
					max-width: 100%;
				}
			}
			> div {
				padding: 80px 30px 50px 30px;
				grid-area: 1/1/2/2;
				display: grid;
				@media (width < 990px) {
					padding: 50px 20px;
				}
				@media (width < 420px) {
					padding: 15px;
				}
				> h2 {
					font-size: min(2.9rem, 8vw);
					line-height: 1.3;
					color: #fff;
					font-weight: 900;
					text-align: center;
					font-family: var(--font-serif2);
					padding-bottom: 40px;
					@media (width < 420px) {
						padding-bottom: 10px;
					}
				}
				> p {
					align-self: end;
					font-size: min(1.0rem, 5vw);
					line-height: 2.0;
					color: #fff;
					font-weight: 600;
					text-align: justify;
				}
			}
		}
	}
}
section.faq {
	position: relative;
	padding: 80px 5% 80px 5%;
	background-color: #f7f8f5;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		> h2 {
			font-size: min(2.4rem, 8vw);
			line-height: 1.4;
			color: #333;
			font-weight: 900;
			letter-spacing: 0.05em;
			text-align: center;
			font-family: var(--font-serif2);
		}
		> p {
			padding-bottom: 80px;
			font-size: min(1.2rem, 5vw);
			line-height: 1.0;
			color: #333;
			font-weight: 600;
			text-align: center;
			font-family: var(--font-serif2);
		}
		> article {
			border-top: 1px solid #a7c0bd;
			padding-block: 40px 60px;
			&:last-of-type {
				border-bottom: 1px solid #a7c0bd;
			}
			> h3 {
				font-size: min(1.2rem, 5vw);
				line-height: 1.6;
				color: #333;
				font-weight: 600;
				text-align: justify;
				text-indent: -1.3rem;
				padding-left: 1.3rem;
			}
			> p {
				padding-top: 10px;
				font-size: min(1.0rem, 4.5vw);
				line-height: 1.8;
				color: #333;
				font-weight: 600;
				text-align: justify;
				text-indent: -1.05rem;
				padding-left: 1.05rem;

			}
		}
	}
	> figure {
		position: absolute;
		top: 5%;
		right: 5%;
		> img {
			width: min(120px, 25vw);
		}
	}
}
section.faqlink {
	padding: 0px 5% 100px 5%;
	background-color: #f7f8f5;
	> div {
		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 {
				background-color: #fff;
				display: flex;
				margin-inline: auto;
				justify-content: space-around;
				align-items: center;
				column-gap: 60px;
				border: 2px solid #333;
				padding: 15px 30px;
				@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;
				}
			}
		}
	}
}