@charset "UTF-8";

.section {
	padding:10px 0 100px;
	background-color:#ebfcf3;
}

.section .innr {
	position:relative;
	width:1000px;
	margin:0 auto;
}

.section h1 {
	display:inline-block;
	font-size:36px;
	background-color:#9e8473;
	border-radius:999px;
	padding:.4em 1em;
	line-height:1em;
	color:#fff;
	margin-top:50px;
}

.section h2 img {
	width:70%;
}

.section .flexbox {
	margin-top:100px;
	justify-content:space-between;
}

.section .item {
	width:45%;
}

.section .imgbox {
	margin-top:30px;
}

.section .imgbox ul {
	list-style:none;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.section .imgbox li {
	width:31%;
	margin-top:3%;
}

.section .imgbox li img {
	border:1px solid #333;
}


.section dl {
}


.section dl dt {
	font-size:22px;
	line-height:1em;
	margin-top:2em;
}

.section dl dt span {
	display:inline-block;
	position:relative;
}

.section dl dt span::after {
	display:inline-block;
	content:"";
	height:1px;
	width:100%;
	background-color:#a88879;
	transform:translateY(-5px);
}

.section dl dd {
	font-size:19px;
	margin-top:.5em;
	color:#c6b0a5;
}

.section dl.lastH dd {
	min-height:9em;
}


.section dl dd a {
	color:#c6b0a5;
}


.section .gmap {
	position:relative;
	width:100%;
	border:5px solid #fff;
	z-index:5;
}

.section .gmap iframe {
	aspect-ratio:16 / 10;
	width:100%;
	height:auto;
}

.imgbtm {
	position:relative;
	background-color:#ebfcf3;
}

.aimg {
	position:absolute;
	z-index:3;
}

.section .aimg.i01 {
	top:-80px;
	right:-90px;
}

.section .aimg.i02 {
	top:1200px;
	left:-150px;
}

.section .aimg.i03 {
	bottom:-40px;
	right:-200px;
}

.aimg.i04 {
	bottom:-50px;
	left:calc(50vw - 700px);
}

@media screen and (max-width: 767px) {
	.section {
		padding:5vw 0 10vw;
	}

	.section .innr {
		width:90%;
	}

	.section h1 {
		font-size:7.5vw;
		margin-top:30vw;
	}


	.section h2 img {
		width:80%;
	}

	.section .flexbox {
		margin-top:0;
		display:block;
	}

	.section .item {
		width:100%;
		margin-top:20vw;
	}

	.section .item.tanemaru {
		margin-top:10vw;
	}

	.section .item.manmaru {
		padding-bottom:35vw;
	}

	.section .imgbox {
		margin-top:5vw;
	}


	.section dl dt {
		font-size:4.4vw;
	}

	.section dl dd {
		font-size:3.8vw;
	}

	.section dl.lastH dd {
		min-height:auto;
	}

	.section .gmap {
		margin-top:7vw;
	}

	.imgbtm {
		padding-bottom:20vw;
		background-color:#edf9d7;
	}

	.section .aimg.i01 {
		top:-16vw;
		right:2vw;
		width:40vw;
	}

	.section .aimg.i02 {
		top:255vw;
		left:-10vw;
		width:32vw;
	}

	.section .aimg.i03 {
		bottom:-1vw;
		right:-10vw;
		width:60vw;
	}

	.aimg.i04 {
		bottom:-2vw;
		left:-7vw;
		width:50vw;
	}
}
