@charset "utf-8";
hr.space{
	border-top: 1px solid #B6B3AA;
	width:72px;
	margin:40px 0;
}


.image_area01{
	margin-top:20px;
}

ul.comment_area01{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:60px;
}

ul.comment_area01 li:first-child{
	width:450px;
	font-size: 20px;
	line-height: 180%;
	letter-spacing: 0.07em;
	padding-right:90px;
}

ul.comment_area01 li:first-child p{
	font-size: 12px;
	line-height: 200%;
	letter-spacing: 0.07em;
	margin-top:30px;
}

ul.comment_area01 li:last-child{
	flex:1;
	font-size: 12px;
	line-height: 200%;
	letter-spacing: 0.07em;
}

ul.comment_area02{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
}

ul.comment_area02 li:first-child{
	width:32.72%;
}

ul.comment_area02 li:last-child{
	width:58.9%;
}

ul.image_area05{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	margin-top: 128px;
}

ul.image_area05 li:first-child{
	width:37.81%;
}

ul.image_area05 li:last-child{
	width:60.36%;
}


.image_area06{
	margin-top: 128px;
}


@media all and (min-width: 768px) {

	ul.image_area02{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-end;
		margin-top:20px;
	}

	ul.image_area02 li:first-child{
		width:45.45%;
	}

	ul.image_area02 li:last-child{
		width:52.63%;
	}

	.image_area03{
		position:relative;
	}

	.image_area03 ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:stretch ;
		margin-top:20px;
	}

	.image_area03 ul li:first-child{
		width:54.09%;
	}

	.image_area03 ul li:last-child{
		width:44.09%;
	}

	.image_area03 .comment_left{
		position:absolute;
		bottom:0;
		left:0;
		font-weight: 300;
		font-size: 14px;
		line-height: 180%;
		letter-spacing: 0.07em;
		float:left;
	}

	.comment_left hr{
		border-top: 1px solid #B6B3AA;
		width:40px;
		margin-bottom:40px;
	}

	.image_area04{
		margin-top:20px;
		width:49.09%;
	}

}

@media all and (max-width: 768px) {

	ul.comment_area01{
		display:block;
	}

	ul.comment_area02 li:first-child{
		padding-left:0;
	}

	ul.comment_area01 li:first-child{
		width:100%;
		box-sizing:border-box;
		padding-right:0;
	}

	ul.comment_area01 li:last-child{
		margin-top:10px;
	}

}

@media all and (max-width: 767px) {
	hr.space{
		border-top: 1px solid #B6B3AA;
		width:40px;
		margin:40px 40px 40px 48px;
	}
	section{
		padding:0;
	}

	img{
		font-size:0;
		display:block;
	}

	.image_area01{
		margin-top:10px;
	}

	h2,
	ul.comment_area01,
	.outline{
		padding:0 40px 0 48px;
	}

	ul.comment_area02{
		display:block;
	}

	ul.comment_area02 li:first-child{
		padding:0 40px 40px 48px;
	}

	ul.comment_area02 li:last-child{
		width:100%;
		margin-top:40px;
	}

	.image_area03 ul li{
		margin-top:10px;
	}

	.comment_left{
		padding:40px 40px 0 48px;
	}

	.comment_left hr{
		border-top: 1px solid #B6B3AA;
		width:40px;
		margin-bottom:40px;
	}

	ul.comment_area02 li:first-child{
		width:auto;
	}

	.image_area04{
		margin-top:10px;
	}

	ul.comment_area01 li:first-child{
		font-size:18px;
	}

	ul.comment_area01{
		margin-top:30px;
		margin-bottom:30px;
	}

	ul.comment_area01 .image_area01{
		margin-top:30px;
	}

	ul.image_area02 li{
		margin-top:10px;
	}

	ul.image_area05{
		display:block;
		margin-top: 30px;
	}

	ul.image_area05 li:first-child{
		width:100%;
		margin-top: 10px;
	}

	ul.image_area05 li:last-child{
		width:100%;
		margin-top: 10px;
	}

	.image_area06{
		margin-top: 128px;
	}

}