@charset "utf-8";
/*------------------------------------------------------------
	mamorare
------------------------------------------------------------*/
.pageTitle .pageImage {
	padding: 13vw 0;
	background-image: url(../img/mamorare/page_photo.jpg);
}
.pageTitle .textBox .text {
	margin-bottom: 1.7rem;
}
.pageTitle .headLine01 .en {
	width: 47.3rem;
}
.pageTitle .headLine01 .jp {
	min-width: 21rem;
	letter-spacing: 0.4em;
}
.comFeatures {
	padding: 11.7rem 0 11.8rem;
	background: url(../img/mamorare/feature_photo01.jpg) no-repeat left top / cover;
	border-bottom-right-radius: 0;
}
.comFeatures .imgBox {
	display: block;
}
.comFeatures .imgBox .textBox {
	width: 42rem;
}
.comFeatures .imgBox .textBox .text {
	color: #505050;
}
.commitmentBox01 {
	margin-top: 12rem;
}
.commitmentBox01 .imgBox .textBox {
	margin-top: -0.5rem;
}
.commitmentBox01 .imgBox .text {
	margin-bottom: 0;
}
.commitmentBox01 .headLine02 .jp,
.comImgBox .headLine02 .jp {
	color: #333;
}
.comImgBox {
	padding: 8.1vw 0 7.5vw;
	background-image: url(../img/mamorare/commitment_photo02.jpg);
}
.comImgBox .headLine02 {
	padding-bottom: 3.3rem;
}
.comImgBox .textBox .text {
	line-height: 2.15;
	color: #505050;
}
.commitmentBox01.inner01 .imgBox .textBox {
	margin-top: 1.5rem;
}
#main .mamorare {
	padding: 12rem 0 9.8rem;
	background: url(../img/mamorare/mamorare_bg.jpg) no-repeat left top /cover;
}
#main .mamorare .headLine04 {
	margin-bottom: 5.3rem;
	text-align: center;
}
#main .mamorare .headLine04 .en {
	margin: 0 auto 2.8rem;
}
#main .mamorare .headLine04 .jp {
	min-width: 21rem;
	letter-spacing: 0.4em;
}
#main .mamorare .mamorareUl {
	margin: -2rem 0 4rem;
	gap: 8rem;
}
#main .mamorare .mamorareUl > li {
	margin-top: 2rem;
	width: 24%;
}
#main .mamorare .mamorareUl .photoBox {
	margin-bottom: 1.3rem;
}
#main .mamorare .mamorareUl .notesList li {
	padding-left: 1.4rem;
	text-indent: -1.4rem;
	font-size: 1.2rem;
	font-weight: 500;
	color: #505050;
	letter-spacing: 0.1em;
	line-height: 1.83;
}
#main .mamorare .mamorareUl .notesList .dot {
	font-size: 1rem;
}
#main .mamorare  .comBtn {
	margin: 0 auto;
}
@media all and (min-width: 897px) {
	.pageTitle .pageImage .content {
		max-width: 92rem;
	}
}
@media all and (max-width: 896px) {
	.pageTitle .pageImage {
		padding: 15vw 0;
		background-image: url(../img/mamorare/page_photo_sp.jpg);
	}
	.pageTitle .textBox .text {
		margin-bottom: 2.2rem;
	}
	.pageTitle .headLine01 .jp {
		min-width: 25rem;
	}
	.comFeatures {
		padding: 7.2rem 0 33.4rem;
		background-image: url(../img/mamorare/feature_photo01_sp.jpg);
		background-position: center bottom;
	}
	.comFeatures .imgBox .headLine02 {
		padding-bottom: 2.7rem;
		margin-bottom: 2rem;
	}
	.comFeatures .imgBox .headLine02::after {
		display: block;
	}
	.comFeatures .imgBox .textBox .text {
		margin: 0 4rem 0 5rem;
		color: #333;
	}
	.commitmentBox01 {
		padding-top: 0;
		margin-top: 7.5rem;
	}
	.commitmentBox01 .headLine02 {
		margin-bottom: 2.5rem;
	}
	.commitmentBox01 .imgBox .photoBox {
		margin-bottom: 1.5rem;
	}
	.comImgBox {
		padding: 18.9vw 0 91.7vw;
		background-image: url(../img/mamorare/commitment_photo02_sp.jpg);
	}
	.comImgBox .headLine02 {
		padding-bottom: 2.5rem;
	}
	.comImgBox .textBox .text {
		line-height: 2;
		color: #333;
	}
	.commitmentBox01.inner01  {
		margin-bottom: 11rem;
	}
	#main .mamorare {
		padding: 7.5rem 0 7.9rem;
		background-image: url(../img/mamorare/mamorare_bg_sp.jpg);
	}
	#main .mamorare .headLine04 {
		margin-bottom: 2.4rem;
	}
	#main .mamorare .headLine04 .en {
		margin-bottom: 2rem;
	}
	#main .mamorare .headLine04 .jp {
		min-width: 25rem;
	}
	#main .mamorare .mamorareUl {
		margin: 0 0 2.9rem;
		display: block;
	}
	#main .mamorare .mamorareUl > li {
		margin: 0 0 2.2rem;
		width: auto;
	}
	#main .mamorare .mamorareUl > li:last-child {
		margin-bottom: 0;
	}
	#main .mamorare .mamorareUl .photoBox {
		margin: 0 auto 0.2rem;
		width: 18rem;
	}
	#main .mamorare .mamorareUl .notesList {
		padding-left: 0.6rem;
		margin: 0 auto;
		width: 32.6rem;
	}
	#main .mamorare .mamorareUl .notesList li {
		margin-bottom: 0.5rem;
		padding-left: 1.4rem;
		text-indent: -1.4rem;
		text-align: center;
		font-size: 1.25rem;
		letter-spacing: 0.12em;
	}
	#main .mamorare .mamorareUl .notesList li:last-child {
		margin-bottom: 0;
	}
	
}