@charset "utf-8";

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

/* CSS Document */

.l-wrapper{
    background-image: url("../../images/infographic/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 310px;
}

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

/* .s01_list_wrap */

.s01_list_wrap{
	text-align: center;
	max-width: 1063px;
	margin: 150px auto 0 auto;
}

.s01_list_wrap .s01_list{
	padding: 0 0 120px 0;
}

.s01_list_wrap .s01_list_block{
	padding: 120px 0;
	border-bottom: 3px solid #ffffff;
}

.s01_list_wrap .s01_list_block:first-child{
	padding-top: 0;
}

.s01_list_wrap .s01_list_block:last-child{
	padding-bottom: 0;
	border-bottom: none;
}

.s01_list_wrap .s01_list_block figure{
	display: inline-block;
	vertical-align: bottom;
	line-height: 0;
}

@media only screen and (min-width: 769px) and (max-width: 1579px){
   .l-wrapper{
			background-image: url("../../images/infographic/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 19.62vw;
	}

	.l-page_visual_lead{
		font-size: 2.02vw;
		padding: 5.06vw 0 0 41.77vw;
	}
	
	/* .s01_list_wrap */

	.s01_list_wrap{
		margin-top: 9.49vw;
		max-width: 67.28vw;
	}

	.s01_list_wrap .s01_list{
		padding: 0 0 7.6vw 0;
	}

	.s01_list_wrap .s01_list_block{
		padding: 7.6vw 0;
		border-bottom: 0.189vw solid #ffffff;
	}
	
}


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

	.l-page_visual_head{
		top: 5.8vw;
		left: 24.66vw;
		font-size: 4.8vw;
	}

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

	.l-page_visual_lead{
		font-size: 4.266vw;
		padding: 5.33vw 0 0 30.4vw;
	}

	/* .s01_list_wrap */

	.s01_list_wrap{
		max-width: none;
		padding: 0 4vw;
		margin-top: 6.96vw;
	}

	.s01_list_wrap .s01_list{
		padding: 0 0 29.89vw 0;
	}

	.s01_list_wrap .s01_list_block{
		padding: 10.66vw 0;
		border-bottom: 0.4vw solid #ffffff;
	}
	
}