@charset "utf-8";
.life01{}
.life01 .ttl01{
	font-size:1.6rem;
	border:2px dashed #333;
	padding:10px;
	border-radius:24px;
	width:75%;
	max-width: 450px;
	margin:0 auto 30px;
	position: relative;
}
.life01 .ttl01::before{
	content:"";
	position: absolute;
	left:50%;
	bottom:-30px;
	display: block;
	width:1px;
	height:30px;
	border-left:2px dashed #333;
}
.life01 .wrap01{
	width:75%;
	margin:0 auto;
}
.life01 .wrap01 .unit01{
	margin-bottom:20px;
}
@media(min-width:768px){
	.life01 .wrap01{
		display:flex;
		justify-content: space-between;
		align-items: stretch;
		width:90%;
		max-width:990px;
	}
	.life01 .wrap01 .unit01{
		margin-bottom:0;
		width:30%;
		max-width:289px;
		background-color:#f2f2f2;
	}
}


.life02{
	margin-bottom:80px;
}
.life02.bg01{background-color: #e9e4ea;}
.life02.bg02{background-color: #d8e1e1;}
.life02.bg03{background-color: #f0efe6;}

.life03{
	margin-bottom:40px;
}
.life03 .img01{
	width:85%;
	margin-right:15%;
}
.life03 .img01 figcaption{
	font-size: clamp(14px,1.7rem,17px);
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:20px;
}
.life03 .txt01{
	margin-left:10%;
	margin-right:5%;
}
.life03.rvs .img01{
	width:85%;
	margin-right:0;
	margin-left:15%;
}
.life03.rvs .img01 figcaption{
	text-align:right;
}
.life03.rvs .txt01{
	margin-left:5%;
	margin-right:10%;
}
@media(min-width:768px){
	.life03{
		display:flex;
		justify-content: space-between;
		align-items: center;
		width:90%;
		max-width:1000px;
		margin:0 auto 40px;
		padding:;
	}
	.life03.rvs{
		flex-direction: row-reverse;
	}
	.life03 .img01{
		width:48%;
		margin-left:0%;
		margin-right:0%;
	}
	.life03 .img01 figcaption{
		margin-left:0;
		margin-right:0;
		margin-bottom:0;
	}
	.life03 .txt01{
		width:45%;
		margin-left:0%;
		margin-right:0%;
	}
}
/*長さ調整*/
.life03.family0101 .txt01{
	margin-left:5%;
	margin-right:2%;
} 
@media(min-width:768px){
	.life03.family0101{
		align-items:flex-start;
	}
	.life03.family0101 .img01{width:48%;margin:0;} 
	.life03.family0101 .txt01{width:43.8%;margin:0 4% 0 0;}
}
.life03.family0102 .img01{width:100%;margin:0;} 
.life03.family0102 .txt01{
	margin-left:5%;
	margin-right:3%;
}
@media(min-width:768px){
	.life03.family0102{
		align-items:flex-end;
	}
	.life03.family0102 .img01{width:43.2%;margin:0;} 
	.life03.family0102 .txt01{width:45.9%;margin:0 0 40px;}
}

.life03.family0103 .txt01{
	width:90%;
	margin-left:10%;
	margin-top:-15vw;}
@media(min-width:768px){
	.life03.family0103{
		align-items:flex-start;
	}
	.life03.family0103 .img01{width:63%;margin:0;}
	.life03.family0103 .txt01{width:33.6%;margin:0;}
}

.life03 .txt01.family0301{
	margin-left:5%;
	margin-right:2%;
}
@media(min-width:768px){
	.life03.family0302{align-items: flex-start}
	.life03.family0302 .img01{width:64.2%;margin:0;}
	.life03.family0302 .txt01{width:26.9%;margin:0;}
}

.life03.family0303 .txt01{margin-top:-15vw;}
@media(min-width:768px){
	.life03.family0303 .img01{width:53%;margin:0;}
	.life03.family0303 .txt01{width:33.9%;margin:0;margin-right:8%;}
}



.life04{
	background-color:rgba(255,255,255,0.6);
	width:70%;
	max-width:600px;
	padding:20px 30px 20px;
	font-size:14px;
	text-align:left;
	margin:0 auto 20px;
	font-feature-settings: "palt";
}
.life04 .wrap01{
	margin-bottom:1em;
}
.life04 .wrap01:last-of-type{
	margin-bottom:0;
}
.life04 p{
	font-size:clamp(13px,1.5vw,15px);
	text-align:left;
	margin-bottom:1em;
	line-height: 1.5;
}
.life04 p:last-of-type{
	margin-bottom:0;
}
@media(min-width:768px){
	.life04{
		margin:0 auto 40px;
		padding:20px 6% 20px;
	}
	.life04.family02{
		margin:0 auto 10px;
	}
	.life04 .wrap01{
		display:flex;
		justify-content: flex-start;
		align-items: stretch;
	}
	.life04 p{
		width:50%;
		margin-bottom:0;
	}
}
.life04ttl{
	background-color:rgba(255,255,255,0.6);
	width:70%;
	max-width:600px;
	padding:20px 30px 0;
	text-align:center;
	margin:0 auto;
}
.life04ttl p{
	display: inline-block;
	font-weight: bold;
	font-size:17px;
	margin:0 auto;
	width:auto;
	border-bottom:2px solid #000;
}