@charset "UTF-8";
@import url("common.css");

/*＝＝＝＝＝＝common＝＝＝＝＝＝＝＝*/


.cBg01{
	background-color:#effbf7;
}
.accTop{
	padding:60px 0;
	text-align:center;
}
@media(min-width:768px){
}

.land01{
	width:100%;
	max-width:1300px;
	margin:0 auto 80px;
}


.seaside{
	margin-bottom:80px;
}
.seaside .txtwrap{
	background-image:url(../image/landplan/seaside01.png);
	background-repeat: no-repeat;
	background-size:auto 75%;
	background-position: left center;
	text-align:left;
	padding:20px 10%;
	margin-top:20px;
}
.seaside .txtwrap .copy01{
	font-size:clamp(18px,2.4vw,28px);
	font-weight: bold;
	margin-bottom:1em;
}
.seaside .txtwrap .copy02{
	font-size:clamp(14px,1.6vw,20px);
}
.seaside .img01{}
.seaside .img01 figcaption{
	display:block;
	text-align:right;
	font-size:12px;
	margin-top:15px;
	margin-right:10px;
}

@media(min-width:768px){
	.seaside{
		display:flex;
		justify-content: flex-start;
		align-items: stretch;
		flex-direction: row-reverse;
	}
	.seaside .img01{
		width:52.5%;
		margin:0;
	}
	.seaside .txtwrap{
		width:40%;
		margin:0 2.5% 0 0;
		padding:0 0 50px 10%;
		display:flex;
		justify-content: flex-end;
		align-items: flex-start;
		flex-direction: column;
	}
}
.road01{
	margin-bottom:80px;
}
.road01 .txtwrap{
	background-image:url(../image/landplan/road01.png);
	background-repeat: no-repeat;
	background-size:auto 75%;
	background-position: right center;
	text-align:left;
	padding:20px 10%;
	margin-top:20px;
}
.road01 .txtwrap .copy01{
	font-size:clamp(18px,2.4vw,28px);
	font-weight: bold;
	margin-bottom:1em;
}
.road01 .txtwrap .copy02{
	font-size:clamp(14px,1.6vw,20px);
}

@media(min-width:768px){
	.road01{
		display:flex;
		justify-content: flex-start;
		align-items: stretch;
	}
	.road01 .img01{
		width:52.5%;
		margin:0;
	}
	.road01 .txtwrap{
		width:40%;
		margin:0 0 0 2.5%;
		padding:0 10% 50px 0 ;
		display:flex;
		justify-content: flex-end;
		align-items: flex-start;
		flex-direction: column;
	}
}
.road02{
	width:90%;
	max-width:1200px;
	margin:0 auto 80px;
}
.road02 .unit01{
	text-align:left;
	margin-bottom:40px;
}
.road02 .unit01 .copy01{
	font-size:clamp(18px,2.4vw,28px);
	font-weight: bold;
	margin-bottom:1em;
	margin-top:1em;
}
.road02 .unit01 .copy02{
	font-size:clamp(14px,1.6vw,20px);
}
.road02 .img01 figcaption{
	display:block;
	text-align:right;
	font-size:12px;
	margin-top:15px;
}
@media(min-width:768px){
	.road02{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.road02 .unit01{
		width:48%;
		max-width:550px;
	}
}

.park01{
	background-image:url(../image/landplan/bg01.png);
	background-repeat: no-repeat;
	background-size:60% auto;
	background-position: right top;
	padding:30px 10%;
}
.park01 .cCopy02{
	font-weight: normal;
}
.park02{
	background-image:url(../image/landplan/bg02.png);
	background-repeat: no-repeat;
	background-size:50% auto;
	background-position: left bottom;
	padding:30px 0;
}
@media(min-width:768px){
	.park01{
		background-size:30% auto;
	}
	.park02{
		background-size:25% auto;
	}
}