@charset "UTF-8";



/*********** 共通 *************/

main h2 {
	text-shadow: 0 0 20px #000,0 0 20px #000;
}

.sakura_l-area {
	padding-bottom: 200px;
}

.sakura_r-area {
	padding-bottom: 100px;
}

/*********** ↑共通 *************/




.residence_01-wrap {
	width: 81.56%;
	margin-left: 15%;
	margin-top: -100px;
}

.residence_01-wrap .cap-cover {
	right: -25px;
	bottom: 0;
}

.residence_02-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 100px;
}

.residence_02-wrap li:nth-child(1) {
	width: 33.67%;
}

.residence_02-wrap li:nth-child(2) {
	width: 59.22%;
}

.residence_02 {
	display: flex;
	justify-content: space-between;
}

.residence_02 dl {
	width: 30.21%;
}

.residence_02 dd:nth-of-type(1) {
	font-size: 2.5rem;
	letter-spacing: 0.2em;
}

.residence_02 dd:nth-of-type(2) {
	font-size: 1.4rem;
	text-align: justify;
}

.residence_03-wrap {
	margin-top: 100px;
}

.residence_04-wrap {
	align-items: center;
	margin-top: 120px;
}

.residence_05-wrap {
	align-items: center;
	margin-top: -80px;
}

.residence_06-wrap {
	width: 84.53%;
	margin: 0 auto;
	margin-top: 100px;
}

.residence_06-wrap .cap-cover {
	right: 3%;
	bottom: 3%;
}




/*********** service *************/

.service-bg {
	background: #f0f3f4;
	padding: 80px 0 20px;
	margin-top: 20px;
}

/*********** ↑service *************/




/*********** plant *************/

.plant-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 140px;
}

.plant-wrap > li:nth-child(1) {
	width: 67.5%;
}

.plant-wrap > li:nth-child(2) {
	width: 27%;
}

.plant_01-wrap {
	display: grid;
	grid-template-columns: 24.07% 24.07% 24.07% 24.07%;
	grid-template-rows: auto;
	justify-content: space-between;
}

.plant_01-wrap li:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}

.plant_01-wrap li:nth-child(2) {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}

.plant_01-wrap li:nth-child(3) {
	grid-column: 3 / 4;
	grid-row: 1 / 2;
}

.plant_01-wrap li:nth-child(4) {
	grid-column: 4 / 5;
	grid-row: 1 / 2;
}

.plant_01-wrap li:nth-child(5) {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	align-self: flex-end;
}

.plant_01-wrap li:nth-child(6) {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
	align-self: flex-end;
}

.plant_01-wrap li:nth-child(7) {
	grid-column: 4 / 5;
	grid-row: 2 / 3;
	align-self: flex-end;
}

/*********** ↑plant *************/