@charset "UTF-8";
/* お庭 --------------------------------------------------------------- */



/* content --------------------------------------------------------------- */
.content {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	}

.content:last-of-type {
	margin-bottom: 0;
	}

	.content h1 {
		font-size: 32px;
		padding-bottom: 15px;
		margin: 0 0 40px 60px;
		border-bottom: #d9d9d9 solid 1px;
		}

	.content #people {
		margin: 0 60px 30px 60px;
		overflow: hidden;
		}

		.content #people .people {
			float: left;
			width: 50%;
			margin-bottom: 40px;
			position: relative;
			}

		.content #people .people:nth-of-type(odd) {
			float: right;
			}

			.content #people .people ul {
				width: 100%;
				padding-left: 10%;
				box-sizing: border-box;
				overflow: hidden;
				}

				.content #people .people ul li:first-of-type {
					float: right;
					width: 72%;
					height: 230px;
					padding-left: 20px;
					box-sizing: border-box;
					}

					.content #people .people ul li:first-of-type img {
						width: 100%;
						height: 100%;
						object-fit: cover;
						}

				.content #people .people ul li:last-of-type {
					float: left;
					width: 28%;
					padding-top: 80px;
					font-size: 18px;
					line-height: 1.5;
					}

					.content #people .people ul li:last-of-type span {
						font-size: 13px;
						line-height: 1.2;
						margin-bottom: 5px;
						}

				.content #people .people a {
					position: relative;
					}

					.content #people .people a p {
						width: 160px;
						font-size: 10px;
						margin: 0 0 0 auto;
						padding: 0 0 5px 1px;
						background-image: url("../../img/home/arrow.png");
						background-position: right bottom;
						background-repeat: no-repeat;
						background-size: auto 17px;
						position: absolute;
						left: 10%;
						bottom: 20px;
						}

@media(max-width: 990px){
		.content #people {
			width: 90%;
			margin: 0 auto;
			}

			.content #people .people {
				float: none;
				width: 100%;
				margin-bottom: 40px;
				}

			.content #people .people:nth-of-type(odd) {
				float: none;
				}

			.content #people .people:last-of-type {
				margin-bottom: 0;
				}

				.content #people .people ul {
					width: 100%;
					padding-left: 0;
					}

					.content #people .people ul li:first-of-type {
						float: none;
						width: 100%;
						height: auto;
						padding-left: 0;
						margin-bottom: 10px;
						}

					.content #people .people ul li:last-of-type {
						float: none;
						width: 100%;
						padding-top: 0;
						font-size: 16px;
						}

						.content #people .people a p {
							position: static;
							margin-top: 10px;
							}
	}

@media(min-width: 1px) and (max-width: 660px){
	}