@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=EB+Garamond");


.sh-gradient-wrapper {
  padding-bottom: 40px;
}


.MT30_0 {
	margin-top: 30px;
}
.MT40_0 {
	margin-top: 40px;
}

.sh-contents {
	max-width: 1120px;
}
.sh-contents .W920 {
	max-width: 920px;
	margin-inline: auto;
}

.sh-3ldklife-bgbox1 {
	background: url(images/bg_01.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 30px;
}
.sh-3ldklife-bgbox2 {
	background: url(images/bg_02.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 80px;
}
.sh-3ldklife-bgbox3 {
	background: url(images/bg_03.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 80px;
}
.sh-3ldklife-bgbox4 {
	background: url(images/bg_04.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 80px;
}

.sh-3ldklife-box1 > p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 920px;
}
.sh-3ldklife-box2 > div p span {
	display: inline-block;
	background-color: #b35e71;
	width: 30px;
	text-align: center;
	color: #fff;
	margin-right: 10px;
}
.sh-3ldklife-bgbox3 .sh-3ldklife-box2 > div p span {
	background-color: #9c801e;
}
.sh-3ldklife-bgbox4 .sh-3ldklife-box2 > div p span {
	background-color: #236435;
}

.sh-3ldklife-img1 {
	max-width: 180px;
	margin-inline: auto;
}
.sh-3ldklife-img2 {
	max-width: 60px;
	margin-inline: auto;
}
.sh-3ldklife-img3 {
	position: absolute;
	bottom: 0%;
	z-index: 0;
}

.sh-title1 {
	color: #311301;
	border-top: 1px solid #40220f;
	border-bottom: 1px solid #40220f;
	padding: 15px 10px;
}

.fc1 {
	color: #b35e71;
}
.fc2 {
	color: #9c801e;
}
.fc3 {
	color: #236435;
}


.sh-Z1 {
	position: relative;
	z-index: 1;
}

.sh-contents-comment {
  margin-bottom:30px;
  background:none;
  border:none;
}
.sh-contents-comment-text {
}

.sh-flex-reverse {
	flex-direction: row-reverse;
}


sub {
    bottom: 0;
	vertical-align: baseline;
}

.MT80 {
	margin-top: 80px;
}
.MB80 {
	margin-bottom: 80px;
}

@media screen and (min-width: 768px) {
	.sh-3ldklife-box1 > p {
		width: 80%;
	}

	.sh-3ldklife-box2 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		row-gap: 40px;
	}
	.sh-3ldklife-box2 > div {
		width: 47.826087%;
		max-width: 440px;
	}
	.sh-3ldklife-box2 > div:nth-child(1) {
	  order: 2;
		width: 48.9130435%;
		max-width: 450px;
		margin-right: -10px;
	}
	.sh-3ldklife-box2 > div:nth-child(2) {
	  order: 1;
	}
	/* 3番目以降は初期値（order: 0）ですが、1・2番目より前に来ないよう明示 */
	.sh-3ldklife-box2 > div:nth-child(n+3) {
	  order: 3;
	}

	.sh-3ldklife-img1 {
		width: 20%;
	}
	.sh-3ldklife-img2 {
		width: 10%;
	}
	.sh-3ldklife-img3 {
		width: 27.2%;
		max-width: clamp(170px, 44.444vw - 172.222px, 250px);
		right: clamp(0px, 57.143vw - 502.857px, 40px);
	}

}


@media screen and (max-width: 767px) {
	.sh-gradient-wrapper {
		padding-bottom: 0;
	}

	.sh-3ldklife-box2 > div {
		width: 90%;
		max-width: 90%;
		margin-inline: auto;
	}
	.sh-3ldklife-box2 > div:not(:last-child) {
		margin-bottom: 40px;
	}

	.sh-3ldklife-img3 {
		width: 28%;
		top: -32vw;
		right: 0%;
	}
	.sh-3ldklife-img4 {
		overflow: hidden;
	}
	.sh-3ldklife-img4 img {
		width: 120%;
	}

	.MT60_0 {
		margin-top: 0px;
	}
	.PB20-smp {
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 600px) and (orientation: portrait) {
	.sh-3ldklife-img3 {
		top: -43vw;
	}
	.sh-3ldklife-img4 img {
		width: 170%;
	}

}