section.content {
	margin-bottom: 80px;
	padding: 120px 5% 80px 5%;
	position: relative;
	width: 100%;
	height: 100%;
	> div.bg-rectangle {
		z-index: 2;
		background: #fdf9e5;
		background-size: 100% ;
		background-position: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: 110px;
		left: 0;
		width: 100%;
		height: calc(100% - 220px);
	}  
	> div.bg-ellipse_top {
		background-color: #fdf9e5;
		z-index: 1;
		position: absolute;
		top: 0;
		left: 50%;
		width: 110%;
		height: 350px;
		transform: translateX(-50%);
		border-top-left-radius: 50% 50%;
		border-top-right-radius: 50% 50%;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	> div.bg-ellipse_bottom {
		background-color: #fdf9e5;
		z-index: 1;
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 110%;
		height: 350px;
		transform: translateX(-50%);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 50% 50%;
		border-bottom-right-radius: 50% 50%;
	}
	> div.main {
		padding-bottom: 30px;
		position: relative;
		z-index: 3;
		max-width: 1000px;
		margin-inline: auto;
		> div.top {
			text-align: center;
			> h2 {
				font-size: 1.8rem;
				line-height: 1.0;
				color: #464646;
				letter-spacing: 5px;
				font-weight: 700;
				> b {
					color: #ed8099;
				}
				&:nth-of-type(2) {
					margin-top: 20px;
				}
				@media (width < 800px) {
					padding: 5px 20px;
					margin-inline: 20px;
					letter-spacing: 4px;
				}
			}
			> p {
				margin-top: 10px;
				font-size: min(0.9rem, 5vw);
				line-height: 1.0;
				color: #ed8099;
				font-weight: 600;
				letter-spacing: 2px;
			}
		}
		> div.content {
			margin-top: 30px;
			display: grid;
			grid-template-columns: repeat(6, 1fr);
			column-gap: 30px;
			row-gap: 30px;
			justify-content: center;
			@media (width < 1110px) {
				grid-template-columns: repeat(2, 1fr);
			}
			@media (width < 730px) {
				grid-template-columns: repeat(1, 1fr);
			}
			> article {
				border-radius: 20px;
				background-color: #fff;
				padding: 20px;
				display: grid;
				grid-template-rows: subgrid;
				grid-row: span 4;
				row-gap: 0;
				&:nth-of-type(1) {
					grid-column: 1 / 3;
					@media (width < 1110px) {
						grid-column: unset;
					}
				}
				&:nth-of-type(2) {
					grid-column: 3 / 5;
					@media (width < 1110px) {
						grid-column: unset;
					}
				}
				&:nth-of-type(3) {
					grid-column: 5 / 7;
					@media (width < 1110px) {
						grid-column: unset;
					}
				}
				&:nth-of-type(4) {
					grid-column: 2 / 4;
					justify-self: end;
					@media (width < 1110px) {
						width: 100%;
						grid-column: auto;
						justify-self: unset;
						grid-row: span 4;
						margin-right: 0px;
					}
				}
				&:nth-of-type(5) {
					grid-column: 4 / 6;
					justify-self: start;
					@media (width < 1110px) {
						width: 100%;
						grid-column: auto;
						justify-self: unset;
						grid-row: span 4;
						margin-left: 0px;
					}
				}
				&:nth-of-type(odd) {
					> div.name {
						border-left: 4px solid #ed8099;
					}
					> div.link {
						> a {
							> p {
								background-color: #ed8099;
							}
						}
					}
				}
				&:nth-of-type(even) {
					> div.name {
						border-left: 4px solid #efc200;
					}
					> div.link {
						> a {
							> p {
								background-color: #efc200;
							}
						}
					}
				}
				> figure {
					text-align: center;
					> img {
						max-width: 100%;
					}
				}
				> div.name {
					padding-left: 15px;
					margin-block: 15px;
					align-self: start;
					> p {
						font-size: min(1.1rem, 5vw);
						line-height: 1.6;
						color: #333;
						font-weight: 600;
						text-align: center;
					}
					> h3 {
						font-size: min(1.1rem, 5.5vw);
						line-height: 1.4;
						color: #6e3812;
						font-weight: 600;
						letter-spacing: 2px;
					}
				}
				> p {
					font-size: min(0.9rem, 5vw);
					line-height: 1.8;
					color: #333;
					font-weight: 600;
					text-align: justify;
					letter-spacing: 1px;
				}
				> div.link {
					margin-top: 30px;
					display: flex;
					justify-content: center;
					> a {
						text-decoration: none;
						&:hover {
							opacity: 0.8;
						}
						> p {
							padding: 15px 70px;
							border-radius: 40px;
							display: inline-block;
							text-align: center;
							font-size: min(1.0rem, 5.0vw);
							line-height: 1.0;
							letter-spacing: 1px;
							color: #fff;
							font-weight: 500;
							@media (width < 340px) {
								padding: 15px 60px;
							}
						}
					}
					&.in {
						> a {
							> p {
								background-image: url(../common/image/link_right_fff.svg);
								background-position: right 20px top 50%, 100% 100%;
								background-repeat: no-repeat;
								background-size: 7px 15px, cover;
							}
						}
					}
					&.out {
						> a {
							> p {
								background-image: url(../common/image/link_external_fff.svg);
								background-position: right 20px top 50%, 100% 100%;
								background-repeat: no-repeat;
								background-size: 15px 15px, cover;
							}
						}
					}
				}
			}
		}
	}
}