@charset "utf-8";

.m-content{
	/*padding-left: 0;
	padding-right: 0;*/
}

/* CSS Document */

.l-wrapper{
    background-image: url("../../../assets/images/life/bg_pc.jpg");
    background-repeat:no-repeat;
    background-position: center top;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
}

.l-wrapper{
	overflow:  hidden;
}

/* .l-page_visual */

.l-page_visual{
	position: relative;
	padding: 175px 0 0px 0;
	height: 1000px;
}

.l-page_visual_head{
	position: absolute;
	top: 190px;
	left: 550px;
	font-size: 36px;
	line-height: 1;
}

.l-page_visual_text{
	padding: 0 0 0 280px;
}

.l-page_visual_lead{
	font-size: 32px;
	font-weight: bold;
	padding: 80px 0 0 680px;
	line-height: 1.4;
	letter-spacing: 0.025em;
}

/* .p-life_list_wrap */

.p-life_list_wrap{
	padding: 0 0 30px 0;
}

.p-life_list_wrap .p-life_list{
	
}

.p-life_list_wrap .p-life_list_block{
	position: relative;
}

.p-life_list_text01,
.p-life_list_img01,
.p-life_list_img02{
	position: absolute;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center;
	top: 0;
	left: 0;
	line-height: 0;
}


.p-life_list_text01{
	color: #ffffff;
	width: 310px;
}

.p-life_list_text01 .p-life_list_name{
	font-size: 60px;
	line-height: 1;
	font-weight: bold;
	margin: 0 0 25px 0;
}

.p-life_list_text01 .p-life_list_laad{
	text-align: left;
	margin: 0 0 35px 0;
	font-size: 25px;
	line-height: 1.4;
}

.p-life_list_btn_wrap{
	text-align: center;
}

.p-life_list_btn_wrap .p-life_list_btn,
.p-life_list_btn_wrap .p-life_list_btn a{
	text-decoration: none !important;
	border-radius: 99999px;
}

.p-life_list_btn_wrap .p-life_list_btn{
	display: inline-block;
	vertical-align: bottom;
	background-color: #ffffff;
}

.p-life_list_btn_wrap .p-life_list_btn a{
	position: relative;
	display: block;
	background-color: #fff;
	color: #be0000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	padding: 0.25em 1.1em;
	transition: opacity 0.4s ease 0s; 
}

.p-life_list_btn_wrap .p-life_list_btn a:hover{
	opacity: 0.7;
}

.p-life_list_btn_wrap .p-life_list_btn a:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 0.5em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.3em 0 0.3em 0.35em;
	border-color: transparent transparent transparent #be0000;
	margin: -0.3em 0 0 0;
}

.p-life_list_img03{
	display: none;
	text-align: center;
}

/* #list01 */

#list01{
	height: 520px;
}

#list01 .p-life_list_text01{
	left: 756px;
}

#list01 .p-life_list_img01{
	left: 82px;
	width: 581px;
}

#list01 .p-life_list_img02{
	left: 1136px;
}

/* #list02 */

#list02{
	height: 512px;
	margin: -108px 0 0 0;
}

#list02 .p-life_list_text01{
	left: 538px;
}

#list02 .p-life_list_img01{
	left: 935px;
}

#list02 .p-life_list_img02{
	left: 233px;
}

#list02 .p-life_list_btn_wrap .p-life_list_btn a{
	background-color: #be0000;
	color: #fff;
}

#list02 .p-life_list_btn_wrap .p-life_list_btn a:after{
	border-color: transparent transparent transparent #fff;
}

#list02 .p-life_list_text01{
	color: #be0000;
}

/* #list03 */

#list03{
	height: 527px;
	margin: -90px 0 0 0px;
}

#list03 .p-life_list_text01{
	left: 833px;
}

#list03 .p-life_list_img01{
	left: 67px;
	top: -4px;
}

#list03 .p-life_list_img02{
	left: 1220px;
}

@media only screen and (min-width: 769px) and (max-width: 1579px){
   .l-wrapper{
			background-image: url("../../../assets/images/life/bg_pc.jpg");
			background-position: center top;
   }
	
	/* .l-page_visual */
	
	.l-page_visual{
		position: relative;
		padding: 11vw 0 0px 0;
		height: 63.29vw;
	}

	.l-page_visual_head{
		position: absolute;
		top: 12.02vw;
		left: 34.8vw;
		font-size: 2.278vw;
	}

	.l-page_visual_text{
		padding: 0 0 0 17.72vw;
	}

	.l-page_visual_lead{
		font-size: 2.02vw;
		padding: 5.06vw 0 0 43.03vw;
	}
	
	/* .p-life_list_wrap */

	.p-life_list_wrap{
		padding: 0 0 1.89vw 0;
	}
	
	.p-life_list_text01{
		width: 19.62vw;
	}

	.p-life_list_text01 .p-life_list_name{
		font-size: 3.797vw;
		margin: 0 0 1.582vw 0;
	}

	.p-life_list_text01 .p-life_list_laad{
		/*margin-bottom: 0;*/
		margin-bottom: 2.221vw;
		/*font-size: 1.7vw;*/
		font-size: 1.583vw;
	}
	
	.p-life_list_btn_wrap .p-life_list_btn a{
		font-size: 1.265vw;
	}

	/* #list01 */

	#list01{
		height: 32.91vw;
	}

	#list01 .p-life_list_text01{
		left: 47.84vw;
	}

	#list01 .p-life_list_img01{
		left: 5.189vw;
		width: 36.77vw;
	}

	#list01 .p-life_list_img02{
		left: 71.898vw;
	}

	/* #list02 */

	#list02{
		height: 32.405vw;
		margin: -6.835vw 0 0 0;
	}

	#list02 .p-life_list_text01{
		left: 34.05vw;
	}

	#list02 .p-life_list_img01{
		left: 59.177vw;
	}

	#list02 .p-life_list_img02{
		left: 14.746vw;
	}

	#list02 .p-life_list_btn_wrap .p-life_list_btn a{
		background-color: #be0000;
		color: #fff;
	}

	#list02 .p-life_list_btn_wrap .p-life_list_btn a:after{
		border-color: transparent transparent transparent #fff;
	}

	#list02 .p-life_list_text01{
		color: #be0000;
	}

	/* #list03 */

	#list03{
		height: 33.3354vw;
		margin: -5.696vw 0 0 0px;
	}

	#list03 .p-life_list_text01{
		left: 52.721vw;
	}

	#list03 .p-life_list_img01{
		left: 4.24vw;
		top: -0.253vw;
	}

	#list03 .p-life_list_img02{
		left: 77.215vw;
	}
	
}


@media only screen and (max-width: 768px) {
	.l-wrapper{
		background-image: url("../../../assets/images/life/bg_sp.jpg");
		background-position: center top;
	}
	
	/* .l-page_visual */
	
	.l-page_visual{
		position: relative;
		padding: 6.4vw 0 0px 0;
		height: 82vw;
	}

	.l-page_visual_head{
		top: 5.8vw;
		left: 20.66vw;
		font-size: 4.8vw;
		white-space: nowrap;
	}

	.l-page_visual_text{
		padding: 0 0 0 2.13vw;
	}

	.l-page_visual_lead{
		font-size: 4.266vw;
		/*padding: 12.33vw 0 0 30.4vw;*/
		padding: 4.33vw 2vw 0 30.4vw;
	}
	
	/* .p-life_list_wrap */

	.p-life_list_wrap{
		padding: 0 0 19vw 0;
	}

	.p-life_list_wrap .p-life_list{

	}

	.p-life_list_wrap .p-life_list_block{
		position: relative;
		padding: 0 4vw;
	}

	.p-life_list_text01,
	.p-life_list_img01,
	.p-life_list_img02{
		position: static;
		height: auto;
		display: block;
	}
	
	.p-life_list_img02{
		display: none;
	}


	.p-life_list_text01{
		width: 82.66vw;
		margin: 4vw auto;
	}

	.p-life_list_text01 .p-life_list_name{
		font-size: 8vw;
		margin: 0 0 4vw 0;
	}

	.p-life_list_text01 .p-life_list_laad{
		text-align: center;
		margin: 0 0 4vw 0;
		font-size: 4vw;
	}

	.p-life_list_btn_wrap .p-life_list_btn a{
		font-size: 5.866vw;
		max-width: 70.9vw;
	}
	
	.p-life_list_img03{
		display: block;
		margin: 0 0 5.7vw 0;
	}

	/* #list01 */

	#list01{
		height: 168.7vw;
	}

	#list01 .p-life_list_text01{
		left: 756px;
	}

	#list01 .p-life_list_img01{
		text-align: left;
		padding: 1.4vw 0 0 0;
		width: 72.13vw;
	}

	#list01 .p-life_list_img02{
		left: 1136px;
	}

	/* #list02 */

	#list02{
		height: 167.4vw;
		margin: 0;
	}

	#list02 .p-life_list_text01{
		left: 538px;
	}

	#list02 .p-life_list_img01{
		text-align: right;
		padding: 1.7vw 0 0 0;
	}

	#list02 .p-life_list_img02{
		left: 233px;
	}

	#list02 .p-life_list_btn_wrap .p-life_list_btn a{
		background-color: #be0000;
		color: #fff;
	}

	#list02 .p-life_list_btn_wrap .p-life_list_btn a:after{
		border-color: transparent transparent transparent #fff;
	}

	#list02 .p-life_list_text01{
		color: #be0000;
	}

	/* #list03 */

	#list03{
		height: 174vw;
		margin: 0px;
	}

	#list03 .p-life_list_text01{
		left: 833px;
	}

	#list03 .p-life_list_img01{
		text-align: left;
		padding: 1.3vw 0 0 0;
	}

	#list03 .p-life_list_img02{
		left: 1220px;
	}
	
	
	
}