@charset "utf-8";


/**/
.town01{
	width: 100%;
	margin: 0 auto;
}
.town01 > figure{
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
}
@media (min-width: 768px){
	.town01{
		display: flex;
		justify-content: space-between;
		max-width: 760px;
	}
	.town01 > figure{
		width:47%;
		max-width: 360px;
		margin: 0;
	}
}
.plan01{
	margin:0 auto 80px;
	width:100%;
	max-width:1300px;
}

.town02{
	width: 100%;
	background-color: #f6f4f0;
}
.town02 .ttl01{
	color: #a38a77;
	font-weight: normal;
	border-bottom: 1px solid rgba(0,0,0,0.5);
	max-width: 700px;
	margin: 0 auto 20px;
}
.town02 .ttl01 .en{
	font-size: clamp(2.4rem,3.8vw,3.8rem);
	letter-spacing: 0.15em;
}
.town02 .ttl01 .jp{
	font-size: clamp(1.6rem,1.9vw,1.9rem);
	letter-spacing: 0.3em;
}
.town02 .photolist{
	width: 100%;
}
.town02 .photolist figure{
	width: 100%;
	margin-bottom: 40px;
}
.town02 .photolist figcaption{
	font-size:1.4rem;
	margin-top: 10px;
	text-align: left;
}
@media (min-width: 640px){
	.town02 .photolist{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.town02 .photolist figure{
		width: 48%;
	}
}
@media (min-width: 900px){
	.town02 .photolist figure{
		width: 30%;
	}
}