@charset "utf-8";

#LIF-FEEL {
position: relative;
overflow: hidden;
}
#LIF-FEEL .cont {
margin: 0 auto;
padding: 8vw 0 13.333vw 0;
width: 81.333vw;
}
#LIF-FEEL .head {
margin-bottom: 4vw;
}
#LIF-FEEL .head h2 {
margin-bottom: 0.8vw;
font-family: "Zen Old Mincho", serif;
font-weight: 500;
font-size: 5.333vw;
letter-spacing: 0.15em;
}
#LIF-FEEL .head p {
font-family: "Zen Old Mincho", serif;
font-weight: 500;
font-size: 3.867vw;
line-height: 1.36;
letter-spacing: 0.15em;
}
#LIF-FEEL .image p {
width: 49.333vw;
font-size: 3.733vw;
line-height: 1.36;
}
#LIF-FEEL picture:nth-of-type(1) {
display: block;
margin: 0 0 9.333vw -9.333vw;
width: 70.667vw;
}
#LIF-FEEL picture:nth-of-type(2) {
position: absolute;
right: 0;
bottom: 13.333vw;
display: block;
width: 38.933vw;
}
#LIF-FEEL .image img {
display: block;
width: 100%;
height: auto;
}
@media screen and (min-width: 768px) {
	#LIF-FEEL {
	overflow: hidden;
	}
	#LIF-FEEL .cont {
	padding: 85px 0 95px 0;
	width: 990px;
	}
	#LIF-FEEL .head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 50px;
	margin-bottom: 50px;
	}
	#LIF-FEEL .head h2 {
	margin-bottom: 0;
	font-size: 26px;
	}
	#LIF-FEEL .head p {
	font-size: 16px;
	line-height: 1.5;
	}
	#LIF-FEEL .image {
	position: relative;
	margin-left: 50px;
	}
	#LIF-FEEL .image p {
	margin-top: 30px;
	width: auto;
	font-size: 15px;
	line-height: 1.6;
	}
	#LIF-FEEL picture:nth-of-type(1) {
	margin: 0;
	width: 674px;
	}
	#LIF-FEEL picture:nth-of-type(2) {
	position: absolute;
	right: inherit;
	bottom: inherit;
	left: 694px;
	top: 0;
	width: 350px;
	}
}

#LIF-DESIGN {
position: relative;
background-color: #e4e4e4;
overflow: hidden;
}
#LIF-DESIGN .cont {
margin: 0 auto;
padding: 6.667vw 0 10.667vw 0;
width: 81.333vw;
}
#LIF-DESIGN .head {
margin-bottom: 4vw;
}
#LIF-DESIGN .head h2 {
margin-bottom: 0.8vw;
font-family: "Zen Old Mincho", serif;
font-weight: 500;
font-size: 5.333vw;
letter-spacing: 0.15em;
}
#LIF-DESIGN .head p {
font-family: "Zen Old Mincho", serif;
font-weight: 500;
font-size: 3.867vw;
line-height: 1.36;
letter-spacing: 0.15em;
}
#LIF-DESIGN .image {
margin-bottom: 4.8vw;
}
#LIF-DESIGN .image p {
display: none;
}
#LIF-DESIGN .image picture {
display: block;
width: 100%;
}
#LIF-DESIGN .image2 {
display: flex;
flex-wrap: wrap;
gap: 4vw;
}
#LIF-DESIGN .image2 p {
flex: 1;
font-size: 3.733vw;
line-height: 1.36;
}
#LIF-DESIGN .image2 picture {
display: block;
width: 40.533vw;
}
#LIF-DESIGN img {
display: block;
width: 100%;
height: auto;
}
@media screen and (min-width: 768px) {
	#LIF-DESIGN .cont {
	padding: 90px 0 100px 0;
	width: 990px;
	}
	#LIF-DESIGN .head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0 35px auto;
	width: 340px;
	}
	#LIF-DESIGN .head h2 {
	margin-bottom: 0;
	font-size: 26px;
	}
	#LIF-DESIGN .head p {
	font-size: 16px;
	line-height: 1.5;
	}
	#LIF-DESIGN .head p.lead {
	display: block;
	font-size: 15px;
	line-height: 1.6;
	}
	#LIF-DESIGN .list {
	position: relative;
	}
	#LIF-DESIGN .image {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 18px;
	}
	#LIF-DESIGN .image p {
	display: block;
	width: 340px;
	font-size: 15px;
	line-height: 1.6;
	}
	#LIF-DESIGN .image picture {
	display: block;
	width: 600px;
	}
	#LIF-DESIGN .image2 {
	position: absolute;
	left: 650px;
	top: 210px;
	flex-direction: row;
	gap: 30px;
	width: 328px;
	}
	#LIF-DESIGN .image2 p {
	flex: 1;
	font-size: 14px;
	line-height: 1.36;
	}
	#LIF-DESIGN .image2 picture {
	display: block;
	width: 328px;
	}
}

#LIF-SCENE {
position: relative;
overflow: hidden;
}
#LIF-SCENE .cont {
margin: 0 auto;
padding: 8vw 0 12vw 0;
width: 81.333vw;
}
#LIF-SCENE .head {
margin-bottom: 4vw;
}
#LIF-SCENE .head h2 {
margin-bottom: 0.8vw;
font-family: "Zen Old Mincho", serif;
font-weight: 500;
font-size: 5.333vw;
letter-spacing: 0.15em;
}
#LIF-SCENE .head p {
font-family: "Zen Old Mincho", serif;
font-weight: 500;
font-size: 3.867vw;
line-height: 1.36;
}
#LIF-SCENE .image2 p,
#LIF-SCENE .image p {
margin-top: 3.467vw;
font-size: 3.733vw;
line-height: 1.36;
}
#LIF-SCENE .image {
margin-bottom: 8.8vw;
}
#LIF-SCENE .image picture {
display: block;
width: 100%;
}
#LIF-SCENE .image2 {
position: relative;
}
#LIF-SCENE .image2 picture:nth-of-type(1) {
display: block;
margin-left: -9.333vw;
padding-bottom: 10.667vw;
width: 48.267vw;
}
#LIF-SCENE .image2 picture:nth-of-type(2) {
position: absolute;
right: -9.333vw;
top: 8vw;
width: 48.267vw;
}
#LIF-SCENE img {
display: block;
width: 100%;
height: auto;
}
@media screen and (min-width: 768px) {
	#LIF-SCENE .cont {
	margin: 0 auto;
	padding: 110px 0 110px 0;
	width: 990px;
	}
	#LIF-SCENE .head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 50px;
	margin-bottom: 50px;
	}
	#LIF-SCENE .head h2 {
	margin-bottom: 0;
	font-size: 26px;
	}
	#LIF-SCENE .head p {
	padding-top: 8px;
	font-size: 16px;
	line-height: 1.5;
	}
	#LIF-SCENE .image2 p,
	#LIF-SCENE .image p {
	margin-top: 30px;
	font-size: 15px;
	line-height: 1.6;
	}
	#LIF-SCENE .image p {
	text-align: center;
	}
	#LIF-SCENE .image {
	margin-bottom: 88px;
	}
	#LIF-SCENE .image picture {
	display: block;
	margin: 0 -28px;
	width: 1046px;
	}
	#LIF-SCENE .image2 {
	position: relative;
	}
	#LIF-SCENE .image2 picture:nth-of-type(1) {
	margin-left: -105px;
	padding-bottom: 0;
	width: 500px;
	}
	#LIF-SCENE .image2 picture:nth-of-type(2) {
	right: inherit;
	left: 407px;
	top: 0;
	width: 500px;
	}
}